Feat: Callout admin UX improvements

apps/frontend/locales/de.json

@@ -408,8 +408,9 @@
     "updated": "Änderungen gespeichert!"
   },
   "calloutBuilder": {
+    "slidesTitle": "Slides",
     "actions": {
-      "addSlide": "Slide hinzufügen",
+      "addSlide": "Hinzufügen",
       "removeSlide": "Slide entfernen"
     },
     "internalTitle": "Interner Titel",
@@ -737,7 +738,12 @@
   "createCallout": {
     "lastSaved": "Zuletzt vor {duration} gespeichert.",
     "lastSavedNow": "Zuletzt vor wenigen Augenblicken gespeichert.",
-    "steps": {
+    "tabs": {
+      "intro": {
+        "title": "Einführung",
+        "help": "<p>Die <strong>Einleitung</strong> erscheint vor den Fragen. Erkläre darin, warum du den Callout machst, also was das Ziel ist und wie die Antworten helfen. Gib so viel Kontext wie möglich, um den Teilnehmenden die Beantwortung zu erleichtern.</p>\n",
+        "label": "Einleitung"
+      },
       "content": {
         "title": "Inhalt"
       },
@@ -785,7 +791,7 @@
             "placeholder": "https://example.com"
           }
         },
-        "title": "Nachricht am Ende"
+        "title": "Danke!"
       },
       "mailchimp": {
         "title": "Mailchimp-Synchronisation"
@@ -909,25 +915,25 @@
       },
       "titleAndImage": {
         "inputs": {
+          "general": {
+            "title": "Allgemeine Informationen"
+          },
+          "sharing": {
+            "title": "Teilen-Optionen"
+          },
           "description": {
-            "help": "<p>Die <strong>Kurzbeschreibung</strong> ergänzt den Titel und sollte in wenigen Worten erklären, worum es bei dem Callout geht.</p>\n",
+            "help": "Diese Beschreibung wird angezeigt, wenn der Callout im Mitglieder-Dashboard sichtbar ist. Sie wird auch für das Teilen verwendet.",
             "label": "Kurzbeschreibung",
             "placeholder": "Erkläre kurz und knapp, warum Menschen an dem Callout teilnehmen sollten."
           },
           "image": {
             "help": "<p>Das <strong>Titelbild</strong> dient zur Illustration des Callouts.</p>\n",
-            "label": "Titelbild"
-          },
-          "intro": {
-            "help": "<p>Die <strong>Einleitung</strong> erscheint vor den Fragen. Erkläre darin, warum du den Callout machst, also was das Ziel ist und wie die Antworten helfen. Gib so viel Kontext wie möglich, um den Teilnehmenden die Beantwortung zu erleichtern.</p>\n",
-            "label": "Einleitung"
+            "label": "Titelbild",
+            "description": "Vergessen Sie nicht, nach dem Hochladen eines Bildes zu speichern!"
           },
           "overrideShare": {
             "label": "Callout-Titel und -Beschreibung zum Teilen verwenden?",
-            "opts": {
-              "no": "Nein, Titel und Beschreibung selbst festlegen.",
-              "yes": "Ja"
-            }
+            "description": "Links, die auf sozialen Netzwerken geteilt werden, werden einen eigenen Titel und eine eigene Beschreibung haben."
           },
           "shareDescription": {
             "help": "<p>Die <strong>Social-Media-Beschreibung</strong> ist die Kurzbeschreibung deines Callouts fürs Teilen in sozialen Netzwerken.</p>\n",
@@ -940,11 +946,16 @@
             "placeholder": "Die Überschrift deines Callouts in sozialen Netzwerken."
           },
           "slug": {
-            "help": "<p>Du kannst den <strong>Permalink</strong> an deine Nutzer schicken, damit sie an dem Callout teilnehmen können.</p>\n",
-            "label": "Permalink",
+            "locked": {
+              "title": "Der Permalink ist gesperrt, weil der Callout bereits veröffentlicht wurde.",
+              "description": ""
+            },
+            "boxTitle": "Permalink",
+            "help": "<p>Du kannst den <strong>Permalink</strong> mit Nutzern teilen, damit sie den Callout direkt aufrufen können</p>\n",
+            "label": "Auto-generate slug from title",
             "opts": {
-              "auto": "Automatisch aus Callout-Titel generieren",
-              "manual": "Benutzerdefinierten Permalink festlegen"
+              "auto": "Der Permalink wird aus dem Callout-Titel generiert und automatisch aktualisiert, bis der Callout veröffentlicht wird.",
+              "manual": "Der Permalink wird manuell festgelegt"
             }
           },
           "title": {
@@ -953,8 +964,7 @@
             "placeholder": "Der Name deines Callouts."
           }
         },
-        "title": "Titel und Bild",
-        "urlWillBe": "Der Permalink wird so aussehen"
+        "title": "Titel und Bild"
       }
     },
     "title": "Callout anlegen",
@@ -1422,5 +1432,12 @@
   },
   "taxRate": {
     "invoiceName": "MwSt"
+  },
+  "notifications": {
+    "copy": {
+      "success": "In Zwischenablage kopiert",
+      "error": "Fehler beim Kopieren",
+      "errorDesc": "Text konnte nicht in die Zwischenablage kopiert werden. Bitte versuchen Sie es erneut oder kopieren Sie manuell."
+    }
   }
 }

apps/frontend/locales/de@easy.json

@@ -182,7 +182,7 @@
     "paymentHistory": {}
   },
   "createCallout": {
-    "steps": {
+    "tabs": {
       "content": {},
       "dates": {
         "inputs": {

apps/frontend/locales/de@informal.json

@@ -737,7 +737,7 @@
   "createCallout": {
     "lastSaved": "Zuletzt vor {duration} gespeichert.",
     "lastSavedNow": "Zuletzt vor wenigen Augenblicken gespeichert.",
-    "steps": {
+    "tabs": {
       "content": {
         "title": "Inhalt"
       },

apps/frontend/locales/en.json

@@ -408,8 +408,9 @@
     "updated": "Your callout was successfully updated."
   },
   "calloutBuilder": {
+    "slidesTitle": "Slides",
     "actions": {
-      "addSlide": "Add slide",
+      "addSlide": "Add",
       "removeSlide": "Remove slide"
     },
     "internalTitle": "Internal title",
@@ -745,7 +746,12 @@
   "createCallout": {
     "lastSaved": "Last saved {duration} ago",
     "lastSavedNow": "Last saved just now",
-    "steps": {
+    "tabs": {
+      "intro": {
+        "title": "Introduction",
+        "help": "<p>The <strong>Introduction text</strong> appears alongside the callout. It should explain why you are doing this callout and give any context the user might need before answering.</p>\n",
+        "label": "Introduction text"
+      },
       "content": {
         "title": "Content"
       },
@@ -793,7 +799,7 @@
             "placeholder": "https://example.com"
           }
         },
-        "title": "End message"
+        "title": "Thank you!"
       },
       "mailchimp": {
         "title": "Mailchimp sync"
@@ -919,25 +925,25 @@
       },
       "titleAndImage": {
         "inputs": {
+          "general": {
+            "title": "General information"
+          },
+          "sharing": {
+            "title": "Sharing options"
+          },
           "description": {
-            "help": "<p>The <strong>Short description</strong> expands on the title to explain what the callout is about. It is meant to inform people what is inside in a few words.</p>\n",
-            "label": "Short description",
-            "placeholder": "Quickly explain why people should open this callout."
+            "help": "This description is shown if the callout is visible in the member's dashboard. It is also used for sharing.",
+            "label": "Description",
+            "placeholder": "Quickly explain why people should respond to this callout."
           },
           "image": {
             "help": "<p>The <strong>Cover image</strong> will serve as an illustration for the callout on menus and forms.</p>\n",
-            "label": "Cover image"
-          },
-          "intro": {
-            "help": "<p>The <strong>Introduction text</strong> appears alongside the callout. It should explain why you are doing this callout and give any context the user might need before answering.</p>\n",
-            "label": "Introduction text"
+            "label": "Cover image",
+            "description": "Dont forget to save after uploading an image!"
           },
           "overrideShare": {
-            "label": "Use callout title and description for sharing?",
-            "opts": {
-              "no": "No, set a custom title and description",
-              "yes": "Yes"
-            }
+            "label": "Use custom title and description for sharing",
+            "description": "Links shared on social networks will have a custom title and description"
           },
           "shareDescription": {
             "help": "<p>The <strong>Share description</strong> field sets the short description as it should appear on social media cards.</p>\n",
@@ -950,11 +956,16 @@
             "placeholder": "The name of your callout"
           },
           "slug": {
+            "locked": {
+              "title": "The permalink is locked because the callout has already been published.",
+              "description": ""
+            },
+            "boxTitle": "Permalink",
             "help": "<p>You can share the <strong>Permalink</strong> with users so they can access the callout</p>\n",
-            "label": "Permalink",
+            "label": "Auto-generate slug from title",
             "opts": {
-              "auto": "Auto-generate from callout title",
-              "manual": "Set custom permalink"
+              "auto": "The slug is generated from the title and automatically updates until the callout is published.",
+              "manual": "The slug is created manually"
             }
           },
           "title": {
@@ -963,8 +974,7 @@
             "placeholder": "The name of your callout."
           }
         },
-        "title": "Title and image",
-        "urlWillBe": "Permalink will be"
+        "title": "Title and image"
       }
     },
     "title": "Create a callout",
@@ -989,7 +999,7 @@
   },
   "forgotPassword": {
     "backToLogin": "Back to login page",
-    "description": "Please enter your email address and we’ll send you password reset instructions.",
+    "description": "Please enter your email address and we'll send you password reset instructions.",
     "message": "If there is an account associated with {email}, you will receive an email shortly. Check your spam folder if it doesn't appear.",
     "title": "Forgot your password?"
   },
@@ -1432,5 +1442,12 @@
   },
   "taxRate": {
     "invoiceName": "VAT"
+  },
+  "notifications": {
+    "copy": {
+      "success": "Copied to clipboard",
+      "error": "Failed to copy",
+      "errorDesc": "Could not copy text to clipboard. Please try again or copy manually."
+    }
   }
 }

apps/frontend/locales/it.json

@@ -243,7 +243,7 @@
     "willRenew": "Il tuo contributo sarà aggiornato il {renewalDate}."
   },
   "createCallout": {
-    "steps": {
+    "tabs": {
       "content": {},
       "dates": {
         "inputs": {

apps/frontend/locales/nl.json

@@ -193,7 +193,7 @@
     "paymentHistory": {}
   },
   "createCallout": {
-    "steps": {
+    "tabs": {
       "content": {},
       "dates": {
         "inputs": {

apps/frontend/locales/pt.json

@@ -484,7 +484,7 @@
     "willRenewWithNewAmount": "A tua contribuição vai renovar automaticamente a {renewalDate}, passando para a nova quantia de {nextAmount}."
   },
   "createCallout": {
-    "steps": {
+    "tabs": {
       "content": {},
       "dates": {
         "inputs": {

apps/frontend/locales/ru.json

@@ -222,7 +222,7 @@
   },
   "calloutBuilder": {
     "actions": {
-      "addSlide": "Добавить слайд",
+      "addSlide": "Добавить",
       "removeSlide": "Убрать слайд"
     },
     "internalTitle": "Внутренний заголовок",
@@ -447,7 +447,7 @@
     "willRenewWithNewAmount": "Ваша подписка будет автоматически продлена {renewalDate}. Начиная с этой даты мы будем списывать выбранную вами сумму {nextAmount}."
   },
   "createCallout": {
-    "steps": {
+    "tabs": {
       "content": {},
       "dates": {
         "inputs": {