mirror of
https://github.com/penpot/penpot.git
synced 2025-05-09 23:06:43 +02:00
133 lines
4.5 KiB
Clojure
133 lines
4.5 KiB
Clojure
(ns uxbox.ui.elements
|
|
(:require [sablono.core :as html :refer-macros [html]]
|
|
[rum.core :as rum]
|
|
[uxbox.ui.header :as ui.header]
|
|
[uxbox.ui.icons.dashboard :as icons]
|
|
[uxbox.ui.icons :as i]
|
|
[uxbox.util :as util]))
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Elements
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(defn elements-render
|
|
[own]
|
|
(html
|
|
[:main.dashboard-main
|
|
(ui.header/header)
|
|
[:section.dashboard-content
|
|
[:section#dashboard-bar.dashboard-bar.library-bar
|
|
[:div.dashboard-info
|
|
[:span.dashboard-projects "20 elements"]
|
|
[:span "Sort by"]
|
|
#_(project-sort-selector (atom :name))]
|
|
[:div.dashboard-search
|
|
icons/search]]
|
|
[:section.dashboard-grid.library
|
|
[:h2 "Library name"]
|
|
[:div.dashboard-grid-content
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
[:div.grid-item.project-th
|
|
[:h3 "Custom element"]
|
|
[:div.project-th-actions
|
|
[:div.project-th-icon icons/search]
|
|
[:div.project-th-icon.delete icons/trash]]]
|
|
]
|
|
]
|
|
]
|
|
]))
|
|
|
|
(def elements
|
|
(util/component
|
|
{:render elements-render
|
|
:name "elements"
|
|
:mixins [rum/static]}))
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Icons
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(defn icons-render
|
|
[own]
|
|
(html
|
|
[:p "hello icons"]))
|
|
|
|
(def icons
|
|
(util/component
|
|
{:render icons-render
|
|
:name "icons"
|
|
:mixins [rum/static]}))
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Colors
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(defn colors-render
|
|
[own]
|
|
(html
|
|
[:p "hello colors"]))
|
|
|
|
(def colors
|
|
(util/component
|
|
{:render colors-render
|
|
:name "colors"
|
|
:mixins [rum/static]}))
|