Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 07:41:43 -05:00
Code Issues Activity

Add some interactions to group entry on layers toolbox.

Browse source
This commit is contained in:
Andrey Antukh 2016-01-18 23:10:15 +02:00
parent 0d0a94e594
commit 304a8ab74f
1 changed files with 30 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/uxbox/ui/workspace/toolboxes.cljs
View file

@ -159,31 +159,46 @@
(defn- layer-group-render
[own item selected]
(let [selected? (contains? selected (:id item))
(let [local (:rum/local own)
selected? (contains? selected (:id item))
open? (:open @local true)
select #(select-shape selected item %)
toggle-visibility #(toggle-visibility selected item %)
toggle-blocking #(toggle-blocking item %)
toggle-open (fn [event]
(dom/stop-propagation event)
(swap! local assoc :open (not open?)))
shapes-by-id (rum/react shapes-by-id)]
(html
[:li.group.open
[:div.element-list-body {:class (when selected? "selected")}
[:li.group {:class (when open? "open")}
[:div.element-list-body {:class (when selected? "selected")
:on-click select}
[:div.element-actions
[:div.toggle-element i/eye]
[:div.block-element i/lock]
[:div.toggle-element {:class (when-not (:hidden item) "selected")
:on-click toggle-visibility}
i/eye]
[:div.block-element {:class (when (:blocked item) "selected")
:on-click toggle-blocking}
i/lock]
[:div.chain-element i/chain]]
[:div.element-icon i/folder]
[:span "Opened group"]
[:span.toggle-content i/arrow-slide]]
[:ul
(for [shape (map #(get shapes-by-id %) (:items item))
:let [key (str (:id shape))]]
;; TODO: make polymorphic
(case (:type shape)
:builtin/icon (rum/with-key (layer-element shape selected) key)
:builtin/group (rum/with-key (layer-group shape selected) key)))]])))
[:span (:name item "Unnamed group")]
[:span.toggle-content {:on-click toggle-open}
i/arrow-slide]]
(if open?
[:ul
(for [shape (map #(get shapes-by-id %) (:items item))
:let [key (str (:id shape))]]
;; TODO: make polymorphic
(case (:type shape)
:builtin/icon (rum/with-key (layer-element shape selected) key)
:builtin/group (rum/with-key (layer-group shape selected) key)))])])))
(def ^:static ^:private layer-group
(mx/component
{:render layer-group-render
:name "layer-group"
:mixins [mx/static rum/reactive]}))
:mixins [mx/static rum/reactive (mx/local)]}))
(defn layers-render
[own]