WFE 13.0.0 (autocommit)

Author: optimajet

Designer/localization/ar.json

@@ -554,8 +554,9 @@
 		"ZoomIn": "تكبير",
 		"ZoomOut": "تصغير",
 		"ZoomPositionDefault": "التكبير الافتراضي",
-		"ZoomTo100": "تعيين التكبير إلى 100%"
-	},
+		"ZoomTo100": "تعيين التكبير إلى 100%",
+    "About": "عن"
+  },
 	"TransitionAuto": "السيارات",
 	"TransitionFormLabel": {
 		"ActionLabel": "الإجراء",
@@ -633,5 +634,9 @@
 		"TriggerType": "النوع",
 		"UserComment": "التعليق"
 	},
-	"Warning": "تحذير"
-}
+	"Warning": "تحذير",
+  "DesignerVersion": "النسخة للمصمم",
+  "BackendVersion": "النسخة للخلفية",
+  "DesignerAndBackendVersionMismatch": "إصدارات المصمم والخلفية لا تتطابق!",
+  "ClipboardAccessDenied": "تم رفض الوصول إلى الحافظة. يتم عرض المعلومات في وحدة تحكم المتصفح."
+}

Designer/localization/de.json

@@ -553,8 +553,9 @@
 		"ZoomIn": "vergrößern",
 		"ZoomOut": "verkleinern",
 		"ZoomPositionDefault": "Zoom Standard",
-		"ZoomTo100": "Zoom auf 100 einstellen%"
-	},
+    "ZoomTo100": "Zoom auf 100 einstellen%",
+    "About": "Über Designer"
+  },
 	"TransitionAuto": "Auto",
 	"TransitionFormLabel": {
 		"ActionLabel": "Aktion",
@@ -632,5 +633,9 @@
 		"TriggerType": "Art",
 		"UserComment": "Kommentar"
 	},
-	"Warning": "Warnung"
-}
+	"Warning": "Warnung",
+  "DesignerVersion": "Designer version",
+  "BackendVersion": "Backend version",
+  "DesignerAndBackendVersionMismatch": "Designer und Backend-Versionen stimmen nicht überein!",
+  "ClipboardAccessDenied": "Der Zugriff auf die Zwischenablage wurde verweigert. Die Informationen werden in der Browserkonsole angezeigt."
+}

Designer/localization/en_default.json

@@ -557,7 +557,8 @@
     "ZoomTo100": "Set zoom to 100%",
     "Clone": "Clone",
     "ZoomPositionDefault": "Zoom default",
-    "InstanceInfo": "Instance info"
+    "InstanceInfo": "Instance info",
+    "About": "About"
   },
   "LibraryLabel": {
     "PluginRequired": "Plugin required:"
@@ -636,5 +637,9 @@
   "ErrorInBrowserConsole": "See more info in the browser console.",
   "FileNotExist": "The file doesn't exist",
   "InformationCopiedToClipboardAndConsole": "The information is copied to the clipboard and displayed in the browser console.",
-  "InformationLoggedToConsole": "The information is displayed in the browser console."
+  "InformationLoggedToConsole": "The information is displayed in the browser console.",
+  "DesignerVersion": "Designer version",
+  "BackendVersion": "Backend version",
+  "DesignerAndBackendVersionMismatch": "Designer and Backend versions do not match!",
+  "ClipboardAccessDenied": "Access to the clipboard has been denied. The information is displayed in the browser console."
 }

Designer/localization/es.json

@@ -553,7 +553,8 @@
 		"ZoomIn": "acercar",
 		"ZoomOut": "Alejar el Zoom",
 		"ZoomPositionDefault": "Zoom por defecto",
-		"ZoomTo100": "Ajuste el zoom a 100%"
+		"ZoomTo100": "Ajuste el zoom a 100%",
+    "About": "Acerca del diseñador"
 	},
 	"TransitionAuto": "Auto",
 	"TransitionFormLabel": {
@@ -632,5 +633,9 @@
 		"TriggerType": "Tipo",
 		"UserComment": "Comentario"
 	},
-	"Warning": "Advertencia"
-}
+	"Warning": "Advertencia",
+  "DesignerVersion": "Versión del diseñador",
+  "BackendVersion": "Versión del backend",
+  "DesignerAndBackendVersionMismatch": "Las versiones del diseñador y del backend no coinciden!",
+  "ClipboardAccessDenied": "Se ha denegado el acceso al portapapeles. La información se muestra en la consola del navegador."
+}

Designer/localization/fr.json

@@ -553,7 +553,8 @@
 		"ZoomIn": "zoomer",
 		"ZoomOut": "Zoom Arrière",
 		"ZoomPositionDefault": "Zoom par défaut",
-		"ZoomTo100": "Régler le zoom sur 100%"
+		"ZoomTo100": "Régler le zoom sur 100%",
+    "About": "À propos du designer"
 	},
 	"TransitionAuto": "Auto",
 	"TransitionFormLabel": {
@@ -632,5 +633,9 @@
 		"TriggerType": "Type",
 		"UserComment": "Commentaire"
 	},
-	"Warning": "Avertissement"
-}
+	"Warning": "Avertissement",
+  "DesignerVersion": "Version du designer",
+  "BackendVersion": "Version du backend",
+  "DesignerAndBackendVersionMismatch": "Les versions du concepteur et du backend ne correspondent pas!",
+  "ClipboardAccessDenied": "L'accès au presse-papiers a été refusé. Les informations sont affichées dans la console du navigateur."
+}

Designer/localization/it.json

@@ -553,7 +553,8 @@
 		"ZoomIn": "ingrandire",
 		"ZoomOut": "Rimpicciolisci",
 		"ZoomPositionDefault": "Zoom predefinito",
-		"ZoomTo100": "Imposta zoom su 100%"
+		"ZoomTo100": "Imposta zoom su 100%",
+    "About": "Informazioni sul designer"
 	},
 	"TransitionAuto": "Auto",
 	"TransitionFormLabel": {
@@ -632,5 +633,9 @@
 		"TriggerType": "Tipo",
 		"UserComment": "Commentare"
 	},
-	"Warning": "Avvertimento"
-}
+	"Warning": "Avvertimento",
+  "DesignerVersion": "Versione del designer",
+  "BackendVersion": "Versione del backend",
+  "DesignerAndBackendVersionMismatch": "Le versioni del designer e del backend non corrispondono!",
+  "ClipboardAccessDenied": "L'accesso agli appunti è stato negato. Le informazioni vengono visualizzate nella console del browser."
+}

Designer/localization/pt.json

@@ -553,7 +553,8 @@
 		"ZoomIn": "ampliar",
 		"ZoomOut": "reduzir",
 		"ZoomPositionDefault": "Zoom padrão",
-		"ZoomTo100": "Definir zoom para 100%"
+		"ZoomTo100": "Definir zoom para 100%",
+    "About": "Sobre o designer"
 	},
 	"TransitionAuto": "Auto",
 	"TransitionFormLabel": {
@@ -632,5 +633,9 @@
 		"TriggerType": "Tipo",
 		"UserComment": "Comentario"
 	},
-	"Warning": "Aviso"
-}
+	"Warning": "Aviso",
+  "DesignerVersion": "Versão do designer",
+  "BackendVersion": "Versão do backend",
+  "DesignerAndBackendVersionMismatch": "As versões do Designer e do Backend não correspondem!",
+  "ClipboardAccessDenied": "O acesso à área de transferência foi negado. As informações são exibidas no console do navegador."
+}

Designer/localization/ru.json

@@ -554,8 +554,9 @@
 		"ZoomIn": "Увеличить масштаб",
 		"ZoomOut": "Уменьшить масштаб",
 		"ZoomPositionDefault": "Масштабирование по умолчанию",
-		"ZoomTo100": "Масштаб на 100%"
-	},
+		"ZoomTo100": "Масштаб на 100%",
+    "About": "О дизайнере"
+  },
 	"TransitionAuto": "Авто",
 	"TransitionFormLabel": {
 		"ActionLabel": "Действие",
@@ -633,5 +634,9 @@
 		"TriggerType": "Тип",
 		"UserComment": "Комментарий"
 	},
-	"Warning": "Предупреждение"
-}
+	"Warning": "Предупреждение",
+  "DesignerVersion": "Версия дизайнера",
+  "BackendVersion": "Версия бэкенда",
+  "DesignerAndBackendVersionMismatch": "Версии дизайнера и бэкэнда не совпадают!",
+  "ClipboardAccessDenied": "Доступ к буферу обмена отсутствует. Информация отображена в консоли браузера."
+}

Designer/localization/tr.json

@@ -554,7 +554,8 @@
 		"ZoomIn": "yakınlaştırmak",
 		"ZoomOut": "uzaklaştırmak",
 		"ZoomPositionDefault": "Yakınlaştırma varsayılanı",
-		"ZoomTo100": "Yakınlaştırmayı 100 olarak ayarla%"
+		"ZoomTo100": "Yakınlaştırmayı 100 olarak ayarla%",
+    "About": "Tasarımcı Hakkında"
 	},
 	"TransitionAuto": "Oto",
 	"TransitionFormLabel": {
@@ -633,5 +634,9 @@
 		"TriggerType": "Tip",
 		"UserComment": "Yorum"
 	},
-	"Warning": "Uyarı"
-}
+	"Warning": "Uyarı",
+  "DesignerVersion": "Tasarımcı versiyonu",
+  "BackendVersion": "Arka uç versiyonu",
+  "DesignerAndBackendVersionMismatch": "Tasarımcı ve Arka Uç sürümleri eşleşmiyor!",
+  "ClipboardAccessDenied": "Panoya erişim reddedildi. Bilgiler tarayıcı konsolunda gösteriliyor."
+}

Designer/templates/toolbar.html

@@ -46,6 +46,7 @@
           </el-menu-item>
         </el-submenu>
         <el-menu-item index="1-4" @click="showInstanceInfo">{{ labels.InstanceInfo }}</el-menu-item>
+        <el-menu-item index="1-5" @click="showAbout">{{ labels.About }}</el-menu-item>
       </el-submenu>
     </el-menu>
 
@@ -175,18 +176,36 @@
         </template>
     </span>
   </el-dialog>
+
+  <el-dialog
+    :before-close="() => showAboutDialog = false"
+    :modal-append-to-body="false"
+    :title="labels.About"
+    :visible="showAboutDialog"
+    width="30%">
+    <div style="user-select: text">{{ aboutDialogDesignerVersionText }}</div>
+    <div style="user-select: text">{{ aboutDialogBackendVersionText }}</div>
+    <span slot="footer" class="dialog-footer">
+            <el-button @click="showAboutDialog = false">{{ labels.ButtonTextOk }}</el-button>
+    </span>
+  </el-dialog>
 </div>
+
 <script type="application/javascript">
   function toolbar_Init(me) {
     const data = me.VueConfig.data;
     me.VueConfig.methods.UpdateLanguage = function () {
       data.labels = {
         ...WorkflowDesignerConstants.ToolbarLabel,
         ...WorkflowDesignerConstants.Logs,
+        ButtonTextOk: WorkflowDesignerConstants.ButtonTextOk,
         ButtonTextYes: WorkflowDesignerConstants.ButtonTextYes,
         ButtonTextCancel: WorkflowDesignerConstants.ButtonTextCancel,
         InformationCopiedToClipboardAndConsole: WorkflowDesignerConstants.InformationCopiedToClipboardAndConsole,
         InformationLoggedToConsole: WorkflowDesignerConstants.InformationLoggedToConsole,
+        DesignerVersion: WorkflowDesignerConstants.DesignerVersion,
+        BackendVersion: WorkflowDesignerConstants.BackendVersion,
+        ClipboardAccessDenied: WorkflowDesignerConstants.ClipboardAccessDenied
       };
     }
 
@@ -204,7 +223,9 @@
     data.LogEnabled = false;
     data.language = {};
     data.languagesList = [];
-
+    data.aboutDialogDesignerVersionText = '';
+    data.aboutDialogBackendVersionText = '';
+    data.showAboutDialog = false;
     me.VueConfig.methods.changeLogEnabled = isProcess
       ? designer.changelogenabled : me.graph.setLogEnabled;
 
@@ -442,11 +463,23 @@
         console.info('Instance info', data)
 
         const {notify} = me.VueConfig.methods;
-        navigator.clipboard.writeText(data).then(
-          () => notify(me.VueConfig.data.labels.InformationCopiedToClipboardAndConsole),
-          () => notify(me.VueConfig.data.labels.InformationLoggedToConsole)
-        );
+
+        // Checking if the Clipboard API is available
+        if (navigator.clipboard) {
+          navigator.clipboard.writeText(data).then(
+            () => notify(me.VueConfig.data.labels.InformationCopiedToClipboardAndConsole)
+          );
+        } else {
+          notify(me.VueConfig.data.labels.ClipboardAccessDenied, 'error');
+        }
       })
     }
+
+    me.VueConfig.methods.showAbout = function () {
+      const versionInfo = me.graph.designer?.getAbout();
+      this.aboutDialogDesignerVersionText = me.VueConfig.data.labels.DesignerVersion + ": " + versionInfo.designerVersion;
+      this.aboutDialogBackendVersionText = me.VueConfig.data.labels.BackendVersion + ": " + me.graph.designer.backendVersion;
+      this.showAboutDialog = true;
+    }
   }
 </script>