mirror of
https://github.com/penpot/penpot.git
synced 2026-05-28 19:33:45 +00:00
Comment some code related to elements.
This commit is contained in:
Andrey Antukh
parent
6ebeaf521a
commit
56bdddc865
@ -97,8 +97,7 @@
|
|||||||
:auth/recovery-request (auth/recovery-request-page)
|
:auth/recovery-request (auth/recovery-request-page)
|
||||||
:auth/recovery (auth/recovery-page (:token params))
|
:auth/recovery (auth/recovery-page (:token params))
|
||||||
:dashboard/projects (dashboard/projects-page)
|
:dashboard/projects (dashboard/projects-page)
|
||||||
:dashboard/elements (dashboard/elements-page)
|
;; :dashboard/elements (dashboard/elements-page)
|
||||||
|
|
||||||
:dashboard/icons (let [{:keys [id type]} params
|
:dashboard/icons (let [{:keys [id type]} params
|
||||||
type (when (str/alpha? type) (keyword type))
|
type (when (str/alpha? type) (keyword type))
|
||||||
id (cond
|
id (cond
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
(ns uxbox.main.ui.dashboard
|
(ns uxbox.main.ui.dashboard
|
||||||
(:require [uxbox.main.ui.dashboard.projects :as projects]
|
(:require [uxbox.main.ui.dashboard.projects :as projects]
|
||||||
[uxbox.main.ui.dashboard.elements :as elements]
|
;; [uxbox.main.ui.dashboard.elements :as elements]
|
||||||
[uxbox.main.ui.dashboard.icons :as icons]
|
[uxbox.main.ui.dashboard.icons :as icons]
|
||||||
[uxbox.main.ui.dashboard.images :as images]
|
[uxbox.main.ui.dashboard.images :as images]
|
||||||
[uxbox.main.ui.dashboard.colors :as colors]))
|
[uxbox.main.ui.dashboard.colors :as colors]))
|
||||||
|
|
||||||
(def projects-page projects/projects-page)
|
(def projects-page projects/projects-page)
|
||||||
(def elements-page elements/elements-page)
|
;; (def elements-page elements/elements-page)
|
||||||
(def icons-page icons/icons-page)
|
(def icons-page icons/icons-page)
|
||||||
(def images-page images/images-page)
|
(def images-page images/images-page)
|
||||||
(def colors-page colors/colors-page)
|
(def colors-page colors/colors-page)
|
||||||
|
|||||||
@ -14,199 +14,198 @@
|
|||||||
[uxbox.main.ui.icons :as i]
|
[uxbox.main.ui.icons :as i]
|
||||||
[uxbox.util.mixins :as mx :include-macros true]
|
[uxbox.util.mixins :as mx :include-macros true]
|
||||||
[uxbox.main.ui.lightbox :as lbx]
|
[uxbox.main.ui.lightbox :as lbx]
|
||||||
[uxbox.main.ui.library-bar :as ui.library-bar]
|
|
||||||
[uxbox.main.ui.dashboard.header :refer (header)]
|
[uxbox.main.ui.dashboard.header :refer (header)]
|
||||||
[uxbox.util.dom :as dom]))
|
[uxbox.util.dom :as dom]))
|
||||||
|
|
||||||
;; --- Page Title
|
;; --- Page Title
|
||||||
|
|
||||||
(defn page-title-render
|
;; (defn page-title-render
|
||||||
[]
|
;; []
|
||||||
(html
|
;; (html
|
||||||
[:div.dashboard-title
|
;; [:div.dashboard-title
|
||||||
[:h2 "Element library name"]
|
;; [:h2 "Element library name"]
|
||||||
[:div.edition
|
;; [:div.edition
|
||||||
[:span i/pencil]
|
;; [:span i/pencil]
|
||||||
[:span i/trash]]]))
|
;; [:span i/trash]]]))
|
||||||
|
|
||||||
(def ^:private page-title
|
;; (def ^:private page-title
|
||||||
(mx/component
|
;; (mx/component
|
||||||
{:render page-title-render
|
;; {:render page-title-render
|
||||||
:name "page-title"
|
;; :name "page-title"
|
||||||
:mixins [mx/static]}))
|
;; :mixins [mx/static]}))
|
||||||
|
|
||||||
;; --- Grid
|
;; ;; --- Grid
|
||||||
|
|
||||||
(defn grid-render
|
;; (defn grid-render
|
||||||
[own]
|
;; [own]
|
||||||
(html
|
;; (html
|
||||||
[:div.dashboard-grid-content
|
;; [:div.dashboard-grid-content
|
||||||
[:div.dashboard-grid-row
|
;; [:div.dashboard-grid-row
|
||||||
[:div.grid-item.add-project
|
;; [:div.grid-item.add-project
|
||||||
{on-click #(udl/open! :new-element)}
|
;; {on-click #(udl/open! :new-element)}
|
||||||
[:span "+ New element"]]
|
;; [:span "+ New element"]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]
|
;; [:div.project-th-icon.delete i/trash]]]
|
||||||
[:div.grid-item.project-th
|
;; [:div.grid-item.project-th
|
||||||
[:span.grid-item-image i/image]
|
;; [:span.grid-item-image i/image]
|
||||||
[:h3 "Custom element"]
|
;; [:h3 "Custom element"]
|
||||||
[:div.project-th-actions
|
;; [:div.project-th-actions
|
||||||
[:div.project-th-icon.edit i/pencil]
|
;; [:div.project-th-icon.edit i/pencil]
|
||||||
[:div.project-th-icon.delete i/trash]]]]]))
|
;; [:div.project-th-icon.delete i/trash]]]]]))
|
||||||
|
|
||||||
(def ^:private grid
|
;; (def ^:private grid
|
||||||
(mx/component
|
;; (mx/component
|
||||||
{:render grid-render
|
;; {:render grid-render
|
||||||
:name "grid"
|
;; :name "grid"
|
||||||
:mixins [mx/static]}))
|
;; :mixins [mx/static]}))
|
||||||
|
|
||||||
;; --- Elements Page
|
;; --- Elements Page
|
||||||
|
|
||||||
(defn elements-page-render
|
;; (defn elements-page-render
|
||||||
[own]
|
;; [own]
|
||||||
(html
|
;; (html
|
||||||
[:main.dashboard-main
|
;; [:main.dashboard-main
|
||||||
(header)
|
;; (header)
|
||||||
[:section.dashboard-content
|
;; [:section.dashboard-content
|
||||||
(ui.library-bar/library-bar)
|
;; (ui.library-bar/library-bar)
|
||||||
[:section.dashboard-grid.library
|
;; [:section.dashboard-grid.library
|
||||||
(page-title)
|
;; (page-title)
|
||||||
(grid)]]]))
|
;; (grid)]]]))
|
||||||
|
|
||||||
(defn elements-page-will-mount
|
;; (defn elements-page-will-mount
|
||||||
[own]
|
;; [own]
|
||||||
(rs/emit! (dd/initialize :dashboard/elements))
|
;; (rs/emit! (dd/initialize :dashboard/elements))
|
||||||
own)
|
;; own)
|
||||||
|
|
||||||
(defn elements-page-did-remount
|
;; (defn elements-page-did-remount
|
||||||
[old-state state]
|
;; [old-state state]
|
||||||
(rs/emit! (dd/initialize :dashboard/elements))
|
;; (rs/emit! (dd/initialize :dashboard/elements))
|
||||||
state)
|
;; state)
|
||||||
|
|
||||||
(def elements-page
|
;; (def elements-page
|
||||||
(mx/component
|
;; (mx/component
|
||||||
{:render elements-page-render
|
;; {:render elements-page-render
|
||||||
:will-mount elements-page-will-mount
|
;; :will-mount elements-page-will-mount
|
||||||
:did-remount elements-page-did-remount
|
;; :did-remount elements-page-did-remount
|
||||||
:name "elements-page"
|
;; :name "elements-page"
|
||||||
:mixins [mx/static]}))
|
;; :mixins [mx/static]}))
|
||||||
|
|
||||||
;; --- New Element Lightbox (TODO)
|
;; --- New Element Lightbox (TODO)
|
||||||
|
|
||||||
(defn- new-element-lightbox-render
|
;; (defn- new-element-lightbox-render
|
||||||
[own]
|
;; [own]
|
||||||
#_(html
|
;; (html
|
||||||
;;------Element lightbox
|
;; ;;------Element lightbox
|
||||||
|
|
||||||
;;[:div.lightbox-body
|
;; ;;[:div.lightbox-body
|
||||||
;;[:h3 "New element"]
|
;; ;;[:h3 "New element"]
|
||||||
;;[:div.row-flex
|
;; ;;[:div.row-flex
|
||||||
;;[:div.lightbox-big-btn
|
;; ;;[:div.lightbox-big-btn
|
||||||
;;[:span.big-svg i/shapes]
|
;; ;;[:span.big-svg i/shapes]
|
||||||
;;[:span.text "Go to workspace"]]
|
;; ;;[:span.text "Go to workspace"]]
|
||||||
;;[:div.lightbox-big-btn
|
;; ;;[:div.lightbox-big-btn
|
||||||
;;[:span.big-svg.upload i/exit]
|
;; ;;[:span.big-svg.upload i/exit]
|
||||||
;;[:span.text "Upload file"]]]
|
;; ;;[:span.text "Upload file"]]]
|
||||||
;;[:a.close {:href "#"
|
;; ;;[:a.close {:href "#"
|
||||||
;;:on-click #(do (dom/prevent-default %)
|
;; ;;:on-click #(do (dom/prevent-default %)
|
||||||
;;(udl/close!))}
|
;; ;;(udl/close!))}
|
||||||
;;i/close]]
|
;; ;;i/close]]
|
||||||
|
|
||||||
;;------Upload image lightbox
|
;; ;;------Upload image lightbox
|
||||||
|
|
||||||
;;[:div.lightbox-body
|
;; ;;[:div.lightbox-body
|
||||||
;;[:h3 "Import image"]
|
;; ;;[:h3 "Import image"]
|
||||||
;;[:div.row-flex
|
;; ;;[:div.row-flex
|
||||||
;;[:div.lightbox-big-btn
|
;; ;;[:div.lightbox-big-btn
|
||||||
;;[:span.big-svg i/image]
|
;; ;;[:span.big-svg i/image]
|
||||||
;;[:span.text "Select from library"]]
|
;; ;;[:span.text "Select from library"]]
|
||||||
;;[:div.lightbox-big-btn
|
;; ;;[:div.lightbox-big-btn
|
||||||
;;[:span.big-svg.upload i/exit]
|
;; ;;[:span.big-svg.upload i/exit]
|
||||||
;;[:span.text "Upload file"]]]
|
;; ;;[:span.text "Upload file"]]]
|
||||||
;;[:a.close {:href "#"
|
;; ;;[:a.close {:href "#"
|
||||||
;;:on-click #(do (dom/prevent-default %)
|
;; ;;:on-click #(do (dom/prevent-default %)
|
||||||
;;(udl/close!))}
|
;; ;;(udl/close!))}
|
||||||
;;i/close]]
|
;; ;;i/close]]
|
||||||
|
|
||||||
;;------Upload image library lightbox
|
;; ;;------Upload image library lightbox
|
||||||
|
|
||||||
))
|
;; ))
|
||||||
|
|
||||||
(def ^:private new-element-lightbox
|
;; (def ^:private new-element-lightbox
|
||||||
(mx/component
|
;; (mx/component
|
||||||
{:render new-element-lightbox-render
|
;; {:render new-element-lightbox-render
|
||||||
:name "new-element-lightbox"}))
|
;; :name "new-element-lightbox"}))
|
||||||
|
|
||||||
(defmethod lbx/render-lightbox :new-element
|
;; (defmethod lbx/render-lightbox :new-element
|
||||||
[_]
|
;; [_]
|
||||||
(new-element-lightbox))
|
;; (new-element-lightbox))
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user