Add stroke_linecap stroke_linejoin and d translations

WonderlustKing · WonderlustKing · commit ed84f95f7fc6 · 2025-06-13T10:46:37.000+03:00
diff --git a/src/lang/el-GR.edn b/src/lang/el-GR.edn
@@ -289,7 +289,16 @@
  
  :renderer.attribute.impl.stroke-linecap
  {:description "Η ιδιότητα stroke-linecap είναι μια ιδιότητα παρουσίασης που καθορίζει το σχήμα που θα χρησιμοποιηθεί στο τέλος των ανοιχτών υποδιαδρομών
-                όταν εφαρμόζεται περίγραμμα."}
+                όταν εφαρμόζεται περίγραμμα."
+  :butt        "Κοφτό"
+  :round       "Στρογγυλό"
+  :square      "Τετράγωνο"}
+ 
+ :renderer.attribute.impl.stroke-linejoin
+ {:description "Η ιδιότητα stroke-linejoin είναι μια ιδιότητα παρουσίασης που καθορίζει το σχήμα που θα χρησιμοποιηθεί στις γωνίες των μονοπατιών όταν εφαρμόζεται περίγραμμα."
+  :bevel       "Λοξό"
+  :miter       "Γωνιώδες"
+  :round       "Στρογγυλεμένο"}
  
  :renderer.tool.impl.element.text
  {:help "Κάντε κλικ για να ξεκινήσετε τη πληκτρολόγηση."}
@@ -302,6 +311,22 @@
  :renderer.attribute.impl.color
  {:title "Επιλέξτε χρώμα"}
 
+ :renderer.attribute.impl.d
+ {:description     "Η ιδιότητα d καθορίζει τη διαδρομή που θα σχεδιαστεί."
+  :edit            "Επεξεργασία διαδρομής"
+  :absolute        "(Απόλυτο)"
+  :relative        "(Σχετικό)"
+  :move-to         "Μετακίνηση προς"
+  :line-to         "Γραμμή προς"
+  :vertical-line   "Κάθετη γραμμή"
+  :horizontal-line "Οριζόντια γραμμή"
+  :cubic-bezier    "Κυβική καμπύλη Bézier"
+  :shortcut-cubic-bezier "Συντομευμένη κυβική καμπύλη Bézier"
+  :quadratic-bezier-curve "Τετραγωνική καμπύλη Bézier"
+  :shortcut-quadratic     "Συντομευμένη τετραγωνική καμπύλη Bézier"
+  :elliptical-arc-curve   "Ελλειπτική καμπύλη τόξου"
+  :close-path             "Κλείσιμο διαδρομής"}
+
  :renderer.attribute.impl.length
  {:increase "Αύξηση"
   :decrease "Μείωση"}
@@ -319,7 +344,7 @@
  
  :renderer.attribute.impl.font-weight
  {:description "Η ιδιότητα font-weight αναφέρεται στο πάχος ή την ελαφρότητα των γλυφών που χρησιμοποιούνται για την απεικόνιση του κειμένου, 
-                σε σχέση με άλλες γραμματοσειρές της ίδιας οικογένειας."}
+                σε σχέση με άλλες γραμματοσειρές της ίδιας οικογένειας."} 
  
  :renderer.tool.impl.base.edit
  {:help-idle-drag  [:div "Σύρετε μια λαβή για να τροποποιήσετε το σχήμα σας."]
diff --git a/src/lang/en-US.edn b/src/lang/en-US.edn
@@ -323,7 +323,17 @@
  
  :renderer.attribute.impl.stroke-linecap
  {:description "The stroke-linecap attribute is a presentation attribute defining the shape
-                to be used at the end of open subpaths when they are stroked."}
+                to be used at the end of open subpaths when they are stroked."
+  :butt        "Butt"
+  :round       "Round"
+  :square      "Square"}
+ 
+ :renderer.attribute.impl.stroke-linejoin
+ {:description "The stroke-linejoin attribute is a presentation attribute defining the shape
+                to be used at the corners of paths when they are stroked."
+  :bevel       "Bevel"
+  :miter       "Miter"
+  :round       "Round"}
  
  :renderer.attribute.impl.overflow
  {:description "The overflow attribute sets what to do when an element's content is too big to fit in its block formatting context. This feature is not widely implemented yet."
@@ -333,6 +343,22 @@
  :renderer.attribute.impl.color
  {:title "Pick color"}
 
+ :renderer.attribute.impl.d
+ {:description     "The d attribute defines a path to be drawn."
+  :edit            "Edit path"
+  :absolute        "(Absolute)"
+  :relative        "(Relative)"
+  :move-to         "Move To"
+  :line-to         "Line To"
+  :vertical-line   "Vertical Line"
+  :horizontal-line "Horizontal Line"
+  :cubic-bezier    "Cubic Bézier Curve"
+  :shortcut-cubic-bezier "Shortcut Cubic Bézier Curve"
+  :quadratic-bezier-curve "Quadratic Bézier Curve"
+  :shortcut-quadratic     "Shortcut Quadratic Bézier Curve"
+  :elliptical-arc-curve   "Elliptical Arc Curve"
+  :close-path             "Close Path"}
+
  :renderer.attribute.impl.length
  {:increase "Increase"
   :decrease "Decrease"}
diff --git a/src/renderer/attribute/impl/d.cljs b/src/renderer/attribute/impl/d.cljs
@@ -9,38 +9,40 @@
    [renderer.attribute.views :as attribute.views]
    [renderer.element.events :as-alias element.events]
    [renderer.tool.subs :as-alias tool.subs]
+   [renderer.utils.i18n :refer [t]]
    [renderer.views :as views]
    [renderer.window.events :as-alias window.events]))
 
 (defmethod attribute.hierarchy/description [:default :d]
   []
-  "The d attribute defines a path to be drawn.")
+  (t [::description "The d attribute defines a path to be drawn."]))
 
-(def path-commands
-  {:m {:label "Move To"
+(defn path-commands
+  []
+  {:m {:label (t [::move-to "Move To"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataMovetoCommands"}
-   :l {:label "Line To"
+   :l {:label (t [::line-to "Line To"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataLinetoCommands"}
-   :v {:label "Vertical Line"
+   :v {:label (t [::vertical-line "Vertical Line"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataLinetoCommands"}
-   :h {:label "Horizontal Line"
+   :h {:label (t [::horizontal-line "Horizontal Line"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataLinetoCommands"}
-   :c {:label "Cubic Bézier Curve"
+   :c {:label (t [::cubic-bezier "Cubic Bézier Curve"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataCubicBezierCommands"}
-   :s {:label "Shortcut Cubic Bézier Curve"
+   :s {:label (t [::shortcut-cubic-bezier "Shortcut Cubic Bézier Curve"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataCubicBezierCommands"}
-   :q {:label "Quadratic Bézier Curve"
+   :q {:label (t [::quadratic-bezier-curve "Quadratic Bézier Curve"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataQuadraticBezierCommands"}
-   :t {:label "Shortcut Quadratic Bézier Curve"
+   :t {:label (t [::shortcut-quadratic "Shortcut Quadratic Bézier Curve"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataQuadraticBezierCommands"}
-   :a {:label "Elliptical Arc Curve"
+   :a {:label (t [::elliptical-arc-curve "Elliptical Arc Curve"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataEllipticalArcCommands"}
-   :z {:label "Close Path"
+   :z {:label (t [::close-path "Close Path"])
        :url "https://svgwg.org/svg2-draft/paths.html#PathDataClosePathCommand"}})
 
 (defn ->command
   [c]
-  (get path-commands (keyword (string/lower-case c))))
+  (get (path-commands) (keyword (string/lower-case c))))
 
 (defn remove-segment-by-index
   [path i]
@@ -112,7 +114,7 @@
         {:on-click #(rf/dispatch [::window.events/open-remote-url url])}
         label]
        (if (= command (string/lower-case command))
-         "(Relative)" "(Absolute)")]
+         (t [::relative "(Relative)"]) (t [::absolute "(Absolute)"]))]
       [:button.icon-button.small.bg-transparent.text-muted
        {:on-click #(remove-segment-by-index path i)}
        [views/icon "times"]]]
@@ -139,7 +141,7 @@
      (when v
        [:> Popover/Root {:modal true}
         [:> Popover/Trigger
-         {:title "Edit path"
+         {:title (t [::edit "Edit path"])
           :class "form-control-button"}
          [views/icon "pencil"]]
         [:> Popover/Portal
diff --git a/src/renderer/attribute/impl/stroke_linecap.cljs b/src/renderer/attribute/impl/stroke_linecap.cljs
@@ -17,13 +17,13 @@
    (merge attrs {:default-value "butt"
                  :items [{:key :butt
                           :value "butt"
-                          :label "Butt"
+                          :label (t [::butt "Butt"])
                           :icon "linecap-butt"}
                          {:key :round
                           :value "round"
-                          :label "Round"
+                          :label (t [::round "Round"])
                           :icon "linecap-round"}
                          {:key :square
                           :value "square"
-                          :label "Square"
+                          :label (t [::square "Square"])
                           :icon "linecap-square"}]})])
diff --git a/src/renderer/attribute/impl/stroke_linejoin.cljs b/src/renderer/attribute/impl/stroke_linejoin.cljs
@@ -2,23 +2,25 @@
   "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/stroke-linejoin"
   (:require
    [renderer.attribute.hierarchy :as attribute.hierarchy]
-   [renderer.attribute.views :as attribute.views]))
+   [renderer.attribute.views :as attribute.views]
+   [renderer.utils.i18n :refer [t]]))
 
 (defmethod attribute.hierarchy/description [:default :stroke-linejoin]
   []
-  "The stroke-linejoin attribute is a presentation attribute defining the shape
-   to be used at the corners of paths when they are stroked.")
+  (t [::description 
+      "The stroke-linejoin attribute is a presentation attribute defining the shape
+       to be used at the corners of paths when they are stroked."]))
 
 (defmethod attribute.hierarchy/form-element [:default :stroke-linejoin]
   [_ k v attrs]
   [attribute.views/select-input k v
    (merge attrs {:default-value "miter"
                  :items [{:key :bevel
                           :value "bevel"
-                          :label "Bevel"}
+                          :label (t [::bevel "Bevel"])}
                          {:key :miter
                           :value "miter"
-                          :label "Miter"}
+                          :label (t [::miter "Miter"])}
                          {:key :round
                           :value "round"
-                          :label "Round"}]})])
+                          :label (t [::round "Round"])}]})])
