3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-20 03:26:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Update translation strings on text shape options.

Browse source
This commit is contained in:
Andrey Antukh 2020-04-24 13:35:52 +02:00
parent c0173c499a
commit 009720696c
2 changed files with 78 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/resources/locales.json
View file

@ -922,6 +922,25 @@
}, },
"unused" : true "unused" : true
}, },
"workspace.options.font-options.decoration": "Decoration",
"workspace.options.font-options.none": "None",
"workspace.options.font-options.underline": "Underline",
"workspace.options.font-options.strikethrough": "Strikethrough",
"workspace.options.font-options.align-left": "Align left",
"workspace.options.font-options.align-center": "Align center",
"workspace.options.font-options.align-right": "Align right",
"workspace.options.font-options.align-justify": "Justify",
"workspace.options.font-options.line-height": "Line height",
"workspace.options.font-options.letter-spacing": "Letter Spacing",
"workspace.options.font-options.vertical-align": "Vertical align",
"workspace.options.font-options.align-top": "Align top",
"workspace.options.font-options.align-middle": "Align middle",
"workspace.options.font-options.align-bottom": "Align bottom",
"workspace.options.font-options.text-case": "Case",
"workspace.options.font-options.uppercase": "Uppercase",
"workspace.options.font-options.lowercase": "Lowercase",
"workspace.options.font-options.titlecase": "Titlecase",
"workspace.options.font-options" : { "workspace.options.font-options" : {
"used-in" : [ "src/uxbox/main/ui/workspace/sidebar/options/text.cljs:85" ], "used-in" : [ "src/uxbox/main/ui/workspace/sidebar/options/text.cljs:85" ],
"translations" : { "translations" : {

120
frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs
View file

@ -118,7 +118,7 @@
(mf/defc text-align-options (mf/defc text-align-options
[{:keys [editor] :as props}] [{:keys [editor locale] :as props}]
(let [on-text-align-change (let [on-text-align-change
(fn [event type] (fn [event type]
(dwt/set-text-align! editor type))] (dwt/set-text-align! editor type))]
@ -126,25 +126,25 @@
[:div.row-flex.align-icons [:div.row-flex.align-icons
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Align left" {:alt (t locale "workspace.options.font-options.align-left")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-align-enabled? editor "left")) :current (dwt/text-align-enabled? editor "left"))
:on-click #(on-text-align-change % "left")} :on-click #(on-text-align-change % "left")}
i/text-align-left] i/text-align-left]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Align center" {:alt (t locale "workspace.options.font-options.align-center")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-align-enabled? editor "center")) :current (dwt/text-align-enabled? editor "center"))
:on-click #(on-text-align-change % "center")} :on-click #(on-text-align-change % "center")}
i/text-align-center] i/text-align-center]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Align right" {:alt (t locale "workspace.options.font-options.align-right")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-align-enabled? editor "right")) :current (dwt/text-align-enabled? editor "right"))
:on-click #(on-text-align-change % "right")} :on-click #(on-text-align-change % "right")}
i/text-align-right] i/text-align-right]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Justify" {:alt (t locale "workspace.options.font-options.align-justify")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-align-enabled? editor "justify")) :current (dwt/text-align-enabled? editor "justify"))
:on-click #(on-text-align-change % "justify")} :on-click #(on-text-align-change % "justify")}
@ -222,7 +222,7 @@
}]])) }]]))
(mf/defc spacing-options (mf/defc spacing-options
[{:keys [editor] :as props}] [{:keys [editor locale] :as props}]
(let [selection (mf/use-ref) (let [selection (mf/use-ref)
lh (dwt/current-line-height editor {:default "1.2" lh (dwt/current-line-height editor {:default "1.2"
:at (mf/ref-val selection)}) :at (mf/ref-val selection)})
@ -231,7 +231,7 @@
[:div.row-flex [:div.row-flex
[:div.input-icon [:div.input-icon
[:span.icon-before.tooltip.tooltip-bottom [:span.icon-before.tooltip.tooltip-bottom
{:alt "Line height"} {:alt (t locale "workspace.options.font-options.line-height")}
i/line-height] i/line-height]
[:input.input-text [:input.input-text
{:type "number" {:type "number"
@ -246,7 +246,7 @@
(dwt/set-line-height! editor val sel)))}]] (dwt/set-line-height! editor val sel)))}]]
[:div.input-icon [:div.input-icon
[:span.icon-before.tooltip.tooltip-bottom [:span.icon-before.tooltip.tooltip-bottom
{:alt "Letter spacing"} {:alt (t locale "workspace.options.font-options.letter-spacing")}
i/letter-spacing] i/letter-spacing]
[:input.input-text [:input.input-text
{:type "number" {:type "number"
@ -260,46 +260,48 @@
sel (mf/ref-val selection)] sel (mf/ref-val selection)]
(dwt/set-letter-spacing! editor val sel)))}]]])) (dwt/set-letter-spacing! editor val sel)))}]]]))
(mf/defc box-sizing-options ;; (mf/defc box-sizing-options
[{:keys [editor] :as props}] ;; [{:keys [editor] :as props}]
[:div.align-icons ;; [:div.align-icons
[:span.tooltip.tooltip-bottom ;; [:span.tooltip.tooltip-bottom
{:alt "Auto height"} ;; {:alt "Auto height"}
i/auto-height] ;; i/auto-height]
[:span.tooltip.tooltip-bottom ;; [:span.tooltip.tooltip-bottom
{:alt "Auto width"} ;; {:alt "Auto width"}
i/auto-width] ;; i/auto-width]
[:span.tooltip.tooltip-bottom ;; [:span.tooltip.tooltip-bottom
{:alt "Fixed size"} ;; {:alt "Fixed size"}
i/auto-fix]]) ;; i/auto-fix]])
(mf/defc vertical-align-options (mf/defc vertical-align-options
[{:keys [editor] :as props}] [{:keys [editor locale] :as props}]
(let [on-vertical-align-change (let [on-vertical-align-change
(fn [event type] (fn [event type]
(dwt/set-vertical-align! editor type))] (dwt/set-vertical-align! editor type))]
[:div.align-icons [:div.row-flex
[:span.tooltip.tooltip-bottom [:span.element-set-subtitle (t locale "workspace.options.font-options.vertical-align")]
{:alt "Align top" [:div.align-icons
:class (dom/classnames [:span.tooltip.tooltip-bottom
:current (dwt/vertical-align-enabled? editor "top")) {:alt (t locale "workspace.options.font-options.align-top")
:on-click #(on-vertical-align-change % "top")} :class (dom/classnames
i/align-top] :current (dwt/vertical-align-enabled? editor "top"))
[:span.tooltip.tooltip-bottom :on-click #(on-vertical-align-change % "top")}
{:alt "Align middle" i/align-top]
:class (dom/classnames [:span.tooltip.tooltip-bottom
:current (dwt/vertical-align-enabled? editor "center")) {:alt (t locale "workspace.options.font-options.align-middle")
:on-click #(on-vertical-align-change % "center")} :class (dom/classnames
i/align-middle] :current (dwt/vertical-align-enabled? editor "center"))
[:span.tooltip.tooltip-bottom :on-click #(on-vertical-align-change % "center")}
{:alt "Align bottom" i/align-middle]
:class (dom/classnames [:span.tooltip.tooltip-bottom
:current (dwt/vertical-align-enabled? editor "bottom")) {:alt (t locale "workspace.options.font-options.align-bottom")
:on-click #(on-vertical-align-change % "bottom")} :class (dom/classnames
i/align-bottom]])) :current (dwt/vertical-align-enabled? editor "bottom"))
:on-click #(on-vertical-align-change % "bottom")}
i/align-bottom]]]))
(mf/defc text-decoration-options (mf/defc text-decoration-options
[{:keys [editor] :as props}] [{:keys [editor locale] :as props}]
(let [on-decoration-change (let [on-decoration-change
(fn [event type] (fn [event type]
(dom/prevent-default event) (dom/prevent-default event)
@ -308,22 +310,22 @@
(dwt/set-text-decoration! editor "none") (dwt/set-text-decoration! editor "none")
(dwt/set-text-decoration! editor type)))] (dwt/set-text-decoration! editor type)))]
[:div.row-flex [:div.row-flex
[:span.element-set-subtitle "Decoration"] [:span.element-set-subtitle (t locale "workspace.options.font-options.decoration")]
[:div.align-icons [:div.align-icons
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "None" {:alt (t locale "workspace.options.font-options.none")
:on-click #(on-decoration-change % "none")} :on-click #(on-decoration-change % "none")}
i/minus] i/minus]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Underline" {:alt (t locale "workspace.options.font-options.underline")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-decoration-enabled? editor "underline")) :current (dwt/text-decoration-enabled? editor "underline"))
:on-click #(on-decoration-change % "underline")} :on-click #(on-decoration-change % "underline")}
i/underline] i/underline]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Strikethrough" {:alt (t locale "workspace.options.font-options.strikethrough")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-decoration-enabled? editor "line-through")) :current (dwt/text-decoration-enabled? editor "line-through"))
:on-click #(on-decoration-change % "line-through")} :on-click #(on-decoration-change % "line-through")}
@ -331,7 +333,7 @@
(mf/defc text-transform-options (mf/defc text-transform-options
[{:keys [editor] :as props}] [{:keys [editor locale] :as props}]
(let [on-text-transform-change (let [on-text-transform-change
(fn [event type] (fn [event type]
(dom/prevent-default event) (dom/prevent-default event)
@ -340,31 +342,31 @@
(dwt/set-text-transform! editor "none") (dwt/set-text-transform! editor "none")
(dwt/set-text-transform! editor type)))] (dwt/set-text-transform! editor type)))]
[:div.row-flex [:div.row-flex
[:span.element-set-subtitle "Case"] [:span.element-set-subtitle (t locale "workspace.options.font-options.text-case")]
[:div.align-icons [:div.align-icons
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "None" {:alt (t locale "workspace.options.font-options.none")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-transform-enabled? editor "none")) :current (dwt/text-transform-enabled? editor "none"))
:on-click #(on-text-transform-change % "none")} :on-click #(on-text-transform-change % "none")}
i/minus] i/minus]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Uppercase" {:alt (t locale "workspace.options.font-options.uppercase")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-transform-enabled? editor "uppercase")) :current (dwt/text-transform-enabled? editor "uppercase"))
:on-click #(on-text-transform-change % "uppercase")} :on-click #(on-text-transform-change % "uppercase")}
i/uppercase] i/uppercase]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Lowercase" {:alt (t locale "workspace.options.font-options.lowercase")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-transform-enabled? editor "lowercase")) :current (dwt/text-transform-enabled? editor "lowercase"))
:on-click #(on-text-transform-change % "lowercase")} :on-click #(on-text-transform-change % "lowercase")}
i/lowercase] i/lowercase]
[:span.tooltip.tooltip-bottom [:span.tooltip.tooltip-bottom
{:alt "Titlecase" {:alt (t locale "workspace.options.font-options.titlecase")
:class (dom/classnames :class (dom/classnames
:current (dwt/text-transform-enabled? editor "capitalize")) :current (dwt/text-transform-enabled? editor "capitalize"))
:on-click #(on-text-transform-change % "capitalize")} :on-click #(on-text-transform-change % "capitalize")}
@ -387,16 +389,12 @@
[:div.element-set [:div.element-set
[:div.element-set-title (t locale "workspace.options.font-options")] [:div.element-set-title (t locale "workspace.options.font-options")]
[:div.element-set-content [:div.element-set-content
[:& font-options {:editor editor}] [:& font-options {:editor editor :locale locale}]
[:& text-align-options {:editor editor}] [:& text-align-options {:editor editor :locale locale}]
[:& spacing-options {:editor editor}] [:& spacing-options {:editor editor :locale locale}]
[:& vertical-align-options {:editor editor :locale locale}]
[:div.row-flex [:& text-decoration-options {:editor editor :locale locale}]
[:& vertical-align-options {:editor editor}] [:& text-transform-options {:editor editor :locale locale}]]]]))
[:& box-sizing-options {:editor editor}]]
[:& text-decoration-options {:editor editor}]
[:& text-transform-options {:editor editor}]]]]))
(mf/defc options (mf/defc options
[{:keys [shape] :as props}] [{:keys [shape] :as props}]