mirror of
https://github.com/penpot/penpot.git
synced 2025-05-21 06:46:11 +02:00
✨ Upload/dismiss all custom fonts at once
This commit is contained in:
parent
04f5a6a9f9
commit
090dbfda10
4 changed files with 52 additions and 2 deletions
|
@ -56,7 +56,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.font-item {
|
.font-item {
|
||||||
margin-top: $size-5;
|
|
||||||
color: $color-gray-40;
|
color: $color-gray-40;
|
||||||
font-size: $fs14;
|
font-size: $fs14;
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
|
@ -164,6 +163,10 @@
|
||||||
.upload-button {
|
.upload-button {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-fonts-hero {
|
.dashboard-fonts-hero {
|
||||||
|
|
|
@ -103,6 +103,10 @@
|
||||||
(fn [error]
|
(fn [error]
|
||||||
(js/console.log "error" error))))))
|
(js/console.log "error" error))))))
|
||||||
|
|
||||||
|
on-upload-all
|
||||||
|
(fn [items]
|
||||||
|
(run! on-upload items))
|
||||||
|
|
||||||
on-blur-name
|
on-blur-name
|
||||||
(fn [id event]
|
(fn [id event]
|
||||||
(let [name (dom/get-target-val event)]
|
(let [name (dom/get-target-val event)]
|
||||||
|
@ -112,7 +116,11 @@
|
||||||
(mf/use-callback
|
(mf/use-callback
|
||||||
(mf/deps team)
|
(mf/deps team)
|
||||||
(fn [{:keys [id] :as item}]
|
(fn [{:keys [id] :as item}]
|
||||||
(swap! fonts dissoc id)))]
|
(swap! fonts dissoc id)))
|
||||||
|
|
||||||
|
on-dismiss-all
|
||||||
|
(fn [items]
|
||||||
|
(run! on-delete items))]
|
||||||
|
|
||||||
[:div.dashboard-fonts-upload
|
[:div.dashboard-fonts-upload
|
||||||
[:div.dashboard-fonts-hero
|
[:div.dashboard-fonts-hero
|
||||||
|
@ -136,6 +144,17 @@
|
||||||
:on-selected on-selected}]]]
|
:on-selected on-selected}]]]
|
||||||
|
|
||||||
[:*
|
[:*
|
||||||
|
(when (some? (vals @fonts))
|
||||||
|
[:div.font-item.table-row
|
||||||
|
[:span (tr "dashboard.fonts.fonts-added" (i18n/c (count (vals @fonts))))]
|
||||||
|
[:div.table-field.options
|
||||||
|
[:div.btn-primary
|
||||||
|
{:on-click #(on-upload-all (vals @fonts))}
|
||||||
|
[:span (tr "dashboard.fonts.upload-all")]]
|
||||||
|
[:div.btn-secondary
|
||||||
|
{:on-click #(on-dismiss-all (vals @fonts))}
|
||||||
|
[:span (tr "dashboard.fonts.dismiss-all")]]]])
|
||||||
|
|
||||||
(for [item (sort-by :font-family (vals @fonts))]
|
(for [item (sort-by :font-family (vals @fonts))]
|
||||||
(let [uploading? (contains? @uploading (:id item))]
|
(let [uploading? (contains? @uploading (:id item))]
|
||||||
[:div.font-item.table-row {:key (:id item)}
|
[:div.font-item.table-row {:key (:id item)}
|
||||||
|
|
|
@ -311,6 +311,20 @@ msgstr "Font deleted"
|
||||||
msgid "dashboard.fonts.empty-placeholder"
|
msgid "dashboard.fonts.empty-placeholder"
|
||||||
msgstr "You still have no custom fonts installed."
|
msgstr "You still have no custom fonts installed."
|
||||||
|
|
||||||
|
#: src/app/main/ui/dashboard/fonts.cljs
|
||||||
|
msgid "dashboard.fonts.fonts-added"
|
||||||
|
msgid_plural "dashboard.fonts.fonts-added"
|
||||||
|
msgstr[0] "1 font added"
|
||||||
|
msgstr[1] "%s fonts added"
|
||||||
|
|
||||||
|
#: src/app/main/ui/dashboard/fonts.cljs
|
||||||
|
msgid "dashboard.fonts.upload-all"
|
||||||
|
msgstr "Upload all"
|
||||||
|
|
||||||
|
#: src/app/main/ui/dashboard/fonts.cljs
|
||||||
|
msgid "dashboard.fonts.dismiss-all"
|
||||||
|
msgstr "Dismiss all"
|
||||||
|
|
||||||
#, markdown
|
#, markdown
|
||||||
msgid "dashboard.fonts.hero-text1"
|
msgid "dashboard.fonts.hero-text1"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
|
@ -315,6 +315,20 @@ msgstr "Fuente eliminada."
|
||||||
msgid "dashboard.fonts.empty-placeholder"
|
msgid "dashboard.fonts.empty-placeholder"
|
||||||
msgstr "Aun no tienes fuentes personalizadas."
|
msgstr "Aun no tienes fuentes personalizadas."
|
||||||
|
|
||||||
|
#: src/app/main/ui/dashboard/fonts.cljs
|
||||||
|
msgid "dashboard.fonts.fonts-added"
|
||||||
|
msgid_plural "dashboard.fonts.fonts-added"
|
||||||
|
msgstr[0] "1 fuente añadida"
|
||||||
|
msgstr[1] "%s fuentes añadidas"
|
||||||
|
|
||||||
|
#: src/app/main/ui/dashboard/fonts.cljs
|
||||||
|
msgid "dashboard.fonts.upload-all"
|
||||||
|
msgstr "Cargar todas"
|
||||||
|
|
||||||
|
#: src/app/main/ui/dashboard/fonts.cljs
|
||||||
|
msgid "dashboard.fonts.dismiss-all"
|
||||||
|
msgstr "Ignorar todas"
|
||||||
|
|
||||||
#, markdown
|
#, markdown
|
||||||
msgid "dashboard.fonts.hero-text1"
|
msgid "dashboard.fonts.hero-text1"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue