Update js/rus/rus.js

js/rus/rus.js

@@ -1020,7 +1020,7 @@ editor.CssComposer.addRules(`
 editor.BlockManager.add('custom-widget', {
   label: `
     <div style="display: flex; flex-direction: column; align-items: center;">
-      <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="Layer_1" enable-background="new 0 0 48 48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><path d="m38 8h-28c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h8v-4h-8v-20h28v20h-8v4h8c2.2 0 4-1.8 4-4v-24c0-2.2-1.8-4-4-4zm-14 12-8 8h6v12h4v-12h6z" fill="#000000" style="fill: rgb(237, 237, 237);"></path></svg>
+      <svg id="Layer_1" enable-background="new 0 0 48 48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><path d="m38 8h-28c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h8v-4h-8v-20h28v20h-8v4h8c2.2 0 4-1.8 4-4v-24c0-2.2-1.8-4-4-4zm-14 12-8 8h6v12h4v-12h6z" fill="#000000" style="fill: rgb(237, 237, 237);"></path></svg>
       <span style="margin-top: 8px;">Widget</span>
     </div>`,
   content: `
@@ -1031,28 +1031,38 @@ editor.BlockManager.add('custom-widget', {
   attributes: {
     class: ''
   },
-  // Добавляем поля ввода для URL и ID виджета
-  components: {
-    scriptUrl: {
+  // Add traits for input fields to modify Script URL and Widget ID
+  traits: [
+    {
       type: 'text',
       label: 'Script URL',
-      value: 'https://school.riverpsy.com/pl/lite/widget/script'
+      name: 'scriptUrl',
+      value: 'https://school.riverpsy.com/pl/lite/widget/script',
     },
-    widgetId: {
+    {
       type: 'text',
       label: 'Widget ID',
-      value: '731982'
-    }
+      name: 'widgetId',
+      value: '731982',
+    },
+  ],
+  // Update script src when the traits change
+  script: function() {
+    const updateScript = () => {
+      const scriptUrl = this.getAttribute('scriptUrl') || 'https://school.riverpsy.com/pl/lite/widget/script';
+      const widgetId = this.getAttribute('widgetId') || '731982';
+      const scriptElement = document.getElementById('custom-widget-script');
+      if (scriptElement) {
+        scriptElement.src = `${scriptUrl}?id=${widgetId}`;
+      }
+    };
+    
+    updateScript();
+    
+    // Watch for trait changes and update the script dynamically
+    this.addEventListener('change:scriptUrl', updateScript);
+    this.addEventListener('change:widgetId', updateScript);
   },
-  // Функция для обновления скрипта при изменении полей ввода
-  onUpdate: function(component) {
-    const scriptUrl = component.get('scriptUrl');
-    const widgetId = component.get('widgetId');
-    const scriptElement = document.getElementById('custom-widget-script');
-    if (scriptElement) {
-      scriptElement.src = `${scriptUrl}?id=${widgetId}`;
-    }
-  }
 });
 
 editor.CssComposer.addRules(`
@@ -1069,3 +1079,4 @@ editor.CssComposer.addRules(`
 
 
 
+