From 522860ef6adf20445ccc3366751e292fa6d0ae91 Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Fri, 21 May 2021 11:47:17 +0530
Subject: [PATCH] #101  pass the strings as attributes and update i18n string
 in template

---
 src/editor/EditorStartup.js       | 1 +
 src/editor/dialogs/cmenuDialog.js | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/editor/EditorStartup.js b/src/editor/EditorStartup.js
index 588173a6..8e8976af 100644
--- a/src/editor/EditorStartup.js
+++ b/src/editor/EditorStartup.js
@@ -88,6 +88,7 @@ class EditorStartup {
       // canvas menu added to DOM
       const dialogBox = document.createElement('se-cmenu_canvas-dialog');
       dialogBox.setAttribute('id', 'se-cmenu_canvas');
+      dialogBox.setAttribute('i18next-tools-cut', this.i18next.t('tools.cut'));
       document.body.append(dialogBox);
       // alertDialog added to DOM
       const alertBox = document.createElement('se-alert-dialog');
diff --git a/src/editor/dialogs/cmenuDialog.js b/src/editor/dialogs/cmenuDialog.js
index 5f1a68c2..3117a7b6 100644
--- a/src/editor/dialogs/cmenuDialog.js
+++ b/src/editor/dialogs/cmenuDialog.js
@@ -68,7 +68,7 @@ template.innerHTML = `
   <ul id="cmenu_canvas" class="contextMenu">
     <li>
       <a href="#cut" id="se-cut">
-      ${svgEditor.i18next.t('tools.cut')}<span class="shortcut">META+X</span>
+        <span class="shortcut">META+X</span>
       </a>
     </li>
     <li>
@@ -150,7 +150,7 @@ export class SeCMenuDialog extends HTMLElement {
    * @returns {any} observed
    */
   static get observedAttributes () {
-    return [ 'disableallmenu', 'enablemenuitems', 'disablemenuitems' ];
+    return [ 'disableallmenu', 'enablemenuitems', 'disablemenuitems', 'i18next-tools-cut' ];
   }
   /**
    * @function attributeChangedCallback
@@ -185,6 +185,10 @@ export class SeCMenuDialog extends HTMLElement {
         selEle.parentElement.classList.add('disabled');
       });
       break;
+    case 'i18next-tools-cut':
+      var textnode = document.createTextNode(newValue);
+      this._shadowRoot.querySelector('#se-cut').prepend(textnode);
+      break;
     default:
       // super.attributeChangedCallback(name, oldValue, newValue);
       break;