✨(frontend) add admin pages

Add pages to administrate maildomains and mailboxes

Co-authored-by: Sylvain Zimmer <[email protected]>

Author: jbpenrath

src/frontend/public/images/welcome.webp

@@ -129,8 +129,8 @@ export const MessageForm = ({
     const getDefaultSubject = () => {
         if (draft?.subject) return draft.subject
         if (parentMessage) {
-            if (mode === "forward") return MailHelper.prefixSubjectIfNeeded(parentMessage.subject, "Fwd:");
-            if (mode.startsWith("reply")) return MailHelper.prefixSubjectIfNeeded(parentMessage.subject, "Re:");
+            if (mode === "forward") return MailHelper.prefixSubjectIfNeeded(parentMessage.subject ?? "", "Fwd:");
+            if (mode.startsWith("reply")) return MailHelper.prefixSubjectIfNeeded(parentMessage.subject ?? "", "Re:");
         }
 
         return '';

src/frontend/src/features/forms/components/message-form/index.tsx

@@ -3,7 +3,7 @@ import { Checkbox, InputProps } from "@openfun/cunningham-react";
 
 /**
  * A wrapper component for the Checkbox component that integrates with react-hook-form.
- * 
+ *
  * This component allows you to use the Checkbox component as a controlled component
  * with react-hook-form's form state management.
  */
@@ -16,7 +16,7 @@ export const RhfCheckbox = (props: InputProps & { name: string }) => {
       render={({ field, fieldState }) => {
         return (
           <Checkbox
-            {...props}
+          {...props}
             aria-invalid={!!fieldState.error}
             state={fieldState.error ? "error" : "default"}
             onBlur={(event) => {

src/frontend/src/features/forms/components/react-hook-form/rhf-checkbox.tsx

@@ -4,14 +4,16 @@
       "app_title": "Messaging",
       "app_description": "Messaging",
       "welcome": "Welcome",
-      "logout": "Logout",
       "my_account": "My Account",
       "no_mailbox": "No mailbox.",
       "no_threads": "No threads.",
       "mailbox": "Mailbox",
       "new_message_form": {
         "title": "New message"
       },
+      "user_menu": {
+        "logout": "Logout"
+      },
       "aria": {
         "labels": {
           "banner": {
@@ -63,7 +65,11 @@
         "import_messages": "Import messages",
         "show": "Show",
         "add_label": "Add label",
-        "forward": "Forward"
+        "forward": "Forward",
+        "create": "Create",
+        "creating": "Creating...",
+        "save": "Save",
+        "saving": "Saving..."
       },
       "tooltips": {
         "has_attachments": "This email has an attachment",
@@ -260,6 +266,110 @@
       },
       "message_body": {
         "show_embedded_message": "Show embedded message"
+      },
+      "create_address_modal": {
+        "title": "Create a new address @{{domain}}",
+        "success": {
+          "personal": "The personal mailbox <strong>{{mailbox}}</strong> has been created successfully.",
+          "shared": "The shared mailbox <strong>{{mailbox}}</strong> has been created successfully.",
+          "redirect": "The redirect mailbox <strong>{{mailbox}}</strong> has been created successfully.",
+          "credential_identity": "Identity",
+          "credential_password": "Temporary password",
+          "shared_password_info": "Share the credentials of this mailbox with its user. You must transfer them securely, preferably physically.",
+          "credential_info": "You can now inform the person that their mailbox is ready to be used and communicate the instructions for authentication."
+        },
+        "tabs": {
+          "personal": "Create a new personal mailbox",
+          "shared": "Create a new shared mailbox",
+          "redirect": "Create a simple redirect"
+        },
+        "form": {
+          "labels": {
+            "name": "Name",
+            "first_name": "First name",
+            "last_name": "Last name",
+            "prefix": "Prefix",
+            "address": "Address",
+            "description": "Description",
+            "target_email": "Target email",
+            "confirmation_accepted": "I confirm that this address corresponds to the real identity of a colleague, and I commit to deactivating it when their position ends."
+          },
+          "placeholders": {
+            "name": "Name...",
+            "prefix": "Prefix...",
+            "shared_name": "Shared mailbox name...",
+            "description": "Description...",
+            "target_email": "[email protected]"
+          },
+          "confirmation_text": "I confirm that this address corresponds to the identity of a physical person working in {{location}}, and I commit to deactivating it when their position ends.",
+          "errors": {
+            "name_required": "Name is required.",
+            "first_name_required": "First name is required.",
+            "last_name_required": "Last name is required.",
+            "prefix_required": "Prefix is required.",
+            "prefix_invalid": "Prefix can only contain letters, numbers, dots, underscores and hyphens.",
+            "target_email_invalid": "Please enter a valid email address.",
+            "confirmation_required": "You must confirm this statement",
+            "validation_failed": "Please fill in all required fields correctly."
+          }
+        },
+        "api_errors": {
+          "prefix_exists": "An address with this prefix already exists in this domain.",
+          "default": "An error occurred while creating the address."
+        }
+      },
+      "manage_accesses_modal": {
+        "title": "Manage accesses",
+        "roles": {
+          "admin": "Administrateur",
+          "editor": "Editor",
+          "viewer": "Viewer"
+        }
+      },
+      "admin_layout": {
+        "breadcrumbs": {
+          "back": "Back to your inbox",
+          "maildomains_management": "Maildomains management",
+          "maildomains_details": "Maildomains details"
+        },
+        "tabs": {
+          "addresses": "Addresses",
+          "dns": "DNS",
+          "signatures": "Signatures"
+        }
+      },
+      "admin_maildomains_list": {
+        "title": "Maildomains management",
+        "datagrid_headers": {
+          "name": "Domain",
+          "created_at": "Created at",
+          "updated_at": "Updated at"
+        },
+        "loading": "Loading maildomains...",
+        "loading_error": "An error occurred while loading maildomains."
+      },
+      "admin_maildomains_details": {
+        "errors": {
+          "domain_not_found": "Domain not found",
+          "failed_to_load_adresses": "Error while loading addresses"
+        },
+        "datagrid_headers": {
+          "type": "Type",
+          "email": "Email address",
+          "accesses": "Accesses",
+          "actions": "Actions"
+        },
+        "datagrid_row_labels": {
+          "no_accesses": "No accesses",
+          "unknown_user": "Unknown user",
+          "alias": "Alias",
+          "mailbox": "Mailbox"
+        },
+        "actions": {
+          "manage_accesses": "Manage accesses",
+          "new_address": "New address"
+        },
+        "loading": "Loading addresses..."
       }
     }
   },
@@ -268,14 +378,16 @@
       "app_title": "Messages",
       "app_description": "Messages",
       "welcome": "Bienvenue",
-      "logout": "Déconnexion",
       "my_account": "Mon Compte",
       "no_mailbox": "Aucune boîte aux lettres.",
       "no_threads": "Aucune conversation.",
       "mailbox": "Boîte aux lettres",
       "new_message_form": {
         "title": "Nouveau message"
       },
+      "user_menu": {
+        "logout": "Déconnexion"
+      },
       "aria": {
         "labels": {
           "banner": {
@@ -327,7 +439,11 @@
         "import": "Importer",
         "import_messages": "Importer des messages",
         "show": "Afficher",
-        "add_label": "Ajouter un libellé"
+        "add_label": "Ajouter un libellé",
+        "create": "Créer",
+        "creating": "Création en cours...",
+        "save": "Enregistrer",
+        "saving": "Enregistrement en cours..."
       },
       "tooltips": {
         "has_attachments": "Cette email contient une pièce jointe",
@@ -516,6 +632,113 @@
       },
       "message_body": {
         "show_embedded_message": "Afficher le message inclus"
+      },
+      "create_address_modal": {
+        "title": "Création d'une nouvelle adresse @{{domain}}",
+        "tabs": {
+          "personal": "Créer une nouvelle boîte personnelle",
+          "shared": "Créer une nouvelle boîte partagée",
+          "redirect": "Créer une simple redirection"
+        },
+        "success": {
+          "personal": "L'adresse de messagerie personnelle <strong>{{mailbox}}</strong> a été créée avec succès.",
+          "shared": "L'adresse de messagerie partagée <strong>{{mailbox}}</strong> a été créée avec succès.",
+          "redirect": "L'adresse de redirection <strong>{{mailbox}}</strong> a été créée avec succès.",
+          "credential_identity": "Identifiant",
+          "credential_password": "Mot de passe temporaire",
+          "shared_password_info": "Partager les identifiants de cette boîte mail avec son utilisateur. Vous devez le lui transmettre de façon sécurisée, de préférence physiquement.",
+          "credential_info": "Vous pouvez désormais prévenir la personne que sa boîte mail est prête à être utilisée et lui communiquer les instructions pour s'authentifier."
+        },
+        "form": {
+          "labels": {
+            "name": "Nom",
+            "first_name": "Prénom",
+            "last_name": "Nom",
+            "prefix": "Préfixe",
+            "address": "Adresse",
+            "description": "Description",
+            "target_email": "Adresse de destination",
+            "confirmation_accepted": "Je confirme que cette adresse correspond à l'identité d'une personne physique travaillant avec moi, et m'engage à la désactiver quand son poste prendra fin."
+          },
+          "placeholders": {
+            "name": "Nom...",
+            "prefix": "Préfixe...",
+            "shared_name": "Nom de la boîte partagée...",
+            "description": "Description...",
+            "target_email": "[email protected]"
+          },
+          "confirmation_text": "Je confirme que cette adresse correspond à l'identité d'une personne physique travaillant à {{location}}, et m'engage à la désactiver quand son poste prendra fin.",
+          "errors": {
+            "name_required": "Le nom est requis.",
+            "first_name_required": "Le prénom est requis.",
+            "last_name_required": "Le nom est requis.",
+            "prefix_required": "Le préfixe est requis.",
+            "prefix_invalid": "Le préfixe ne peut contenir que des lettres, chiffres, points, tirets bas et tirets.",
+            "target_email_invalid": "Veuillez saisir une adresse email valide.",
+            "confirmation_required": "Vous devez confirmer cette déclaration",
+            "validation_failed": "Veuillez remplir tous les champs requis correctement."
+          }
+        },
+        "api_errors": {
+          "prefix_exists": "Une adresse avec ce préfixe existe déjà dans ce domaine.",
+          "default": "Une erreur est survenue lors de la création de l'adresse."
+        }
+      },
+      "manage_accesses_modal": {
+        "title": "Gérer les accès à {{mailbox}}",
+        "roles": {
+          "admin": "Administrateur",
+          "editor": "Éditeur",
+          "viewer": "Lecteur"
+        }
+      },
+      "admin_layout": {
+        "breadcrumbs": {
+          "back": "Retour à votre messagerie",
+          "maildomains_management": "Gestion des domaines",
+          "maildomains_details": "Détails du domaine"
+        },
+        "tabs": {
+          "addresses": "Adresses",
+          "dns": "DNS",
+          "signatures": "Signatures"
+        }
+      },
+      "admin_maildomains_list": {
+        "title": "Gestion des domaines",
+        "datagrid_headers": {
+          "name": "Domaine",
+          "created_at": "Créé le",
+          "updated_at": "Modifié le"
+        },
+        "actions": {
+          "manage_access": "Gérer les accès"
+        },
+        "loading": "Chargement des domaines...",
+        "loading_error": "Une erreur est survenue lors du chargement des domaines."
+      },
+      "admin_maildomains_details": {
+        "errors": {
+          "domain_not_found": "Domaine non trouvé",
+          "failed_to_load_adresses": "Erreur lors du chargement des adresses"
+        },
+        "datagrid_headers": {
+          "type": "Type",
+          "email": "Adresse email",
+          "accesses": "Accès",
+          "actions": "Actions"
+        },
+        "datagrid_row_labels": {
+          "no_accesses": "Aucun accès",
+          "unknown_user": "Utilisateur inconnu",
+          "alias": "Alias",
+          "mailbox": "Boîte"
+        },
+        "actions": {
+          "manage_accesses": "Gérer les accès",
+          "new_address": "Nouvelle adresse"
+        },
+        "loading": "Chargement des adresses..."
       }
     }
   }