mirror of
https://github.com/penpot/penpot.git
synced 2025-02-01 20:09:04 -05:00
Minor naming fixes on files.
This commit is contained in:
parent
2a2fcb1a75
commit
fd2bba35ce
3 changed files with 44 additions and 41 deletions
|
@ -8,11 +8,11 @@
|
||||||
[uxbox.ui.util :as util]
|
[uxbox.ui.util :as util]
|
||||||
[uxbox.ui.mixins :as mx]
|
[uxbox.ui.mixins :as mx]
|
||||||
[uxbox.ui.workspace.base :as wb]
|
[uxbox.ui.workspace.base :as wb]
|
||||||
[uxbox.ui.workspace.toolbar :as wt]
|
[uxbox.ui.workspace.lateralmenu :refer (lateralmenu)]
|
||||||
[uxbox.ui.workspace.leftsidebar :as wl]
|
[uxbox.ui.workspace.pagesmngr :refer (pagesmngr)]
|
||||||
[uxbox.ui.workspace.header :as wh]
|
[uxbox.ui.workspace.header :refer (header)]
|
||||||
[uxbox.ui.workspace.rules :as wr]
|
[uxbox.ui.workspace.rules :refer (h-rule v-rule)]
|
||||||
[uxbox.ui.workspace.workarea :as wa]))
|
[uxbox.ui.workspace.workarea :refer (workarea)]))
|
||||||
|
|
||||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||||
;; Workspace
|
;; Workspace
|
||||||
|
@ -22,19 +22,21 @@
|
||||||
[own projectid]
|
[own projectid]
|
||||||
(html
|
(html
|
||||||
[:div
|
[:div
|
||||||
(wh/header)
|
(header)
|
||||||
[:main.main-content
|
[:main.main-content
|
||||||
[:section.workspace-content
|
[:section.workspace-content
|
||||||
;; Toolbar
|
;; Lateral Menu (left side)
|
||||||
(wt/toolbar)
|
(lateralmenu)
|
||||||
;; Project bar
|
|
||||||
(wl/left-sidebar)
|
;; Pages management lightbox
|
||||||
|
(pagesmngr)
|
||||||
|
|
||||||
;; Rules
|
;; Rules
|
||||||
(wr/h-rule)
|
(h-rule)
|
||||||
(wr/v-rule)
|
(v-rule)
|
||||||
|
|
||||||
;; Canvas
|
;; Canvas
|
||||||
(wa/workarea)
|
(workarea)
|
||||||
;; (working-area conn @open-toolboxes page project shapes (rum/react ws/zoom) (rum/react ws/grid?))
|
;; (working-area conn @open-toolboxes page project shapes (rum/react ws/zoom) (rum/react ws/grid?))
|
||||||
;; ;; Aside
|
;; ;; Aside
|
||||||
;; (when-not (empty? @open-toolboxes)
|
;; (when-not (empty? @open-toolboxes)
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
(ns uxbox.ui.workspace.toolbar
|
(ns uxbox.ui.workspace.lateralmenu
|
||||||
(:require [sablono.core :as html :refer-macros [html]]
|
(:require [sablono.core :as html :refer-macros [html]]
|
||||||
[rum.core :as rum]
|
[rum.core :as rum]
|
||||||
[cats.labs.lens :as l]
|
[cats.labs.lens :as l]
|
||||||
|
@ -10,17 +10,17 @@
|
||||||
[uxbox.ui.util :as util]))
|
[uxbox.ui.util :as util]))
|
||||||
|
|
||||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||||
;; Toolbar
|
;; Lateral Menu
|
||||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||||
|
|
||||||
(defn- toggle-toolbox
|
(defn- toggle-toolbox
|
||||||
[state item]
|
[state item]
|
||||||
(update state item (fnil not false)))
|
(update state item (fnil not false)))
|
||||||
|
|
||||||
(defn toolbar-render
|
(defn lateralmenu-render
|
||||||
[own]
|
[own]
|
||||||
(let [workspace (rum/react wb/workspace-state)
|
(let [workspace (rum/react wb/workspace-state)
|
||||||
toggle #(rs/emit! (dw/toggle-tool %))]
|
toggle #(rs/emit! (dw/toggle-toolbox %))]
|
||||||
(html
|
(html
|
||||||
[:div#tool-bar.tool-bar
|
[:div#tool-bar.tool-bar
|
||||||
[:div.tool-bar-inside
|
[:div.tool-bar-inside
|
||||||
|
@ -44,8 +44,8 @@
|
||||||
{:alt "Feedback (Ctrl + Shift + M)"}
|
{:alt "Feedback (Ctrl + Shift + M)"}
|
||||||
i/chat]]]])))
|
i/chat]]]])))
|
||||||
|
|
||||||
(def ^:static toolbar
|
(def ^:static lateralmenu
|
||||||
(util/component
|
(util/component
|
||||||
{:render toolbar-render
|
{:render lateralmenu-render
|
||||||
:name "toolbar"
|
:name "lateralmenu"
|
||||||
:mixins [rum/reactive]}))
|
:mixins [rum/reactive]}))
|
|
@ -1,4 +1,4 @@
|
||||||
(ns uxbox.ui.workspace.leftsidebar
|
(ns uxbox.ui.workspace.pagesmngr
|
||||||
(:require [sablono.core :as html :refer-macros [html]]
|
(:require [sablono.core :as html :refer-macros [html]]
|
||||||
[rum.core :as rum]
|
[rum.core :as rum]
|
||||||
[cuerdas.core :as str]
|
[cuerdas.core :as str]
|
||||||
|
@ -11,7 +11,7 @@
|
||||||
[uxbox.ui.dom :as dom]
|
[uxbox.ui.dom :as dom]
|
||||||
[uxbox.ui.util :as util]))
|
[uxbox.ui.util :as util]))
|
||||||
|
|
||||||
(defn- project-sidebar-pageitem-render
|
(defn- page-item-render
|
||||||
[own parent page numpages]
|
[own parent page numpages]
|
||||||
(letfn [(on-edit [e]
|
(letfn [(on-edit [e]
|
||||||
(let [data {:edit true :form page}]
|
(let [data {:edit true :form page}]
|
||||||
|
@ -25,6 +25,7 @@
|
||||||
(html
|
(html
|
||||||
[:li.single-page
|
[:li.single-page
|
||||||
{:class (when active? "current")
|
{:class (when active? "current")
|
||||||
|
:key (str (:id page))
|
||||||
:on-click navigate}
|
:on-click navigate}
|
||||||
[:div.tree-icon i/page]
|
[:div.tree-icon i/page]
|
||||||
[:span (:name page)]
|
[:span (:name page)]
|
||||||
|
@ -34,13 +35,13 @@
|
||||||
:on-click delete}
|
:on-click delete}
|
||||||
i/trash]]]))))
|
i/trash]]]))))
|
||||||
|
|
||||||
(def project-sidebar-pageitem
|
(def page-item
|
||||||
(util/component
|
(util/component
|
||||||
{:render project-sidebar-pageitem-render
|
{:render page-item-render
|
||||||
:name "project-sidebar-pageitem"
|
:name "page-item"
|
||||||
:mixins [rum/reactive]}))
|
:mixins [rum/reactive]}))
|
||||||
|
|
||||||
(defn- project-sidebar-pagelist-render
|
(defn- page-list-render
|
||||||
[own parent]
|
[own parent]
|
||||||
(let [project (rum/react wb/project-state)
|
(let [project (rum/react wb/project-state)
|
||||||
pages (rum/react wb/pages-state)
|
pages (rum/react wb/pages-state)
|
||||||
|
@ -50,19 +51,19 @@
|
||||||
[:span.project-name name]
|
[:span.project-name name]
|
||||||
[:ul.tree-view
|
[:ul.tree-view
|
||||||
(for [page pages]
|
(for [page pages]
|
||||||
(let [component (project-sidebar-pageitem parent page (count pages))]
|
(-> (page-item parent page (count pages))
|
||||||
(rum/with-key component (str (:id page)))))]
|
(rum/with-key (:id page))))]
|
||||||
[:button.btn-primary.btn-small
|
[:button.btn-primary.btn-small
|
||||||
{:on-click #(reset! parent {:edit true :form {}})}
|
{:on-click #(reset! parent {:edit true :form {}})}
|
||||||
"+ Add new page"]])))
|
"+ Add new page"]])))
|
||||||
|
|
||||||
(def project-sidebar-pagelist
|
(def page-list
|
||||||
(util/component
|
(util/component
|
||||||
{:render project-sidebar-pagelist-render
|
{:render page-list-render
|
||||||
:name "project-sidebar-pagelist"
|
:name "page-list"
|
||||||
:mixins [rum/reactive]}))
|
:mixins [rum/reactive]}))
|
||||||
|
|
||||||
(defn- project-sidebar-form-render
|
(defn- page-form-render
|
||||||
[own parent]
|
[own parent]
|
||||||
(let [form (:form @parent)
|
(let [form (:form @parent)
|
||||||
project @wb/project-state]
|
project @wb/project-state]
|
||||||
|
@ -105,13 +106,13 @@
|
||||||
{:on-click on-cancel}
|
{:on-click on-cancel}
|
||||||
"Cancel"]]))))
|
"Cancel"]]))))
|
||||||
|
|
||||||
(def project-sidebar-form
|
(def page-form
|
||||||
(util/component
|
(util/component
|
||||||
{:render project-sidebar-form-render
|
{:render page-form-render
|
||||||
:name "project-sidebar-form"
|
:name "page-form"
|
||||||
:mixins [rum/reactive]}))
|
:mixins [rum/reactive]}))
|
||||||
|
|
||||||
(defn left-sidebar-render
|
(defn pagesmngr-render
|
||||||
[own]
|
[own]
|
||||||
(let [local (:rum/local own)
|
(let [local (:rum/local own)
|
||||||
workspace (rum/react wb/workspace-state)
|
workspace (rum/react wb/workspace-state)
|
||||||
|
@ -121,11 +122,11 @@
|
||||||
(when-not (:pagesbar-enabled workspace false)
|
(when-not (:pagesbar-enabled workspace false)
|
||||||
{:class "toggle"})
|
{:class "toggle"})
|
||||||
(if (:edit @local)
|
(if (:edit @local)
|
||||||
(project-sidebar-form local)
|
(page-form local)
|
||||||
(project-sidebar-pagelist local))])))
|
(page-list local))])))
|
||||||
|
|
||||||
(def left-sidebar
|
(def pagesmngr
|
||||||
(util/component
|
(util/component
|
||||||
{:render left-sidebar-render
|
{:render pagesmngr-render
|
||||||
:name "left-sidebar"
|
:name "pagesmngr"
|
||||||
:mixins [rum/reactive (mx/local {:edit false :form {}})]}))
|
:mixins [rum/reactive (mx/local {:edit false :form {}})]}))
|
Loading…
Add table
Reference in a new issue