Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -05:00
Code Issues Activity

Move coordinates widget to header.

Browse source
This commit is contained in:
Andrey Antukh 2016-02-18 19:08:26 +02:00
parent 3827ecb5b7
commit 80385e21a7
2 changed files with 28 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/uxbox/ui/workspace.cljs
View file

@ -19,23 +19,6 @@
[uxbox.ui.workspace.colorpalette :refer (colorpalette)] [uxbox.ui.workspace.colorpalette :refer (colorpalette)]
[uxbox.ui.workspace.canvas :refer (viewport)])) [uxbox.ui.workspace.canvas :refer (viewport)]))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Coordinates Debug
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn- coordenates-render
[own]
(let [{:keys [x y]} (rum/react wb/mouse-canvas-a)]
(html
[:div {:style {:position "absolute" :left "50px" :top "25px"}}
[:span (str "| x=" x " | y=" y " |")]])))
(def coordinates
(mx/component
{:render coordenates-render
:name "coordenates"
:mixins [rum/reactive]}))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Workspace ;; Workspace
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

30
src/uxbox/ui/workspace/header.cljs
View file

@ -9,7 +9,32 @@
[uxbox.ui.icons :as i] [uxbox.ui.icons :as i]
[uxbox.ui.users :as ui.u] [uxbox.ui.users :as ui.u]
[uxbox.ui.navigation :as nav] [uxbox.ui.navigation :as nav]
[uxbox.ui.mixins :as mx])) [uxbox.ui.mixins :as mx]
[uxbox.util.math :as mth]))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Coordinates Debug
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn- coordenates-render
[own]
(let [{:keys [x y]} (rum/react wb/mouse-canvas-a)
x (mth/precision x 1)
y (mth/precision y 1)]
(html
[:ul.options-btn
[:li.tooltip.tooltip-bottom {:alt "x"} x]
[:li.tooltip.tooltip-bottom {:alt "y"} y]])))
(def coordinates
(mx/component
{:render coordenates-render
:name "coordenates"
:mixins [rum/reactive]}))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Header
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn on-download-clicked (defn on-download-clicked
[event page] [event page]
@ -87,7 +112,8 @@
[:ul.options-btn [:ul.options-btn
[:li.tooltip.tooltip-bottom [:li.tooltip.tooltip-bottom
{:alt "Multi-canvas (Ctrl + M)"} {:alt "Multi-canvas (Ctrl + M)"}
i/multicanvas]]] i/multicanvas]]
(coordinates)]
(ui.u/user)]))) (ui.u/user)])))
(def header (def header