From 67a481356b5d3b17f72dd563645cd31b808c5227 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Moya?= <andres.moya@kaleidos.net>
Date: Mon, 6 Apr 2020 10:39:50 +0200
Subject: [PATCH] :sparkles: Enable locking of artboards and enhance
 visualization

---
 frontend/resources/images/icons/lock-open.svg               | 1 +
 frontend/resources/styles/main/partials/sidebar-layers.scss | 4 +---
 frontend/src/uxbox/builtins/icons.cljs                      | 1 +
 frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs    | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 frontend/resources/images/icons/lock-open.svg

diff --git a/frontend/resources/images/icons/lock-open.svg b/frontend/resources/images/icons/lock-open.svg
new file mode 100644
index 0000000000..ed703a641c
--- /dev/null
+++ b/frontend/resources/images/icons/lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.00001 500.00001" width="500" height="500"><path d="M242.745 5.755c-31.998 0-32.998 0-45.298 2.7-13 2.8-26.999 7.6-37.298 12.7-24.7 12.299-46.998 34.998-55.198 56.397-6.2 16-6.2 15.7-6.8 69.398l-.6 49.398-8 4c-15.199 7.6-27.298 22.999-31.698 40.198-1 7.3-1 11.3-1 109.996 0 100.296 0 102.396 2 109.495 7 23.3 23.999 40.499 46.998 44.999 2 .5 65.997.8 141.994.7l137.995-.188 7-2.5c10-4 17-8.5 24-16.2 7.999-7.999 11.999-15.999 14.999-26.998 2-7 2-11 2-108.996s0-101.996-2-108.996c-5-16.999-20-32.998-32-39.998-4.999-3-11.999-5-16.999-6H139.75l-.6-2c0-1-.2-20.999 0-44.998.3-42.999.3-43.999 2.6-49.998 8.799-22 31.298-38.999 61.697-45.999 12-3 59.998-4 74.497-1 26.799 4 49.598 17 61.797 34 4 5.999 15 11.999 25.8 7.999 12.2-10.1 14.2-22.1 8.2-33.099-3.5-5-7.7-10-13.2-15.4-15.8-15.599-32-25.298-54.798-32.598-19.5-6.312-26-7.012-62.998-7.012zM107.751 233.146h135.194c134.196 0 134.996 0 138.295 2 2 1.2 4.2 4 5.7 7l2.6 5v202.792l-2.7 5.2c-2 4-3 5.8-7 7.5l-4 2H242.746c-127.594 0-132.594 0-135.494-2-4-3-7-6-8.7-10-1.4-4-1.5-16-1.5-104.996 0-113.996-.5-105.996 7.2-111.996zm136.994 45.299c-11.2-.313-22.599 3.8-31.398 13.3-6.3 6.999-9 12.499-10.7 21.598-2 12.5 2 26.199 12 34.999 3 2.8 5 5.7 5 6.5 0 1-4 15.999-8 32.998-4 17-8 31.999-8 32.999 0 2 4 2 38.998 2 21 0 38.999 0 38.999-1l-8-33.999-8-32.999 6-5c9-10 14-22.999 12-34.998-4-20.999-22-33.998-40.999-33.998z"/></svg>
diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss
index c5cc2e3630..bc72e312c6 100644
--- a/frontend/resources/styles/main/partials/sidebar-layers.scss
+++ b/frontend/resources/styles/main/partials/sidebar-layers.scss
@@ -57,8 +57,6 @@
     }
     
     .toggle-content {
-      margin-left: $x-small;
-
       svg {
         fill: $color-gray-60;
       }
@@ -205,4 +203,4 @@ span.element-name {
     fill: $color-black !important;
     padding: 1px;
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/uxbox/builtins/icons.cljs b/frontend/src/uxbox/builtins/icons.cljs
index b043dd48e3..a000cbdec2 100644
--- a/frontend/src/uxbox/builtins/icons.cljs
+++ b/frontend/src/uxbox/builtins/icons.cljs
@@ -47,6 +47,7 @@
 (def line (icon-xref :line))
 (def loader (icon-xref :loader))
 (def lock (icon-xref :lock))
+(def lock-open (icon-xref :lock-open))
 (def logo (icon-xref :uxbox-logo))
 (def logo-icon (icon-xref :uxbox-logo-icon))
 (def mail (icon-xref :mail))
diff --git a/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs b/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs
index 2e824e1814..176b0a5775 100644
--- a/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs
+++ b/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs
@@ -167,7 +167,7 @@
         (if (:hidden item) i/eye-closed i/eye)]
        [:div.block-element {:class (when (:blocked item) "selected")
                             :on-click toggle-blocking}
-        i/lock]]
+        (if (:blocked item) i/lock i/lock-open)]]
 
       (when (:shapes item)
         [:span.toggle-content
@@ -268,9 +268,9 @@
        [:div.toggle-element {:class (when (:hidden item) "selected")
                              :on-click toggle-visibility}
         (if (:hidden item) i/eye-closed i/eye)]
-       #_[:div.block-element {:class (when (:blocked item) "selected")
+       [:div.block-element {:class (when (:blocked item) "selected")
                               :on-click toggle-blocking}
-          i/lock]]
+          (if (:blocked item) i/lock i/lock-open)]]
 
       [:span.toggle-content
        {:on-click toggle-collapse