From 524e7126ec7da44a732cabf14e116af2599b1467 Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Wed, 19 May 2021 16:38:13 +0530
Subject: [PATCH] #99 i18n translation changes

---
 src/editor/MainMenu.js                      |  2 +-
 src/editor/dialogs/imagePropertiesDialog.js | 26 +++++++++++----------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/editor/MainMenu.js b/src/editor/MainMenu.js
index 11f3581a..16846e4f 100644
--- a/src/editor/MainMenu.js
+++ b/src/editor/MainMenu.js
@@ -86,7 +86,7 @@ class MainMenu {
     // Set image save option
     this.editor.configObj.pref("img_save", save);
     this.editor.updateCanvas();
-    this.editor.hideDocProperties();
+    this.hideDocProperties();
     return true;
   }
   /**
diff --git a/src/editor/dialogs/imagePropertiesDialog.js b/src/editor/dialogs/imagePropertiesDialog.js
index a88dd9a4..c8375b7c 100644
--- a/src/editor/dialogs/imagePropertiesDialog.js
+++ b/src/editor/dialogs/imagePropertiesDialog.js
@@ -1,6 +1,8 @@
+/* globals svgEditor */
 import { isValidUnit } from '../../common/units.js';
 
 const template = document.createElement('template');
+// eslint-disable-next-line no-unsanitized/property
 template.innerHTML = `
   <style>
   :not(:defined) {
@@ -69,46 +71,46 @@ template.innerHTML = `
   <elix-dialog id="svg_docprops" aria-label="Sample dialog" closed>
     <div id="svg_docprops_container">
       <div id="tool_docprops_back" class="toolbar_button">
-        <button id="tool_docprops_save">OK</button>
-        <button id="tool_docprops_cancel">Cancel</button>
+        <button id="tool_docprops_save">${svgEditor.i18next.t('common.ok')}</button>
+        <button id="tool_docprops_cancel">${svgEditor.i18next.t('common.cancel')}</button>
       </div>
       <fieldset id="svg_docprops_docprops">
-        <legend id="svginfo_image_props">Image Properties</legend>
+        <legend id="svginfo_image_props">${svgEditor.i18next.t('config.image_props')}</legend>
         <label>
-          <span id="svginfo_title">Title:</span>
+          <span id="svginfo_title">${svgEditor.i18next.t('config.doc_title')}</span>
           <input type="text" id="canvas_title" />
         </label>
         <fieldset id="change_resolution">
-          <legend id="svginfo_dim">Canvas Dimensions</legend>
+          <legend id="svginfo_dim">${svgEditor.i18next.t('config.doc_dims')}</legend>
           <label>
-            <span id="svginfo_width">width:</span>
+            <span id="svginfo_width">${svgEditor.i18next.t('common.width')}</span>
             <input type="text" id="canvas_width" size="6" />
           </label>
           <label>
-            <span id="svginfo_height">height:</span>
+            <span id="svginfo_height">${svgEditor.i18next.t('common.height')}</span>
             <input type="text" id="canvas_height" size="6" />
           </label>
           <label>
             <select id="resolution">
-              <option id="selectedPredefined" selected="selected">Select predefined:</option>
+              <option id="selectedPredefined" selected="selected">${svgEditor.i18next.t('config.select_predefined')}</option>
               <option>640x480</option>
               <option>800x600</option>
               <option>1024x768</option>
               <option>1280x960</option>
               <option>1600x1200</option>
-              <option id="fitToContent" value="content">Fit to Content</option>
+              <option id="fitToContent" value="content">${svgEditor.i18next.t('tools.fitToContent')}</option>
             </select>
           </label>
         </fieldset>
         <fieldset id="image_save_opts">
-          <legend id="includedImages">Included Images</legend>
+          <legend id="includedImages">${svgEditor.i18next.t('config.included_images')}</legend>
           <label>
             <input type="radio" id="image_embed" name="image_opt" value="embed" checked="checked" />
-            <span id="image_opt_embed">Embed data (local files)</span>
+            <span id="image_opt_embed">${svgEditor.i18next.t('config.image_opt_embed')}</span>
           </label>
           <label>
             <input type="radio" id="image_ref" name="image_opt" value="ref" />
-            <span id="image_opt_ref">Use file reference</span>
+            <span id="image_opt_ref">${svgEditor.i18next.t('config.image_opt_ref')}</span>
           </label>
         </fieldset>
       </fieldset>