Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-06 12:01:19 -05:00
Code Issues Activity

✨ Add context menu to all shapes.

Browse source
This commit is contained in:
Andrey Antukh 2020-03-19 18:54:24 +01:00 • committed by Alonso Torres
parent cae5b5e778
commit 06ec1e00ee
2 changed files with 31 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/uxbox/main/ui/shapes/path.cljs
View file

@ -24,17 +24,18 @@
(mf/defc path-wrapper
[{:keys [shape] :as props}]
(let [selected (mf/deref refs/selected-shapes)
selected? (contains? selected (:id shape))]
(letfn [(on-mouse-down [event]
(common/on-mouse-down event shape selected))
(on-double-click [event]
(when selected?
(st/emit! (dw/start-edition-mode (:id shape)))))]
[:g.shape {:class (when selected? "selected")
:on-double-click on-double-click
:on-mouse-down on-mouse-down}
[:& path-shape {:shape shape
:background? true}]])))
selected? (contains? selected (:id shape))
on-mouse-down #(common/on-mouse-down % shape)
on-context-menu #(common/on-context-menu % shape)
on-double-click
(fn [event]
(when selected?
(st/emit! (dw/start-edition-mode (:id shape)))))]
[:g.shape {:on-double-click on-double-click
:on-mouse-down on-mouse-down
:on-context-menu on-context-menu}
[:& path-shape {:shape shape
:background? true}]]))
;; --- Path Shape

36
frontend/src/uxbox/main/ui/shapes/text.cljs
View file

@ -12,7 +12,7 @@
[lentes.core :as l]
[rumext.core :as mx]
[rumext.alpha :as mf]
[uxbox.main.data.workspace :as udw]
[uxbox.main.data.workspace :as dw]
[uxbox.main.geom :as geom]
[uxbox.main.refs :as refs]
[uxbox.main.store :as st]
@ -45,18 +45,20 @@
edition (mf/deref refs/selected-edition)
edition? (= edition id)
selected? (and (contains? selected id)
(= (count selected) 1))]
(letfn [(on-mouse-down [event]
(handle-mouse-down event shape selected))
(on-double-click [event]
(dom/stop-propagation event)
(st/emit! (udw/start-edition-mode id)))]
[:g.shape {:class (when selected? "selected")
:on-double-click on-double-click
:on-mouse-down on-mouse-down}
(if edition?
[:& text-shape-edit {:shape shape}]
[:& text-shape {:shape shape}])])))
(= (count selected) 1))
on-mouse-down #(common/on-mouse-down % shape)
on-context-menu #(common/on-context-menu % shape)
on-double-click
(fn [event]
(when selected?
(st/emit! (dw/start-edition-mode (:id shape)))))]
[:g.shape {:on-double-click on-double-click
:on-mouse-down on-mouse-down
:on-context-menu on-context-menu}
(if edition?
[:& text-shape-edit {:shape shape}]
[:& text-shape {:shape shape}])]))
;; --- Text Styles Helpers
@ -118,13 +120,13 @@
(fn []
(let [content (-> (mf/ref-val ref)
(dom/get-value))]
(st/emit! (udw/update-shape id {:content content}))))
(st/emit! (dw/update-shape id {:content content}))))
on-blur
(fn [event]
(st/emit! udw/clear-edition-mode
udw/deselect-all))]
(st/emit! dw/clear-edition-mode
dw/deselect-all))]
(mf/use-effect
#(let [dom (mf/ref-val ref)
val (dom/get-value dom)]
@ -134,7 +136,7 @@
(fn []
(let [content (-> (mf/ref-val ref)
(dom/get-value))]
(st/emit! (udw/update-shape id {:content content}))))))
(st/emit! (dw/update-shape id {:content content}))))))