greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

enhance(mobile): set up Logseq sync when create a logseq sync graph

pull/7184/head
charlie 2022-11-06 16:12:24 +08:00
parent 0dc6145391
commit e213f2a7fd
4 changed files with 39 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/frontend/components/encryption.cljs
View File

@ -205,7 +205,7 @@
;; password strength checker ;; password strength checker
(when-not (string/blank? @*password) (when-not (string/blank? @*password)
[:<> [:<>
[:div.input-hints.text-sm.py-2.px-3.rounded.mb-2.-mt-1.5.flex.items-center.space-x-3 [:div.input-hints.text-sm.py-2.px-3.rounded.mb-2.-mt-1.5.flex.items-center.sm:space-x-3.strength-wrap
(let [included-set (set (:contains pw-strength))] (let [included-set (set (:contains pw-strength))]
(for [i ["lowercase" "uppercase" "number" "symbol"] (for [i ["lowercase" "uppercase" "number" "symbol"]
:let [included? (contains? included-set i)]] :let [included? (contains? included-set i)]]

6
src/main/frontend/components/file_sync.css
View File

@ -461,8 +461,12 @@
@apply flex-nowrap md:flex-wrap; @apply flex-nowrap md:flex-wrap;
background-color: var(--ls-primary-background-color); background-color: var(--ls-primary-background-color);
&.strength-wrap {
@apply flex-wrap;
}
.strength-item { .strength-item {
@apply flex items-center leading-none opacity-60 mr-2; @apply whitespace-nowrap flex items-center leading-none opacity-60;
.ti { .ti {
@apply scale-75; @apply scale-75;

34
src/main/frontend/mobile/graph_picker.cljs
View File

@ -59,9 +59,19 @@
(-> (validate-graph-dirname root graph-name) (-> (validate-graph-dirname root graph-name)
(p/then (fn [graph-path] (p/then (fn [graph-path]
(-> (fs/mkdir! graph-path) (-> (fs/mkdir! graph-path)
(p/then (fn [] (p/then
(web-nfs/ls-dir-files-with-path! graph-path opts) (fn []
(notification/show! (str "Create graph: " graph-name) :success)))))) (web-nfs/ls-dir-files-with-path!
graph-path (merge
{:logseq-sync-on
logseq-sync-on?
:ok-handler
(fn []
(when logseq-sync-on?
(state/pub-event! [:sync/create-remote-graph (state/get-current-repo)])))}
opts))
(notification/show! (str "Create graph: " graph-name) :success))))))
(p/catch (fn [^js e] (p/catch (fn [^js e]
(notification/show! (str e) :error) (notification/show! (str e) :error)
(js/console.error e))) (js/console.error e)))
@ -112,20 +122,22 @@
;; step 1 ;; step 1
:new-graph :new-graph
[:div.flex.flex-col.w-full.space-y-4.faster-fade-in [:div.flex.flex-col.w-full.space-y-3.faster-fade-in
[:input.form-input.block [:input.form-input.block
{:auto-focus true {:auto-focus true
:ref *input-ref :ref *input-ref
:placeholder "What's the graph name?"}] :placeholder "What's the graph name?"}]
(when logged? [:div.flex.flex-col
(toggle-item {:title "Logseq sync" (when logged?
:on? logseq-sync-on?})) (toggle-item {:title "Logseq sync"
:on? logseq-sync-on?
:on-toggle #(set-sync-mode! (if % :logseq-sync (if native-icloud? :icloud-sync nil)))}))
(when (and native-icloud? (not logseq-sync-on?)) (when (and native-icloud? (not logseq-sync-on?))
(toggle-item {:title "iCloud sync" (toggle-item {:title "iCloud sync"
:on? icloud-sync-on? :on? icloud-sync-on?
:on-toggle #(set-sync-mode! (if % :icloud-sync nil))})) :on-toggle #(set-sync-mode! (if % :icloud-sync nil))}))]
[:div.flex.justify-between.items-center.pt-2 [:div.flex.justify-between.items-center.pt-2
(ui/button [:span.flex.items-center (ui/button [:span.flex.items-center

13
src/main/frontend/mobile/index.css
View File

@ -202,7 +202,14 @@ html.is-zoomed-native-ios {
.cp__graph-picker { .cp__graph-picker {
button.toggle-item { button.toggle-item {
@apply opacity-90 hover:text-inherit; opacity: .5;
background: transparent !important;
-webkit-tap-highlight-color: transparent;
&:hover {
color: inherit;
opacity: .5;
}
.ui__icon { .ui__icon {
@apply scale-150; @apply scale-150;
@ -223,7 +230,7 @@ html.is-zoomed-native-ios {
align-items: center; align-items: center;
.ui__modal-panel { .ui__modal-panel {
transform: translate3d(0, -70px, 0); transform: translate3d(0, -78px, 0);
} }
.panel-content { .panel-content {
@ -231,7 +238,7 @@ html.is-zoomed-native-ios {
} }
.cp__graph-picker { .cp__graph-picker {
padding: 58px 20px 26px 20px; padding: 58px 20px 20px 20px;
background: var(--ls-search-background-color); background: var(--ls-search-background-color);
> h1 { > h1 {