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

♻️ More code refactor on workspace.

Browse source
This commit is contained in:
Andrey Antukh 2019-07-24 11:36:09 +02:00
parent 2a8c1d5f03
commit 980d23c370
8 changed files with 81 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/uxbox/main/ui/workspace.cljs
View file

@ -61,15 +61,16 @@
(scroll/scroll-to-point dom mouse-point scroll-position))))
(mf/def workspace
:key-fn identity
:mixins #{mf/memo
mf/reactive
:mixins #{mf/reactive
shortcuts-mixin}
:init
(fn [own {:keys [project page] :as props}]
(st/emit! (dw/initialize project page))
(assoc own ::canvas (mf/create-ref)))
(assoc own
::canvas (mf/create-ref)
::page-ref (-> (l/in [:pages page])
(l/derive st/state))))
:did-mount
(fn [own]
@ -91,8 +92,9 @@
:render
(fn [own props]
(let [flags (mf/deref refs/flags)
project-id (get props :project)
page-id (get props :page)
page (mf/deref (::page-ref own))
;; project-id (get props :project)
;; page-id (get props :page)
left-sidebar? (not (empty? (keep flags [:layers :sitemap
:document-history])))
right-sidebar? (not (empty? (keep flags [:icons :drawtools
@ -103,7 +105,9 @@
:scrolling (:viewport-positionig workspace))]
[:*
(messages-widget)
(header)
[:& header {:page page
:flags flags
:key (:id page)}]
(colorpalette)
[:main.main-content
@ -116,20 +120,20 @@
;; Rules
(when (contains? flags :rules)
(horizontal-rule))
[:& horizontal-rule])
(when (contains? flags :rules)
(vertical-rule))
[:& vertical-rule])
;; Canvas
[:section.workspace-canvas {:id "workspace-canvas"
:ref (::canvas own)}
[:& viewport {:project project-id
:page page-id
:key [project-id page-id]}]]]
[:& viewport {:page page
:flags flags
:key (:id page)}]]]
;; Aside
(when left-sidebar?
(left-sidebar {:flags flags :page-id page-id}))
[:& left-sidebar {:flags flags :page-id (:id page)}])
(when right-sidebar?
(right-sidebar {:flags flags :page-id page-id}))]])))
[:& right-sidebar {:flags flags :page-id (:id page)}])]])))