3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-27 21:26:13 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add basic layers toolbox rendering.

Browse source
This commit is contained in:
Andrey Antukh 2015-12-18 19:31:29 +02:00
parent e8235fcf02
commit 93b7470b69
2 changed files with 46 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

43
frontend/uxbox/ui/workspace/toolboxes.cljs
View file

@ -67,3 +67,46 @@
{:render draw-toolbox-render
:name "draw-toolbox"
:mixins [mx/static rum/reactive]}))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Layers
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn layers-render
[]
(let [workspace (rum/react wb/workspace-state)
close #(rs/emit! (dw/toggle-toolbox :layers))
tools (->> (into [] draw-tools)
(sort-by (comp :priority second)))]
(html
[:div#layers.tool-window
[:div.tool-window-bar
[:div.tool-window-icon i/layers]
[:span "Layers"]
[:div.tool-window-close {:on-click close} i/close]]
[:div.tool-window-content
[:ul.element-list
#_(for [shape (reverse shapes)]
(let [{shape-id :shape/uuid
selected? :shape/selected?
locked? :shape/locked?
visible? :shape/visible?
raw-shape :shape/data} shape]
[:li {:key shape-id
:class (when selected? "selected")}
[:div.toggle-element
{:class (when visible? "selected")
:on-click #(actions/toggle-shape-visibility conn shape-id)} icons/eye]
[:div.block-element
{:class (when locked? "selected")
:on-click #(actions/toggle-shape-lock conn shape-id)} icons/lock]
[:div.element-icon
(shapes/icon raw-shape)]
[:span (shapes/name raw-shape)]]))]]])))
(def ^:static layers
(util/component
{:render layers-render
:name "layers"
:mixins [rum/reactive]}))