Add more backup view translations

src/views/backups.html

@@ -332,13 +332,13 @@
   </div>
 
   <div class="text-left">
-    <h3>Location</h3>
+    <h3>{{ 'backups.location.title' | tr }}</h3>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">
-    <p>Cloudron makes a complete backup of your system at the configured location.
+    <p>{{ 'backups.location.description' | tr }}
       <span ng-show="manualBackupApps.length">
-        The following apps have automatic backups disabled:
+        {{ 'backups.location.disabledList' | tr }}
         <span ng-repeat="app in manualBackupApps">
           <a ng-href="/#/app/{{app.id}}/backups">{{app.label || app.fqdn}}</a><span ng-hide="$last">,</span>
         </span>
@@ -349,7 +349,7 @@
 
     <div class="row">
       <div class="col-xs-6">
-        <span class="text-muted">Provider</span>
+        <span class="text-muted">{{ 'backups.location.provider' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ prettyProviderName(backupConfig.provider) }}</span>
@@ -357,7 +357,7 @@
     </div>
     <div class="row">
       <div class="col-xs-6">
-        <span class="text-muted">Location</span>
+        <span class="text-muted">{{ 'backups.location.location' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span ng-show="backupConfig.provider === 'filesystem'">{{ backupConfig.backupFolder }}</span>
@@ -370,7 +370,7 @@
 
     <div class="row" ng-show="backupConfig.endpoint && backupConfig.provider !== 'minio'">
       <div class="col-xs-6">
-        <span class="text-muted">Endpoint</span>
+        <span class="text-muted">{{ 'backups.location.endpoint' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ backupConfig.endpoint || backupConfig.region }}</span>
@@ -379,7 +379,7 @@
 
     <div class="row">
       <div class="col-xs-6">
-        <span class="text-muted">Storage Format</span>
+        <span class="text-muted">{{ 'backups.location.format' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ backupConfig.format }} <i class="fas fa-lock" ng-show="backupConfig.password" ></i></span>
@@ -390,20 +390,20 @@
 
     <div class="row">
       <div class="col-md-12 text-right">
-        <button class="btn btn-outline btn-primary pull-right" ng-show="user.role === 'owner'" ng-click="configureBackup.show()">Configure</button>
+        <button class="btn btn-outline btn-primary pull-right" ng-show="user.role === 'owner'" ng-click="configureBackup.show()">{{ 'backups.location.configure' | tr }}</button>
       </div>
     </div>
   </div>
 
   <div class="text-left">
-    <h3>Schedule and Retention</h3>
+    <h3>{{ 'backups.schedule.title' | tr }}</h3>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">
-    <p>Cloudron makes a complete backup of your system based on this scheduled interval and keeps backups with the specified retention policy. </p>
+    <p>{{ 'backups.schedule.description' | tr }}</p>
     <div class="row">
       <div class="col-xs-6">
-        <span class="text-muted">Schedule</span>
+        <span class="text-muted">{{ 'backups.schedule.schedule' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ prettyBackupSchedule(backupConfig.schedulePattern) }}</span>
@@ -411,7 +411,7 @@
     </div>
     <div class="row">
       <div class="col-xs-6">
-        <span class="text-muted">Retention Policy</span>
+        <span class="text-muted">{{ 'backups.schedule.retentionPolicy' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ prettyBackupRetentionPolicy(backupConfig.retentionPolicy) }}</span>
@@ -420,27 +420,27 @@
     <br/>
     <div class="row">
       <div class="col-md-12 text-right">
-        <button class="btn btn-outline btn-primary pull-right" ng-show="user.role === 'owner'" ng-click="configureScheduleAndRetention.show()">Configure</button>
+        <button class="btn btn-outline btn-primary pull-right" ng-show="user.role === 'owner'" ng-click="configureScheduleAndRetention.show()">{ 'backups.schedule.configure' | tr }}</button>
       </div>
     </div>
   </div>
 
   <div class="text-left">
-    <h3>Listing</h3>
+    <h3>{{ 'backups.listing.title' | tr }}</h3>
   </div>
 
   <div class="card card-large">
     <div class="row">
       <div class="col-md-12">
-        <p ng-show="!backups.length">No backups have been made yet</p>
+        <p ng-show="!backups.length">{{ 'backups.listing.noBackups' | tr }}</p>
 
         <table class="table table-hover" style="margin: 0;" ng-hide="!backups.length">
           <thead>
             <tr>
-              <th>Version</th>
-              <th>Date</th>
-              <th>Contents</th>
-              <th class="text-right" width="180px">Actions</th>
+              <th>{{ 'backups.listing.version' | tr }}</th>
+              <th>{{ 'main.table.date' | tr }}</th>
+              <th>{{ 'backups.listing.contents' | tr }}</th>
+              <th class="text-right" width="180px">{{ 'main.table.actions' | tr }}</th>
             </tr>
           </thead>
           <tbody>
@@ -448,11 +448,11 @@
               <td ng-click="backupDetails.show(backup)" class="hand">v{{ backup.packageVersion }}</td>
               <td ng-click="backupDetails.show(backup)" class="hand"><span uib-tooltip="{{ backup.creationTime | prettyLongDate }}">{{ backup.creationTime | prettyDate }}</span></td>
               <td ng-click="backupDetails.show(backup)" class="hand">
-                <span ng-show="!backup.contents.length">No apps</span>
-                <span ng-show="backup.contents.length">{{ backup.contents.length }} apps</span>
+                <span ng-show="!backup.contents.length">{{ 'backups.listing.noApps' | tr }}</span>
+                <span ng-show="backup.contents.length">{{ 'backups.listing.appCount' | tr:backups }}</span>
               </td>
               <td class="text-right no-wrap" style="vertical-align: bottom">
-                <button class="btn btn-xs btn-default" ng-click="downloadConfig(backup)" uib-tooltip="Download Backup Configuration"><i class="fas fa-file-alt"></i></button>
+                <button class="btn btn-xs btn-default" ng-click="downloadConfig(backup)" uib-tooltip="{{ 'backups.listing.tooltipDownloadBackupConfig' | tr }}"><i class="fas fa-file-alt"></i></button>
               </td>
             </tr>
           </tbody>
@@ -479,24 +479,22 @@
 
     <div class="row">
       <div class="col-md-12 text-right">
-        <button class="btn btn-default" ng-click="createBackup.cleanupBackups()" ng-show="!createBackup.busy" style="margin-right: 5px">Cleanup Backups</button>
-        <button class="btn btn-outline btn-primary" ng-click="createBackup.startBackup()" ng-show="!createBackup.busy"">Backup now</button>
-        <button class="btn btn-outline btn-danger" ng-click="createBackup.stopTask()" ng-show="createBackup.busy"">Stop {{ createBackup.taskType === 'backup' ? 'Backup' : 'Cleanup' }}</button>
+        <button class="btn btn-default" ng-click="createBackup.cleanupBackups()" ng-show="!createBackup.busy" style="margin-right: 5px">{{ 'backups.listing.cleanupBackups' | tr }}</button>
+        <button class="btn btn-outline btn-primary" ng-click="createBackup.startBackup()" ng-show="!createBackup.busy">{{ 'backups.listing.backupNow' | tr }}</button>
+        <button class="btn btn-outline btn-danger" ng-click="createBackup.stopTask()" ng-show="createBackup.busy">{{ 'backups.listing.stopTask' | tr:createBackup }}</button>
       </div>
     </div>
   </div>
 
   <div class="text-left">
-    <h3>Logs</h3>
+    <h3>{{ 'backups.logs.title' | tr }}</h3>
   </div>
 
   <div class="card card-large" style="margin-bottom: 15px;">
     <div class="row">
       <div class="col-md-12">
-        <p>
-          Please be careful when uploading these logs to a public server since they may contain sensitive information.
-        </p>
-        <a class="btn btn-primary pull-right" ng-href="/logs.html?taskId={{createBackup.taskId}}" ng-disabled="!createBackup.taskId" target="_blank">Show Logs</a>
+        <p>{{ 'backups.logs.description' | tr }}</p>
+        <a class="btn btn-primary pull-right" ng-href="/logs.html?taskId={{createBackup.taskId}}" ng-disabled="!createBackup.taskId" target="_blank">{{ 'backups.logs.showLogs' | tr }}</a>
       </div>
     </div>
   </div>