|
|
@@ -0,0 +1,497 @@
|
|
|
+(ns frontend.components.page
|
|
|
+ (:require [rum.core :as rum]
|
|
|
+ [frontend.util :as util :refer-macros [profile]]
|
|
|
+ [frontend.util.marker :as marker]
|
|
|
+ [frontend.tools.html-export :as html-export]
|
|
|
+ [frontend.handler.file :as file]
|
|
|
+ [frontend.handler.page :as page-handler]
|
|
|
+ [frontend.handler.ui :as ui-handler]
|
|
|
+ [frontend.handler.common :as common-handler]
|
|
|
+ [frontend.handler.route :as route-handler]
|
|
|
+ [frontend.handler.graph :as graph-handler]
|
|
|
+ [frontend.handler.notification :as notification]
|
|
|
+ [frontend.handler.editor :as editor-handler]
|
|
|
+ [frontend.state :as state]
|
|
|
+ [clojure.string :as string]
|
|
|
+ [frontend.components.block :as block]
|
|
|
+ [frontend.components.editor :as editor]
|
|
|
+ [frontend.components.reference :as reference]
|
|
|
+ [frontend.components.svg :as svg]
|
|
|
+ [frontend.components.export :as export]
|
|
|
+ [frontend.extensions.graph-2d :as graph-2d]
|
|
|
+ [frontend.ui :as ui]
|
|
|
+ [frontend.components.content :as content]
|
|
|
+ [frontend.config :as config]
|
|
|
+ [frontend.db :as db]
|
|
|
+ [frontend.db.model :as model]
|
|
|
+ [frontend.db.utils :as db-utils]
|
|
|
+ [frontend.mixins :as mixins]
|
|
|
+ [frontend.db-mixins :as db-mixins]
|
|
|
+ [goog.dom :as gdom]
|
|
|
+ [goog.object :as gobj]
|
|
|
+ [frontend.utf8 :as utf8]
|
|
|
+ [frontend.date :as date]
|
|
|
+ [frontend.graph :as graph]
|
|
|
+ [frontend.format.mldoc :as mldoc]
|
|
|
+ [cljs-time.coerce :as tc]
|
|
|
+ [cljs-time.core :as t]
|
|
|
+ [cljs.pprint :as pprint]
|
|
|
+ [frontend.context.i18n :as i18n]
|
|
|
+ [reitit.frontend.easy :as rfe]
|
|
|
+ [frontend.text :as text]
|
|
|
+ [frontend.modules.shortcut.core :as shortcut]
|
|
|
+ [frontend.handler.block :as block-handler]))
|
|
|
+
|
|
|
+(defn- get-page-name
|
|
|
+ [state]
|
|
|
+ (let [route-match (first (:rum/args state))]
|
|
|
+ (get-in route-match [:parameters :path :name])))
|
|
|
+
|
|
|
+(defn- get-blocks
|
|
|
+ [repo page-name page-original-name block? block-id]
|
|
|
+ (when page-name
|
|
|
+ (if block?
|
|
|
+ (db/get-block-and-children repo block-id)
|
|
|
+ (do
|
|
|
+ (page-handler/add-page-to-recent! repo page-original-name)
|
|
|
+ (db/get-page-blocks repo page-name)))))
|
|
|
+
|
|
|
+(defn- open-first-block!
|
|
|
+ [state]
|
|
|
+ (let [blocks (nth (:rum/args state) 1)
|
|
|
+ block (first blocks)]
|
|
|
+ (when (:block/dummy? block)
|
|
|
+ (editor-handler/edit-block! block :max (:block/format block) (:block/uuid block))))
|
|
|
+ state)
|
|
|
+(rum/defc page-blocks-inner <
|
|
|
+ {:did-mount open-first-block!
|
|
|
+ :did-update open-first-block!}
|
|
|
+ [page-name page-blocks hiccup sidebar?]
|
|
|
+ [:div.page-blocks-inner
|
|
|
+ (rum/with-key
|
|
|
+ (content/content page-name
|
|
|
+ {:hiccup hiccup
|
|
|
+ :sidebar? sidebar?})
|
|
|
+ (str page-name "-hiccup"))])
|
|
|
+
|
|
|
+(declare page)
|
|
|
+
|
|
|
+(defn- get-page-format
|
|
|
+ [page-name]
|
|
|
+ (let [block? (util/uuid-string? page-name)
|
|
|
+ block-id (and block? (uuid page-name))
|
|
|
+ page (if block-id
|
|
|
+ (:block/name (:block/page (db/entity [:block/uuid block-id])))
|
|
|
+ page-name)]
|
|
|
+ (db/get-page-format page)))
|
|
|
+
|
|
|
+(rum/defc page-blocks-cp < rum/reactive
|
|
|
+ db-mixins/query
|
|
|
+ [repo page-e sidebar?]
|
|
|
+ (let [page-name (or (:block/name page-e)
|
|
|
+ (str (:block/uuid page-e)))
|
|
|
+ page-original-name (or (:block/original-name page-e) page-name)
|
|
|
+ format (get-page-format page-name)
|
|
|
+ journal? (db/journal-page? page-name)
|
|
|
+ block? (util/uuid-string? page-name)
|
|
|
+ block-id (and block? (uuid page-name))
|
|
|
+ raw-page-blocks (get-blocks repo page-name page-original-name block? block-id)
|
|
|
+ page-blocks (block-handler/with-dummy-block raw-page-blocks format
|
|
|
+ (if (empty? raw-page-blocks)
|
|
|
+ {:block/page {:db/id (:db/id page-e)}
|
|
|
+ :block/file {:db/id (:db/id (:block/file page-e))}})
|
|
|
+ {:journal? journal?
|
|
|
+ :page-name page-name})
|
|
|
+ hiccup-config {:id (if block? (str block-id) page-name)
|
|
|
+ :sidebar? sidebar?
|
|
|
+ :block? block?
|
|
|
+ :editor-box editor/box
|
|
|
+ :page page}
|
|
|
+ hiccup-config (common-handler/config-with-document-mode hiccup-config)
|
|
|
+ hiccup (block/->hiccup page-blocks hiccup-config {})]
|
|
|
+ (page-blocks-inner page-name page-blocks hiccup sidebar?)))
|
|
|
+
|
|
|
+(defn contents-page
|
|
|
+ [page]
|
|
|
+ (when-let [repo (state/get-current-repo)]
|
|
|
+ (page-blocks-cp repo page true)))
|
|
|
+
|
|
|
+(rum/defc today-queries < rum/reactive
|
|
|
+ [repo today? sidebar?]
|
|
|
+ (when (and today? (not sidebar?))
|
|
|
+ (let [queries (state/sub [:config repo :default-queries :journals])]
|
|
|
+ (when (seq queries)
|
|
|
+ [:div#today-queries.mt-10
|
|
|
+ (for [{:keys [title] :as query} queries]
|
|
|
+ (rum/with-key
|
|
|
+ (block/custom-query {:attr {:class "mt-10"}
|
|
|
+ :editor-box editor/box
|
|
|
+ :page page} query)
|
|
|
+ (str repo "-custom-query-" (:query query))))]))))
|
|
|
+
|
|
|
+(defn- delete-page!
|
|
|
+ [page-name]
|
|
|
+ (page-handler/delete! page-name
|
|
|
+ (fn []
|
|
|
+ (notification/show! (str "Page " page-name " was deleted successfully!")
|
|
|
+ :success)))
|
|
|
+ (state/close-modal!)
|
|
|
+ (route-handler/redirect-to-home!))
|
|
|
+
|
|
|
+(defn delete-page-dialog
|
|
|
+ [page-name]
|
|
|
+ (fn [close-fn]
|
|
|
+ (rum/with-context [[t] i18n/*tongue-context*]
|
|
|
+ [:div
|
|
|
+ [:div.sm:flex.sm:items-start
|
|
|
+ [:div.mx-auto.flex-shrink-0.flex.items-center.justify-center.h-12.w-12.rounded-full.bg-red-100.sm:mx-0.sm:h-10.sm:w-10
|
|
|
+ [:svg.h-6.w-6.text-red-600
|
|
|
+ {:stroke "currentColor", :view-box "0 0 24 24", :fill "none"}
|
|
|
+ [:path
|
|
|
+ {:d
|
|
|
+ "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
|
|
|
+ :stroke-width "2"
|
|
|
+ :stroke-linejoin "round"
|
|
|
+ :stroke-linecap "round"}]]]
|
|
|
+ [:div.mt-3.text-center.sm:mt-0.sm:ml-4.sm:text-left
|
|
|
+ [:h3#modal-headline.text-lg.leading-6.font-medium
|
|
|
+ (t :page/delete-confirmation)]]]
|
|
|
+
|
|
|
+ [:div.mt-5.sm:mt-4.sm:flex.sm:flex-row-reverse
|
|
|
+ [:span.flex.w-full.rounded-md.shadow-sm.sm:ml-3.sm:w-auto
|
|
|
+ [:button.inline-flex.justify-center.w-full.rounded-md.border.border-transparent.px-4.py-2.bg-indigo-600.text-base.leading-6.font-medium.text-white.shadow-sm.hover:bg-indigo-500.focus:outline-none.focus:border-indigo-700.focus:shadow-outline-indigo.transition.ease-in-out.duration-150.sm:text-sm.sm:leading-5
|
|
|
+ {:type "button"
|
|
|
+ :on-click (fn []
|
|
|
+ (delete-page! page-name))}
|
|
|
+ (t :yes)]]
|
|
|
+ [:span.mt-3.flex.w-full.rounded-md.shadow-sm.sm:mt-0.sm:w-auto
|
|
|
+ [:button.inline-flex.justify-center.w-full.rounded-md.border.border-gray-300.px-4.py-2.bg-white.text-base.leading-6.font-medium.text-gray-700.shadow-sm.hover:text-gray-500.focus:outline-none.focus:border-blue-300.focus:shadow-outline-blue.transition.ease-in-out.duration-150.sm:text-sm.sm:leading-5
|
|
|
+ {:type "button"
|
|
|
+ :on-click close-fn}
|
|
|
+ (t :cancel)]]]])))
|
|
|
+
|
|
|
+(rum/defcs rename-page-dialog-inner <
|
|
|
+ (shortcut/disable-all-shortcuts)
|
|
|
+ (rum/local "" ::input)
|
|
|
+ [state title page-name close-fn]
|
|
|
+ (let [input (get state ::input)]
|
|
|
+ (rum/with-context [[t] i18n/*tongue-context*]
|
|
|
+ [:div.w-full.sm:max-w-lg.sm:w-96
|
|
|
+ [:div.sm:flex.sm:items-start
|
|
|
+ [:div.mt-3.text-center.sm:mt-0.sm:text-left
|
|
|
+ [:h3#modal-headline.text-lg.leading-6.font-medium
|
|
|
+ (t :page/rename-to title)]]]
|
|
|
+
|
|
|
+ [:input.form-input.block.w-full.sm:text-sm.sm:leading-5.my-2
|
|
|
+ {:auto-focus true
|
|
|
+ :on-change (fn [e]
|
|
|
+ (reset! input (util/evalue e)))}]
|
|
|
+
|
|
|
+ [:div.mt-5.sm:mt-4.sm:flex.sm:flex-row-reverse
|
|
|
+ [:span.flex.w-full.rounded-md.shadow-sm.sm:ml-3.sm:w-auto
|
|
|
+ [:button.inline-flex.justify-center.w-full.rounded-md.border.border-transparent.px-4.py-2.bg-indigo-600.text-base.leading-6.font-medium.text-white.shadow-sm.hover:bg-indigo-500.focus:outline-none.focus:border-indigo-700.focus:shadow-outline-indigo.transition.ease-in-out.duration-150.sm:text-sm.sm:leading-5
|
|
|
+ {:type "button"
|
|
|
+ :on-click (fn []
|
|
|
+ (let [value (string/trim @input)]
|
|
|
+ (when-not (string/blank? value)
|
|
|
+ (page-handler/rename! page-name value)
|
|
|
+ (state/close-modal!))))}
|
|
|
+ (t :submit)]]
|
|
|
+ [:span.mt-3.flex.w-full.rounded-md.shadow-sm.sm:mt-0.sm:w-auto
|
|
|
+ [:button.inline-flex.justify-center.w-full.rounded-md.border.border-gray-300.px-4.py-2.bg-white.text-base.leading-6.font-medium.text-gray-700.shadow-sm.hover:text-gray-500.focus:outline-none.focus:border-blue-300.focus:shadow-outline-blue.transition.ease-in-out.duration-150.sm:text-sm.sm:leading-5
|
|
|
+ {:type "button"
|
|
|
+ :on-click close-fn}
|
|
|
+ (t :cancel)]]]])))
|
|
|
+
|
|
|
+(defn rename-page-dialog
|
|
|
+ [title page-name]
|
|
|
+ (fn [close-fn]
|
|
|
+ (rename-page-dialog-inner title page-name close-fn)))
|
|
|
+
|
|
|
+(defn tagged-pages
|
|
|
+ [repo tag]
|
|
|
+ (let [pages (db/get-tag-pages repo tag)]
|
|
|
+ (when (seq pages)
|
|
|
+ [:div.references.mt-6.flex-1.flex-row
|
|
|
+ [:div.content
|
|
|
+ (ui/foldable
|
|
|
+ [:h2.font-bold.opacity-50 (util/format "Pages tagged with \"%s\"" tag)]
|
|
|
+ [:ul.mt-2
|
|
|
+ (for [[original-name name] pages]
|
|
|
+ [:li {:key (str "tagged-page-" name)}
|
|
|
+ [:a {:href (rfe/href :page {:name name})}
|
|
|
+ original-name]])] false)]])))
|
|
|
+
|
|
|
+;; A page is just a logical block
|
|
|
+(rum/defcs page < rum/reactive
|
|
|
+ [state {:keys [repo page-name preview?] :as option}]
|
|
|
+ (when-let [path-page-name (or page-name
|
|
|
+ (get-page-name state)
|
|
|
+ (state/get-current-page))]
|
|
|
+ (let [current-repo (state/sub :git/current-repo)
|
|
|
+ repo (or repo current-repo)
|
|
|
+ page-name (string/lower-case path-page-name)
|
|
|
+ block? (util/uuid-string? page-name)
|
|
|
+ block-id (and block? (uuid page-name))
|
|
|
+ format (let [page (if block-id
|
|
|
+ (:block/name (:block/page (db/entity [:block/uuid block-id])))
|
|
|
+ page-name)]
|
|
|
+ (db/get-page-format page))
|
|
|
+ journal? (db/journal-page? page-name)
|
|
|
+ sidebar? (:sidebar? option)]
|
|
|
+ (rum/with-context [[t] i18n/*tongue-context*]
|
|
|
+ (let [route-page-name path-page-name
|
|
|
+ page (if block?
|
|
|
+ (->> (:db/id (:block/page (db/entity repo [:block/uuid block-id])))
|
|
|
+ (db/entity repo))
|
|
|
+ (db/entity repo [:block/name page-name]))
|
|
|
+ ;; TODO: replace page with frontend.format.block/page->map
|
|
|
+ page (if page page (do
|
|
|
+ (db/transact! repo [{:block/name page-name
|
|
|
+ :block/original-name path-page-name
|
|
|
+ :block/uuid (db/new-block-id)}])
|
|
|
+ (db/entity repo [:block/name page-name])))
|
|
|
+ {:keys [title] :as properties} (:block/properties page)
|
|
|
+ page-name (:block/name page)
|
|
|
+ page-original-name (:block/original-name page)
|
|
|
+ title (or title page-original-name page-name)
|
|
|
+ today? (and
|
|
|
+ journal?
|
|
|
+ (= page-name (string/lower-case (date/journal-name))))
|
|
|
+ developer-mode? (state/sub [:ui/developer-mode?])
|
|
|
+ public? (true? (:public properties))]
|
|
|
+ [:div.flex-1.page.relative (if (seq (:block/tags page))
|
|
|
+ (let [page-names (model/get-page-names-by-ids (map :db/id (:block/tags page)))]
|
|
|
+ {:data-page-tags (text/build-data-value page-names)})
|
|
|
+ {})
|
|
|
+ [:div.relative
|
|
|
+ (when (and (not sidebar?)
|
|
|
+ (not block?))
|
|
|
+ [:div.flex.flex-row.space-between
|
|
|
+ [:div.flex-1.flex-row
|
|
|
+ [:a {:on-click (fn [e]
|
|
|
+ (.preventDefault e)
|
|
|
+ (when (gobj/get e "shiftKey")
|
|
|
+ (when-let [page (db/pull repo '[*] [:block/name page-name])]
|
|
|
+ (state/sidebar-add-block!
|
|
|
+ repo
|
|
|
+ (:db/id page)
|
|
|
+ :page
|
|
|
+ {:page page}))))}
|
|
|
+ [:h1.title {:style {:margin-left -2}}
|
|
|
+ (if page-original-name
|
|
|
+ (if (and (string/includes? page-original-name "[[")
|
|
|
+ (string/includes? page-original-name "]]"))
|
|
|
+ (let [ast (mldoc/->edn page-original-name (mldoc/default-config format))]
|
|
|
+ (block/markup-element-cp {} (ffirst ast)))
|
|
|
+ page-original-name)
|
|
|
+ (or
|
|
|
+ page-name
|
|
|
+ path-page-name))]]]
|
|
|
+ (when (not config/publishing?)
|
|
|
+ (let [contents? (= (string/lower-case (str page-name)) "contents")
|
|
|
+ links (fn [] (->>
|
|
|
+ [(when-not contents?
|
|
|
+ {:title (t :page/add-to-contents)
|
|
|
+ :options {:on-click (fn [] (page-handler/handle-add-page-to-contents! page-original-name))}})
|
|
|
+
|
|
|
+ {:title "Go to presentation mode"
|
|
|
+ :options {:on-click (fn []
|
|
|
+ (state/sidebar-add-block!
|
|
|
+ repo
|
|
|
+ (:db/id page)
|
|
|
+ :page-presentation
|
|
|
+ {:page page}))}}
|
|
|
+ (when-not contents?
|
|
|
+ {:title (t :page/rename)
|
|
|
+ :options {:on-click #(state/set-modal! (rename-page-dialog title page-name))}})
|
|
|
+
|
|
|
+ (when-let [file-path (and (util/electron?) (page-handler/get-page-file-path))]
|
|
|
+ [{:title (t :page/open-in-finder)
|
|
|
+ :options {:on-click #(js/window.apis.showItemInFolder file-path)}}
|
|
|
+ {:title (t :page/open-with-default-app)
|
|
|
+ :options {:on-click #(js/window.apis.openPath file-path)}}])
|
|
|
+
|
|
|
+ (when-not contents?
|
|
|
+ {:title (t :page/delete)
|
|
|
+ :options {:on-click #(state/set-modal! (delete-page-dialog page-name))}})
|
|
|
+
|
|
|
+ (when (state/get-current-page)
|
|
|
+ {:title (t :export)
|
|
|
+ :options {:on-click #(state/set-modal! export/export-page)}})
|
|
|
+
|
|
|
+ (when (util/electron?)
|
|
|
+ {:title (t (if public? :page/make-private :page/make-public))
|
|
|
+ :options {:on-click
|
|
|
+ (fn []
|
|
|
+ (page-handler/update-public-attribute!
|
|
|
+ page-name
|
|
|
+ (if public? false true))
|
|
|
+ (state/close-modal!))}})
|
|
|
+
|
|
|
+ (when developer-mode?
|
|
|
+ {:title "(Dev) Show page data"
|
|
|
+ :options {:on-click (fn []
|
|
|
+ (let [page-data (with-out-str (pprint/pprint (db/pull (:db/id page))))]
|
|
|
+ (println page-data)
|
|
|
+ (notification/show!
|
|
|
+ [:div
|
|
|
+ [:pre.code page-data]
|
|
|
+ [:br]
|
|
|
+ (ui/button "Copy to clipboard"
|
|
|
+ :on-click #(.writeText js/navigator.clipboard page-data))]
|
|
|
+ :success
|
|
|
+ false)))}})]
|
|
|
+ (flatten)
|
|
|
+ (remove nil?)))]
|
|
|
+ [:div.flex.flex-row
|
|
|
+ [:a.opacity-30.hover:opacity-100.page-op.mr-1
|
|
|
+ {:title "Search in current page"
|
|
|
+ :on-click #(route-handler/go-to-search! :page)}
|
|
|
+ svg/search]
|
|
|
+ (ui/dropdown-with-links
|
|
|
+ (fn [{:keys [toggle-fn]}]
|
|
|
+ [:a.cp__vertial-menu-button
|
|
|
+ {:title "More options"
|
|
|
+ :on-click toggle-fn}
|
|
|
+ (svg/vertical-dots nil)])
|
|
|
+ links
|
|
|
+ {:modal-class (util/hiccup->class
|
|
|
+ "origin-top-right.absolute.right-0.top-10.mt-2.rounded-md.shadow-lg.whitespace-no-wrap.dropdown-overflow-auto.page-drop-options")
|
|
|
+ :z-index 1})]))])
|
|
|
+ [:div
|
|
|
+ (when (and repo (not block?))
|
|
|
+ (let [alias (db/get-page-alias-names repo page-name)]
|
|
|
+ (when (seq alias)
|
|
|
+ [:div.text-sm.ml-1.mb-4 {:key "page-file"}
|
|
|
+ [:span.opacity-50 "Alias: "]
|
|
|
+ (for [item alias]
|
|
|
+ [:a.ml-1.mr-1 {:href (rfe/href :page {:name item})}
|
|
|
+ item])])))
|
|
|
+
|
|
|
+ (when (and block? (not sidebar?))
|
|
|
+ (let [config {:id "block-parent"
|
|
|
+ :block? true}]
|
|
|
+ [:div.mb-4
|
|
|
+ (block/block-parents config repo block-id format)]))
|
|
|
+
|
|
|
+ ;; blocks
|
|
|
+ (let [page (if block?
|
|
|
+ (db/entity repo [:block/uuid block-id])
|
|
|
+ page)]
|
|
|
+ (page-blocks-cp repo page sidebar?))]]
|
|
|
+
|
|
|
+ (when-not block?
|
|
|
+ (today-queries repo today? sidebar?))
|
|
|
+
|
|
|
+ (tagged-pages repo page-name)
|
|
|
+
|
|
|
+ ;; referenced blocks
|
|
|
+ [:div {:key "page-references"}
|
|
|
+ (rum/with-key
|
|
|
+ (reference/references route-page-name false)
|
|
|
+ (str route-page-name "-refs"))]
|
|
|
+
|
|
|
+ ;; TODO: or we can lazy load them
|
|
|
+ (when-not sidebar?
|
|
|
+ [:div {:key "page-unlinked-references"}
|
|
|
+ (reference/unlinked-references route-page-name)])])))))
|
|
|
+
|
|
|
+(defonce layout (atom [js/window.outerWidth js/window.outerHeight]))
|
|
|
+
|
|
|
+(defonce graph-ref (atom nil))
|
|
|
+(defonce show-journal? (atom false))
|
|
|
+
|
|
|
+(rum/defcs global-graph < rum/reactive
|
|
|
+ (mixins/event-mixin
|
|
|
+ (fn [state]
|
|
|
+ (mixins/listen state js/window "resize"
|
|
|
+ (fn [e]
|
|
|
+ (reset! layout [js/window.outerWidth js/window.outerHeight])))))
|
|
|
+ [state]
|
|
|
+ (let [theme (state/sub :ui/theme)
|
|
|
+ sidebar-open? (state/sub :ui/sidebar-open?)
|
|
|
+ [width height] (rum/react layout)
|
|
|
+ dark? (= theme "dark")
|
|
|
+ graph (graph-handler/build-global-graph theme (rum/react show-journal?))]
|
|
|
+ (rum/with-context [[t] i18n/*tongue-context*]
|
|
|
+ [:div.relative#global-graph
|
|
|
+ (if (seq (:nodes graph))
|
|
|
+ (graph-2d/graph
|
|
|
+ (graph/build-graph-opts
|
|
|
+ graph
|
|
|
+ dark?
|
|
|
+ {:width (if (and (> width 1280) sidebar-open?)
|
|
|
+ (- width 24 600)
|
|
|
+ (- width 24))
|
|
|
+ :height height
|
|
|
+ :ref (fn [v] (reset! graph-ref v))
|
|
|
+ :ref-atom graph-ref}))
|
|
|
+ [:div.ls-center.mt-20
|
|
|
+ [:p.opacity-70.font-medium "Empty"]])
|
|
|
+ [:div.absolute.top-10.left-5
|
|
|
+ [:div.flex.flex-col
|
|
|
+ [:a.text-sm.font-medium
|
|
|
+ {:on-click (fn [_e]
|
|
|
+ (swap! show-journal? not))}
|
|
|
+ (str (t :page/show-journals)
|
|
|
+ (if @show-journal? " (ON)"))]]]])))
|
|
|
+
|
|
|
+(rum/defc all-pages < rum/reactive
|
|
|
+ ;; {:did-mount (fn [state]
|
|
|
+ ;; (let [current-repo (state/sub :git/current-repo)]
|
|
|
+ ;; (js/setTimeout #(db/remove-orphaned-pages! current-repo) 0))
|
|
|
+ ;; state)}
|
|
|
+ []
|
|
|
+ (let [current-repo (state/sub :git/current-repo)]
|
|
|
+ (rum/with-context [[t] i18n/*tongue-context*]
|
|
|
+ [:div.flex-1
|
|
|
+ [:h1.title (t :all-pages)]
|
|
|
+ (when current-repo
|
|
|
+ (let [pages (page-handler/get-pages-with-modified-at current-repo)]
|
|
|
+ [:table.table-auto
|
|
|
+ [:thead
|
|
|
+ [:tr
|
|
|
+ [:th (t :block/name)]
|
|
|
+ [:th (t :file/last-modified-at)]]]
|
|
|
+ [:tbody
|
|
|
+ (for [page pages]
|
|
|
+ [:tr {:key page}
|
|
|
+ [:td [:a {:on-click (fn [e]
|
|
|
+ (let [repo (state/get-current-repo)
|
|
|
+ page (db/pull repo '[*] [:block/name (string/lower-case page)])]
|
|
|
+ (when (gobj/get e "shiftKey")
|
|
|
+ (state/sidebar-add-block!
|
|
|
+ repo
|
|
|
+ (:db/id page)
|
|
|
+ :page
|
|
|
+ {:page page}))))
|
|
|
+ :href (rfe/href :page {:name page})}
|
|
|
+ page]]
|
|
|
+ [:td [:span.text-gray-500.text-sm
|
|
|
+ (t :file/no-data)]]])]]))])))
|
|
|
+
|
|
|
+(rum/defcs new < rum/reactive
|
|
|
+ (rum/local "" ::title)
|
|
|
+ (mixins/event-mixin
|
|
|
+ (fn [state]
|
|
|
+ (mixins/on-enter state
|
|
|
+ :node (gdom/getElement "page-title")
|
|
|
+ :on-enter (fn []
|
|
|
+ (let [title @(get state ::title)]
|
|
|
+ (when-not (string/blank? title)
|
|
|
+ (page-handler/create! title)))))))
|
|
|
+ [state]
|
|
|
+ (rum/with-context [[t] i18n/*tongue-context*]
|
|
|
+ (let [title (get state ::title)]
|
|
|
+ [:div#page-new.flex-1.flex-col {:style {:flex-wrap "wrap"}}
|
|
|
+ [:div.mt-10.mb-2 {:style {:font-size "1.5rem"}}
|
|
|
+ (t :page/new-title)]
|
|
|
+ [:input#page-title.focus:outline-none.ml-1
|
|
|
+ {:style {:border "none"
|
|
|
+ :font-size "1.8rem"
|
|
|
+ :max-width 300}
|
|
|
+ :auto-focus true
|
|
|
+ :auto-complete "off"
|
|
|
+ :on-change (fn [e]
|
|
|
+ (reset! title (util/evalue e)))}]])))
|
Tienson Qin