3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-10 18:16:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Add new project header

Browse source
This commit is contained in:
elhombretecla 2021-06-15 09:55:38 +02:00 • committed by Alonso Torres
parent 5cddc9836f
commit a106c728ba
6 changed files with 48 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/app/main/ui/dashboard/files.cljs
View file

@ -29,7 +29,11 @@
team-id (:id team)
on-menu-click
(mf/use-callback #(swap! local assoc :menu-open true))
(mf/use-callback
(fn [event]
(let [position (dom/get-client-position event)]
(dom/prevent-default event)
(swap! local assoc :menu-open true :menu-pos position))))
on-menu-close
(mf/use-callback #(swap! local assoc :menu-open false))
@ -63,20 +67,26 @@
[:div.dashboard-title
[:h1 {:on-double-click on-edit}
(:name project)]
[:div.icon {:on-click on-menu-click}
i/actions]
[:& project-menu {:project project
:show? (:menu-open @local)
:left (- (:x (:menu-pos @local)) 180)
:top (:y (:menu-pos @local))
:on-edit on-edit
:on-menu-close on-menu-close}]
[:div.icon.pin-icon
{:class (when (:is-pinned project) "active")
:on-click toggle-pin}
(if (:is-pinned project)
i/pin-fill
i/pin)]]))
[:a.btn-secondary.btn-small {:on-click on-create-clicked}
(tr "dashboard.new-file")]]))
:on-menu-close on-menu-close}]]))
[:div.dashboard-header-actions
[:a.btn-secondary.btn-small {:on-click on-create-clicked}
(tr "dashboard.new-file")]
[:div.icon.pin-icon.tooltip.tooltip-bottom
{:class (when (:is-pinned project) "active")
:on-click toggle-pin :alt (tr "dashboard.pin-unpin")}
(if (:is-pinned project)
i/pin-fill
i/pin)]
[:div.icon.tooltip.tooltip-bottom
{:on-click on-menu-click :alt (tr "dashboard.options")}
i/actions]]]))
(mf/defc files-section
[{:keys [project team] :as props}]

25
frontend/src/app/main/ui/dashboard/projects.cljs
View file

@ -108,13 +108,6 @@
[:div.dashboard-project-row {:class (when first? "first")}
[:div.project
(when-not (:is-default project)
[:span.pin-icon
{:class (when (:is-pinned project) "active")
:on-click toggle-pin}
(if (:is-pinned project)
i/pin-fill
i/pin)])
(if (:edition? @local)
[:& inline-edition {:content (:name project)
:on-end on-edit}]
@ -141,9 +134,21 @@
#_[:& import-button {:project-id (:id project)
:on-finish-import on-finish-import}]
[:a.btn-secondary.btn-small
{:on-click create-file}
(tr "dashboard.new-file")]]
(when-not (:is-default project)
[:span.pin-icon.tooltip.tooltip-bottom
{:class (when (:is-pinned project) "active")
:on-click toggle-pin :alt (tr "dashboard.pin-unpin")}
(if (:is-pinned project)
i/pin-fill
i/pin)])
[:a.btn-secondary.btn-small.tooltip.tooltip-bottom
{:on-click create-file :alt (tr "dashboard.new-file")}
i/close]
[:a.btn-secondary.btn-small.tooltip.tooltip-bottom
{:on-click on-menu-click :alt (tr "dashboard.options")}
i/actions]]
[:& line-grid
{:project-id (:id project)