mirror of
https://github.com/penpot/penpot.git
synced 2025-12-12 06:24:17 +01:00
Remove deprecated pages management component code.
This commit is contained in:
@@ -12,7 +12,6 @@
|
|||||||
[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.shortcuts :as wshortcuts]
|
[uxbox.ui.workspace.shortcuts :as wshortcuts]
|
||||||
[uxbox.ui.workspace.pagesmngr :refer (pagesmngr)]
|
|
||||||
[uxbox.ui.workspace.header :refer (header)]
|
[uxbox.ui.workspace.header :refer (header)]
|
||||||
[uxbox.ui.workspace.rules :refer (horizontal-rule vertical-rule)]
|
[uxbox.ui.workspace.rules :refer (horizontal-rule vertical-rule)]
|
||||||
[uxbox.ui.workspace.sidebar :refer (left-sidebar right-sidebar)]
|
[uxbox.ui.workspace.sidebar :refer (left-sidebar right-sidebar)]
|
||||||
@@ -58,9 +57,6 @@
|
|||||||
:on-scroll on-scroll
|
:on-scroll on-scroll
|
||||||
:on-key-up on-key-up
|
:on-key-up on-key-up
|
||||||
:on-key-down on-key-down}
|
:on-key-down on-key-down}
|
||||||
;; Pages management lightbox
|
|
||||||
;; (pagesmngr)
|
|
||||||
|
|
||||||
;; Rules
|
;; Rules
|
||||||
(horizontal-rule)
|
(horizontal-rule)
|
||||||
(vertical-rule)
|
(vertical-rule)
|
||||||
|
|||||||
@@ -1,132 +0,0 @@
|
|||||||
(ns uxbox.ui.workspace.pagesmngr
|
|
||||||
(:require [sablono.core :as html :refer-macros [html]]
|
|
||||||
[rum.core :as rum]
|
|
||||||
[cuerdas.core :as str]
|
|
||||||
[uxbox.rstore :as rs]
|
|
||||||
[uxbox.data.projects :as dp]
|
|
||||||
[uxbox.data.workspace :as dw]
|
|
||||||
[uxbox.ui.workspace.base :as wb]
|
|
||||||
[uxbox.ui.keyboard :as k]
|
|
||||||
[uxbox.ui.icons :as i]
|
|
||||||
[uxbox.ui.mixins :as mx]
|
|
||||||
[uxbox.util.dom :as dom]))
|
|
||||||
|
|
||||||
(defn- page-item-render
|
|
||||||
[own parent page numpages]
|
|
||||||
(letfn [(on-edit [e]
|
|
||||||
(let [data {:edit true :form page}]
|
|
||||||
(reset! parent data)))]
|
|
||||||
|
|
||||||
(let [curpage (rum/react wb/page-l)
|
|
||||||
active? (= (:id curpage) (:id page))
|
|
||||||
deletable? (> numpages 1)
|
|
||||||
navigate #(rs/emit! (dp/go-to (:project page) (:id page)))
|
|
||||||
delete #(rs/emit! (dp/delete-page (:id page)))]
|
|
||||||
(html
|
|
||||||
[:li.single-page
|
|
||||||
{:class (when active? "current")
|
|
||||||
:key (str (:id page))
|
|
||||||
:on-click navigate}
|
|
||||||
[:div.tree-icon i/page]
|
|
||||||
[:span (:name page)]
|
|
||||||
[:div.options
|
|
||||||
[:div {:on-click on-edit} i/pencil]
|
|
||||||
[:div {:class (when-not deletable? "hide")
|
|
||||||
:on-click delete}
|
|
||||||
i/trash]]]))))
|
|
||||||
|
|
||||||
(def page-item
|
|
||||||
(mx/component
|
|
||||||
{:render page-item-render
|
|
||||||
:name "page-item"
|
|
||||||
:mixins [rum/reactive]}))
|
|
||||||
|
|
||||||
(defn- page-list-render
|
|
||||||
[own parent]
|
|
||||||
(let [project (rum/react wb/project-l)
|
|
||||||
pages (rum/react wb/pages-l)
|
|
||||||
name (:name project)]
|
|
||||||
(html
|
|
||||||
[:div.project-bar-inside
|
|
||||||
[:span.project-name name]
|
|
||||||
[:ul.tree-view
|
|
||||||
(for [page pages]
|
|
||||||
(-> (page-item parent page (count pages))
|
|
||||||
(rum/with-key (:id page))))]
|
|
||||||
[:button.btn-primary.btn-small
|
|
||||||
{:on-click #(reset! parent {:edit true :form {}})}
|
|
||||||
"+ Add new page"]])))
|
|
||||||
|
|
||||||
(def page-list
|
|
||||||
(mx/component
|
|
||||||
{:render page-list-render
|
|
||||||
:name "page-list"
|
|
||||||
:mixins [rum/reactive]}))
|
|
||||||
|
|
||||||
(defn- page-form-render
|
|
||||||
[own parent]
|
|
||||||
(let [form (:form @parent)
|
|
||||||
project @wb/project-l]
|
|
||||||
(letfn [(on-change [e]
|
|
||||||
(let [value (dom/event->value e)]
|
|
||||||
(swap! parent assoc-in [:form :name] value)))
|
|
||||||
(persist []
|
|
||||||
(if (nil? (:id form))
|
|
||||||
(let [data {:project (:id project)
|
|
||||||
:width (:width project)
|
|
||||||
:height (:height project)
|
|
||||||
:name (:name form)}]
|
|
||||||
(rs/emit! (dp/create-page data))
|
|
||||||
(reset! parent {:edit false}))
|
|
||||||
(do
|
|
||||||
(rs/emit! (dp/update-page-name (:id form) (:name form)))
|
|
||||||
(reset! parent {:edit false}))))
|
|
||||||
(on-save [e]
|
|
||||||
(persist))
|
|
||||||
(on-key-up [e]
|
|
||||||
(when (k/enter? e)
|
|
||||||
(persist)))
|
|
||||||
(on-cancel [e]
|
|
||||||
(reset! parent {:edit false}))]
|
|
||||||
(html
|
|
||||||
[:div.project-bar-inside
|
|
||||||
[:input.input-text
|
|
||||||
{:name "test"
|
|
||||||
:auto-focus true
|
|
||||||
:placeholder "Page title"
|
|
||||||
:type "text"
|
|
||||||
:value (get-in @parent [:form :name] "")
|
|
||||||
:on-change on-change
|
|
||||||
:on-key-up on-key-up}]
|
|
||||||
[:button.btn-primary.btn-small
|
|
||||||
{:disabled (str/empty? (str/trim (get-in @parent [:form :name] "")))
|
|
||||||
:on-click on-save}
|
|
||||||
"Save"]
|
|
||||||
[:button.btn-delete.btn-small
|
|
||||||
{:on-click on-cancel}
|
|
||||||
"Cancel"]]))))
|
|
||||||
|
|
||||||
(def page-form
|
|
||||||
(mx/component
|
|
||||||
{:render page-form-render
|
|
||||||
:name "page-form"
|
|
||||||
:mixins [rum/reactive]}))
|
|
||||||
|
|
||||||
(defn pagesmngr-render
|
|
||||||
[own]
|
|
||||||
(let [local (:rum/local own)
|
|
||||||
flags (rum/react wb/flags-l)
|
|
||||||
project (rum/react wb/project-l)]
|
|
||||||
(html
|
|
||||||
[:div#project-bar.project-bar
|
|
||||||
(when-not (contains? flags :pagesmngr)
|
|
||||||
{:class "toggle"})
|
|
||||||
(if (:edit @local)
|
|
||||||
(page-form local)
|
|
||||||
(page-list local))])))
|
|
||||||
|
|
||||||
(def pagesmngr
|
|
||||||
(mx/component
|
|
||||||
{:render pagesmngr-render
|
|
||||||
:name "pagesmngr"
|
|
||||||
:mixins [rum/reactive (mx/local {:edit false :form {}})]}))
|
|
||||||
Reference in New Issue
Block a user