From 9481eccfb02aa37c8e361d2a040a3351527ef056 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 17 Feb 2022 15:52:15 +0100
Subject: [PATCH] Make email import dialog translatable

---
 src/translation/en.json | 15 +++++++++++++--
 src/views/email.html    | 19 +++++++++----------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/translation/en.json b/src/translation/en.json
index 72af7a619..daead878d 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -1134,7 +1134,9 @@
                 "name": "Name",
                 "owner": "Owner",
                 "aliases": "Aliases",
-                "usage": "Usage"
+                "usage": "Usage",
+                "importTooltip": "Import Mailboxes",
+                "exportTooltip": "Export Mailboxes"
             },
             "mailinglists": {
                 "title": "Mailing Lists",
@@ -1282,7 +1284,16 @@
             "activeCheckbox": "Mailbox is active",
             "enablePop3": "Enable POP3 access"
         },
-        "howToConnectInfoModal": "Configuring Email Clients"
+        "howToConnectInfoModal": "Configuring Email Clients",
+        "mailboxImportDialog": {
+            "title": "Import Mailboxes",
+            "description": "The import requires a specific schema for JSON. The detailed schema is described in our <a href=\"{{ docsLink }}\" target=\"_blank\">documentation</a>",
+            "fileInput": "Select JSON file",
+            "mailboxesFound": "Found {{ count }} mailboxes to import",
+            "success": "{{ count }} mailboxes successfully imported.",
+            "failed": "The following mailboxes were not imported:",
+            "importAction": "Import"
+        }
     },
     "app": {
         "backAction": "Back to My Apps",
diff --git a/src/views/email.html b/src/views/email.html
index 4dcb50fa7..d8887a436 100644
--- a/src/views/email.html
+++ b/src/views/email.html
@@ -204,40 +204,39 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title">Import Users</h4>
+        <h4 class="modal-title">{{ 'email.mailboxImportDialog.title' | tr }}</h4>
       </div>
       <div class="modal-body">
         <div ng-show="!mailboxImport.done">
           <div ng-show="!mailboxImport.busy">
-            <p>The import requires a specific schema for JSON. The detailed schema is described in our <a href="https://cloudron.io/documentation/email/#import" target="_blank">documentation</a></p>
+            <p ng-bind-html=" 'email.mailboxImportDialog.description' | tr:{ docsLink: 'https://cloudron.io/documentation/email/#import' } "></p>
             <input type="file" style="display: none;" id="mailboxImportFileInput" accept="application/json"/>
-            <button class="btn btn-primary" ng-click="mailboxImport.openFileInput()">Select JSON file</button>
+            <button class="btn btn-primary" ng-click="mailboxImport.openFileInput()">{{ 'email.mailboxImportDialog.fileInput' | tr }}</button>
             <br/>
             <br/>
             <p class="text-danger" ng-show="mailboxImport.error.file">{{ mailboxImport.error.file }}</p>
-            <p ng-show="mailboxImport.mailboxes.length">Found {{ mailboxImport.mailboxes.length }} mailboxes to import</p>
+            <p ng-show="mailboxImport.mailboxes.length">{{ 'email.mailboxImportDialog.mailboxesFound' | tr:{ count: mailboxImport.mailboxes.length } }}</p>
           </div>
           <div ng-show="mailboxImport.busy" class="progress progress-striped active">
             <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ mailboxImport.percent }}%"></div>
           </div>
         </div>
         <div ng-show="mailboxImport.done">
-          <p>{{ mailboxImport.success }} mailboxes successfully imported.</p>
+          <p>{{ 'email.mailboxImportDialog.success' | tr:{ count: mailboxImport.success } }}</p>
           <div ng-show="mailboxImport.error.import.length">
-            <p class="text-danger">The following mailboxes were not imported:</p>
+            <p class="text-danger">{{ 'email.mailboxImportDialog.failed' | tr }}</p>
             <div ng-repeat="tmp in mailboxImport.error.import"><b>{{ tmp.mailbox.name }}@{{ tmp.mailbox.domain }}:</b> {{ tmp.error.message }}</div>
           </div>
         </div>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.close' | tr }}</button>
-        <button type="button" class="btn btn-primary" ng-click="mailboxImport.import()" ng-show="!mailboxImport.done" ng-disabled="mailboxImport.busy || !mailboxImport.mailboxes.length"><i class="fa fa-circle-notch fa-spin" ng-show="mailboxImport.busy"></i> Import</button>
+        <button type="button" class="btn btn-primary" ng-click="mailboxImport.import()" ng-show="!mailboxImport.done" ng-disabled="mailboxImport.busy || !mailboxImport.mailboxes.length"><i class="fa fa-circle-notch fa-spin" ng-show="mailboxImport.busy"></i> {{ 'email.mailboxImportDialog.importAction' | tr }}</button>
       </div>
     </div>
   </div>
 </div>
 
-
 <!-- Modal add mailinglist -->
 <div class="modal fade" id="mailinglistAddModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
@@ -408,8 +407,8 @@
         <h3 style="margin-bottom: 15px;">{{ 'email.incoming.mailboxes.title' | tr }}
           <button class="btn btn-primary btn-outline pull-right" ng-click="mailboxes.add.show()"  ng-disabled="!domain.mailConfig.enabled" tooltip-enable="!domain.mailConfig.enabled" uib-tooltip="{{ 'email.incoming.mailboxes.disabledTooltip' | tr }}"><i class="fa fa-inbox"></i> {{ 'email.incoming.mailboxes.addAction' | tr }}</button>
           <div class="btn-group pull-right" style="margin-left: 5px;">
-            <button class="btn btn-default" ng-click="mailboxImport.show()" uib-tooltip="Import Mailboxes" tooltip-append-to-body="true"><i class="fas fa-download"></i></button>
-            <button class="btn btn-default" ng-click="mailboxExport()" uib-tooltip="Export Mailboxes" tooltip-append-to-body="true"><i class="fas fa-upload"></i></button>
+            <button class="btn btn-default" ng-click="mailboxImport.show()" uib-tooltip="{{ 'email.incoming.mailboxes.importTooltip' | tr }}" tooltip-append-to-body="true"><i class="fas fa-download"></i></button>
+            <button class="btn btn-default" ng-click="mailboxExport()" uib-tooltip="{{ 'email.incoming.mailboxes.exportTooltip' | tr }}" tooltip-append-to-body="true"><i class="fas fa-upload"></i></button>
           </div>
           <input class="form-control pull-right" style="width: 200px;" placeholder="{{ 'main.searchPlaceholder' | tr }}" type="text" ng-model="mailboxes.search" ng-model-options="{ debounce: 1000 }" ng-change="mailboxes.updateFilter()" />
         </h3>