feat(console): note about function names must match in action dialog (#8294)

# Which Problems Are Solved - A note should be added to the ZITADEL management console showing that the name and function in the javascript have to be the same # How the Problems Are Solved - A new cnsl-info-section is added to the create/update action dialog # Additional Context Here's a screenshot showing the note: ![Captura desde 2024-07-12 13-08-35](https://github.com/user-attachments/assets/62de5491-1895-4101-8bcf-1c8433661fd2) - Closes #7874 Co-authored-by: Fabi <fabienne@zitadel.com>
2024-12-04 23:45:07 +00:00 · 2024-07-15 17:16:36 +02:00 · 2024-07-15 17:16:36 +02:00 · 832a55a78e
commit 832a55a78e
parent 9d29098aa6
16 changed files with 32 additions and 15 deletions
--- a/console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html
+++ b/console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html
@ -8,6 +8,8 @@
      <input cnslInput formControlName="name" />
    </cnsl-form-field>

+    <cnsl-info-section>{{ 'FLOWS.DIALOG.ABOUTNAME' | translate }}</cnsl-info-section>
+
    <ngx-codemirror
      *ngIf="opened$ | async"
      formControlName="script"
--- a/console/src/assets/i18n/bg.json
+++ b/console/src/assets/i18n/bg.json
@ -1085,7 +1085,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Изтриване на избраните действия?",
        "DESCRIPTION": "Сигурни ли сте, че искате да изтриете избраните действия от потока?"
-      }
+      },
+      "ABOUTNAME": "Името на действието и името на функцията в javascript трябва да са еднакви"
    },
    "TOAST": {
      "ACTIONSSET": "Набор от действия",
--- a/console/src/assets/i18n/cs.json
+++ b/console/src/assets/i18n/cs.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Smazat vybrané akce?",
        "DESCRIPTION": "Jste si jisti, že chcete smazat vybrané akce z toku?"
-      }
+      },
+      "ABOUTNAME": "Název akce a název funkce v javascriptu musí být stejný"
    },
    "TOAST": {
      "ACTIONSSET": "Akce nastaveny",
--- a/console/src/assets/i18n/de.json
+++ b/console/src/assets/i18n/de.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Ausgewählte Aktionen löschen?",
        "DESCRIPTION": "Wollen Sie die gewählten Aktionen wirklich löschen?"
-      }
+      },
+      "ABOUTNAME": "Der Name der Aktion und der Name der Funktion im Javascript müssen identisch sein"
    },
    "TOAST": {
      "ACTIONSSET": "Aktionen gesetzt",
--- a/console/src/assets/i18n/en.json
+++ b/console/src/assets/i18n/en.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Delete selected Actions?",
        "DESCRIPTION": "Are you sure you want to delete the selected actions from the flow?"
-      }
+      },
+      "ABOUTNAME": "The name of the action and the name of the function in the javascript have to be the same"
    },
    "TOAST": {
      "ACTIONSSET": "Actions set",
--- a/console/src/assets/i18n/es.json
+++ b/console/src/assets/i18n/es.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "¿Borrar acciones seleccionadas?",
        "DESCRIPTION": "¿Estás seguro que quieres borrar las acciones seleccionadas del flujo?"
-      }
+      },
+      "ABOUTNAME": "El nombre de la acción y el nombre de la función en javascript tienen que ser el mismo"
    },
    "TOAST": {
      "ACTIONSSET": "Acciones establecidas",
--- a/console/src/assets/i18n/fr.json
+++ b/console/src/assets/i18n/fr.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Supprimer les actions sélectionnées ?",
        "DESCRIPTION": "Voulez-vous vraiment supprimer les actions sélectionnées du flux ?"
-      }
+      },
+      "ABOUTNAME": "Le nom de l'action et le nom de la fonction dans le javascript doivent être identiques"
    },
    "TOAST": {
      "ACTIONSSET": "Actions définies",
--- a/console/src/assets/i18n/it.json
+++ b/console/src/assets/i18n/it.json
@ -1085,7 +1085,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Elimina le azioni selezionate?",
        "DESCRIPTION": "Sei sicuro di voler eliminare le azioni selezionate dal processo?"
-      }
+      },
+      "ABOUTNAME": "Il nome dell'azione e il nome della funzione nel javascript devono essere gli stessi"
    },
    "TOAST": {
      "ACTIONSSET": "Azioni salvate!",
--- a/console/src/assets/i18n/ja.json
+++ b/console/src/assets/i18n/ja.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "選択したアクションの削除",
        "DESCRIPTION": "フローから選択したアクションを削除してよろしいですか？"
-      }
+      },
+      "ABOUTNAME": "アクションの名前とJavaScript内の関数の名前は同じである必要があります"
    },
    "TOAST": {
      "ACTIONSSET": "アクションセット",
--- a/console/src/assets/i18n/mk.json
+++ b/console/src/assets/i18n/mk.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Избриши ги избраните акции?",
        "DESCRIPTION": "Дали сте сигурни дека сакате да ги избришете избраните акции од Flow?"
-      }
+      },
+      "ABOUTNAME": "Името на дејството и името на функцијата во javascript треба да бидат исти"
    },
    "TOAST": {
      "ACTIONSSET": "Акциите се поставени",
--- a/console/src/assets/i18n/nl.json
+++ b/console/src/assets/i18n/nl.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Geselecteerde acties verwijderen?",
        "DESCRIPTION": "Weet u zeker dat u de geselecteerde acties uit de flow wilt verwijderen?"
-      }
+      },
+      "ABOUTNAME": "De naam van de actie en de naam van de functie in het javascript moeten hetzelfde zijn"
    },
    "TOAST": {
      "ACTIONSSET": "Acties ingesteld",
--- a/console/src/assets/i18n/pl.json
+++ b/console/src/assets/i18n/pl.json
@ -1085,7 +1085,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Usunąć wybrane działanie?",
        "DESCRIPTION": "Czy na pewno chcesz usunąć wybrane działania z przepływu?"
-      }
+      },
+      "ABOUTNAME": "Nazwa akcji i nazwa funkcji w JavaScript muszą być takie same"
    },
    "TOAST": {
      "ACTIONSSET": "Ustawiono działanie",
--- a/console/src/assets/i18n/pt.json
+++ b/console/src/assets/i18n/pt.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Excluir Ações Selecionadas?",
        "DESCRIPTION": "Tem certeza de que deseja excluir as ações selecionadas do fluxo?"
-      }
+      },
+      "ABOUTNAME": "O nome da ação e o nome da função no javascript devem ser iguais"
    },
    "TOAST": {
      "ACTIONSSET": "Ações definidas",
--- a/console/src/assets/i18n/ru.json
+++ b/console/src/assets/i18n/ru.json
@ -1111,7 +1111,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Удалить выбранные действия?",
        "DESCRIPTION": "Вы уверены, что хотите удалить выбранные действия из процесса?"
-      }
+      },
+      "ABOUTNAME": "Имя действия и имя функции в javascript должны быть одинаковыми."
    },
    "TOAST": {
      "ACTIONSSET": "Набор действий",
--- a/console/src/assets/i18n/sv.json
+++ b/console/src/assets/i18n/sv.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "Radera valda åtgärder?",
        "DESCRIPTION": "Är du säker på att du vill radera de valda åtgärderna från flödet?"
-      }
+      },
+      "ABOUTNAME": "Namnet på åtgärden och namnet på funktionen i javascriptet måste vara detsamma"
    },
    "TOAST": {
      "ACTIONSSET": "Åtgärder sparade",
--- a/console/src/assets/i18n/zh.json
+++ b/console/src/assets/i18n/zh.json
@ -1086,7 +1086,8 @@
      "REMOVEACTIONSLIST": {
        "TITLE": "删除选定的操作？",
        "DESCRIPTION": "您确定要从流中删除选定的操作吗？"
-      }
+      },
+      "ABOUTNAME": "javascript 中的操作名称和函数名称必须相同"
    },
    "TOAST": {
      "ACTIONSSET": "动作设置",