Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-16 00:41:25 -05:00
Code Issues Activity

Add tab interaction to history sidebar.

Browse source
This commit is contained in:
Andrey Antukh 2016-02-21 18:14:46 +02:00
parent 85d7adb8c5
commit 15bd7b0939
2 changed files with 84 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -81,7 +81,7 @@
i/options]
[:li.tooltip.tooltip-bottom
{:alt "History (Ctrl + Shift + H)"
:class (when (contains? flags :document-history))
:class (when (contains? flags :document-history) "selected")
:on-click (partial toggle :document-history)}
i/undo-history]]
[:ul.options-btn

147
src/uxbox/ui/workspace/sidebar/document_history.cljs
View file

@ -20,9 +20,15 @@
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn document-history-toolbox-render
[open-toolboxes]
[own]
(let [workspace (rum/react wb/workspace-l)
close #(rs/emit! (dw/toggle-flag :document-history))]
local (:rum/local own)
section (:section @local :main)
close #(rs/emit! (dw/toggle-flag :document-history))
main? (= section :main)
pinned? (= section :pinned)
show-main #(swap! local assoc :section :main)
show-pinned #(swap! local assoc :section :pinned)]
(html
[:div.document-history.tool-window
[:div.tool-window-bar
@ -31,70 +37,83 @@
[:div.tool-window-close {:on-click close} i/close]]
[:div.tool-window-content
[:ul.history-tabs
[:li.selected "History"]
[:li "Pinned"]]
[:ul.history-content
[:li.current
[:div.pin-icon i/pin]
[:span "Current version"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]]
]])))
[:li {:on-click show-main
:class (when main? "selected")}
"History"]
[:li {:on-click show-pinned
:class (when pinned? "selected")}
"Pinned"]]
(if (= section :pinned)
[:ul.history-content
[:li.current
[:div.pin-icon i/pin]
[:span "Current version"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]])
(if (= section :main)
[:ul.history-content
[:li.current
[:div.pin-icon i/pin]
[:span "Current version"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]
[:li
[:div.pin-icon i/pin]
[:span "Version 02/02/2016 12:33h"]]])]])))
(def ^:static document-history-toolbox
(mx/component
{:render document-history-toolbox-render
:name "document-history-toolbox"
:mixins [mx/static rum/reactive]}))
:mixins [mx/static rum/reactive (mx/local)]}))