diff --git a/src/editor/EditorStartup.js b/src/editor/EditorStartup.js index 8e8976af..7c638c5f 100644 --- a/src/editor/EditorStartup.js +++ b/src/editor/EditorStartup.js @@ -87,9 +87,11 @@ class EditorStartup { document.body.append(newSeEditPrefsDialog); // 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')); + dialogBox.setAttribute('id', 'se-cmenu_canvas'); + // dialogBox.setAttribute('toolscut', this.i18next.t('tools.cut')); document.body.append(dialogBox); + dialogBox.init(this.i18next); + console.log(dialogBox); // alertDialog added to DOM const alertBox = document.createElement('se-alert-dialog'); alertBox.setAttribute('id', 'se-alert-dialog'); diff --git a/src/editor/dialogs/cmenuDialog.js b/src/editor/dialogs/cmenuDialog.js index f20523a4..da6129d3 100644 --- a/src/editor/dialogs/cmenuDialog.js +++ b/src/editor/dialogs/cmenuDialog.js @@ -145,12 +145,16 @@ export class SeCMenuDialog extends HTMLElement { this.$moveDownLink = this._shadowRoot.querySelector('#se-move-down'); this.$moveBackLink = this._shadowRoot.querySelector('#se-move-back'); } + init (i18next) { + var textnode = document.createTextNode(newValue); + this._shadowRoot.querySelector('#se-cut').prepend(textnode); + } /** * @function observedAttributes * @returns {any} observed */ static get observedAttributes () { - return [ 'disableallmenu', 'enablemenuitems', 'disablemenuitems', 'i18next-tools-cut' ]; + return [ 'disableallmenu', 'enablemenuitems', 'disablemenuitems', 'toolscut' ]; } /** * @function attributeChangedCallback @@ -185,7 +189,7 @@ export class SeCMenuDialog extends HTMLElement { selEle.parentElement.classList.add('disabled'); }); break; - case 'i18next-tools-cut': + case 'toolscut': var textnode = document.createTextNode(newValue); this._shadowRoot.querySelector('#se-cut').prepend(textnode); break;