From d56653d946adf137df67a8ab7ede62bd8a56d132 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 5 Nov 2020 12:46:24 +0100
Subject: [PATCH] Translate branding

---
 src/translation/en.json | 13 ++++++++++++-
 src/views/branding.html | 16 ++++++++--------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/translation/en.json b/src/translation/en.json
index f1ee6652c..402c971af 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -210,7 +210,18 @@
         }
     },
     "branding": {
-        "title": "Branding"
+        "title": "Branding",
+        "cloudronName": "Cloudron Name",
+        "logo": "Logo",
+        "footer": {
+            "title": "Footer",
+            "description": "Use markdown to style the footer.",
+            "subscriptionRequired": "Customizing the footer is only available in the paid plans.",
+            "setupSubscriptionNow": "Setup Subscription Now"
+        },
+        "changeLogo": {
+            "title": "Choose Cloudron Avatar"
+        }
     },
     "emails": {
         "title": "Email"
diff --git a/src/views/branding.html b/src/views/branding.html
index 49697db07..c93a9e263 100644
--- a/src/views/branding.html
+++ b/src/views/branding.html
@@ -3,7 +3,7 @@
   <div class="modal-dialog">
       <div class="modal-content">
           <div class="modal-header">
-              <h4 class="modal-title">Choose Cloudron Avatar</h4>
+              <h4 class="modal-title">{{ 'branding.changeLogo.title' | tr }}</h4>
           </div>
           <div class="modal-body branding-avatar-selector">
               <img id="previewAvatar" width="128" height="128" ng-src="{{ avatarChange.avatarUrl() }}"/>
@@ -18,8 +18,8 @@
               </div>
           </div>
           <div class="modal-footer">
-              <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-              <button type="button" class="btn btn-success" ng-click="avatarChange.setAvatar()"> Select</button>
+              <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
+              <button type="button" class="btn btn-success" ng-click="avatarChange.setAvatar()"> {{ 'main.dialog.save' | tr }}</button>
           </div>
       </div>
   </div>
@@ -38,14 +38,14 @@
         <form role="form" name="aboutForm" ng-submit="about.submit()" autocomplete="off">
           <fieldset>
             <div class="form-group" ng-class="{ 'has-error': (aboutForm.name.$dirty && aboutForm.name.$invalid) }">
-              <label class="control-label">Cloudron Name</label>
+              <label class="control-label">{{ 'branding.cloudronName' | tr }}</label>
               <div class="control-label" ng-show="about.error.cloudronName">{{about.error.cloudronName}}</div>
               <input type="text" class="form-control" id="inputCloudronName" name="name" ng-model="about.cloudronName">
             </div>
 
             <div class="form-group">
               <div>
-                <label class="control-label">Logo</label>
+                <label class="control-label">{{ 'branding.logo' | tr }}</label>
               </div>
               <div class="branding-avatar" ng-click="avatarChange.showChangeAvatar()">
                 <img ng-src="{{ about.avatarUrl() }}"/>
@@ -68,14 +68,14 @@
   </div>
 
   <div class="text-left">
-    <h3>Footer</h3>
+    <h3>{{ 'branding.footer.title' | tr }}</h3>
   </div>
 
   <div class="card" ng-show="config.features.branding">
     <div class="row">
       <div class="col-md-12">
         <form role="form" name="footerForm" autocomplete="off">
-          <p">Use <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" target="_blank">markdown</a> to style the footer.</p>
+          <p>{{ 'branding.footer.description' | tr }} <sup><a ng-href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></p>
           <textarea name="footer" class="form-control" ng-model="footer.content" ng-disabled="footer.busy"></textarea>
         </form>
       </div>
@@ -91,7 +91,7 @@
   <div class="card" ng-hide="config.features.branding">
     <div class="row">
       <div class="col-md-12">
-        Customizing the footer is only available in the paid plans. <a href="" class="pull-right" ng-click="openSubscriptionSetup()">Setup Subscription Now</a>
+        {{ 'branding.footer.subscriptionRequired' | tr }} <a href="" class="pull-right" ng-click="openSubscriptionSetup()">{{ 'branding.footer.setupSubscriptionNow' | tr }}</a>
       </div>
     </div>
   </div>