3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-08 09:11:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add locking interaction impl on layers toolbox.

Browse source
This commit is contained in:
Andrey Antukh 2016-01-22 19:39:07 +02:00
parent 42073077ee
commit 7ac2ae8af6
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/uxbox/ui/workspace/toolboxes/layers.cljs
View file

@ -68,6 +68,12 @@
(let [id (:id item)] (let [id (:id item)]
(rs/emit! (dw/toggle-shape-blocking id)))) (rs/emit! (dw/toggle-shape-blocking id))))
(defn- toggle-locking
[item event]
(dom/stop-propagation event)
(let [id (:id item)]
(rs/emit! (dw/toggle-shape-locking id))))
(defn- layer-element-render (defn- layer-element-render
[own item selected] [own item selected]
(let [selected? (contains? selected (:id item)) (let [selected? (contains? selected (:id item))
@ -109,6 +115,7 @@
select #(select-shape selected item %) select #(select-shape selected item %)
toggle-visibility #(toggle-visibility selected item %) toggle-visibility #(toggle-visibility selected item %)
toggle-blocking #(toggle-blocking item %) toggle-blocking #(toggle-blocking item %)
toggle-locking #(toggle-locking item %)
toggle-open (fn [event] toggle-open (fn [event]
(dom/stop-propagation event) (dom/stop-propagation event)
(swap! local assoc :open (not open?))) (swap! local assoc :open (not open?)))
@ -124,7 +131,9 @@
[:div.block-element {:class (when (:blocked item) "selected") [:div.block-element {:class (when (:blocked item) "selected")
:on-click toggle-blocking} :on-click toggle-blocking}
i/lock] i/lock]
[:div.chain-element i/chain]] [:div.chain-element {:class (when (:locked item) "selected")
:on-click toggle-locking}
i/chain]]
[:div.element-icon i/folder] [:div.element-icon i/folder]
[:span (:name item "Unnamed group")] [:span (:name item "Unnamed group")]
[:span.toggle-content {:on-click toggle-open} [:span.toggle-content {:on-click toggle-open}