Add all main view titles and navbar translation keys

src/index.html

@@ -132,13 +132,13 @@
                       </a>
                     </li>
                     <li>
-                      <a ng-class="{ active: isActive('/apps')}" href="#/apps"><i class="fa fa-th fa-fw"></i> My Apps</a>
+                      <a ng-class="{ active: isActive('/apps')}" href="#/apps"><i class="fa fa-th fa-fw"></i> {{ 'apps.title' | tr }}</a>
                     </li>
                     <li ng-show="user.isAtLeastAdmin">
-                      <a ng-class="{ active: isActive('/appstore')}" href="#/appstore"><i class="fa fa-cloud-download-alt fa-fw"></i> App Store</a>
+                      <a ng-class="{ active: isActive('/appstore')}" href="#/appstore"><i class="fa fa-cloud-download-alt fa-fw"></i> {{ 'appstore.title' | tr }}</a>
                     </li>
                     <li ng-show="user.isAtLeastUserManager">
-                      <a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> Users</a>
+                      <a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> {{ 'users.title' | tr }}</a>
                     </li>
                     <li>
                       <a href="#/notifications">
@@ -150,22 +150,22 @@
                     <li class="dropdown">
                       <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.avatarUrl}}" style="width: 24px; height: 24px;"/> {{user.username}} <span class="caret"></span></a>
                       <ul class="dropdown-menu" role="menu">
-                        <li><a href="#/profile"><i class="fa fa-user fa-fw"></i> Profile</a></li>
+                        <li><a href="#/profile"><i class="fa fa-user fa-fw"></i> {{ 'profile.title' | tr }}</a></li>
                         <li ng-show="user.isAtLeastAdmin" class="divider"></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> Backups</a></li>
-                        <li ng-show="user.role === 'owner'"><a href="#/branding"><i class="fa fa-passport fa-fw"></i> Branding</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> Domains & Certs</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> Email</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> Event Log</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/network"><i class="fas fa-network-wired fa-fw"></i> Network</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/services"><i class="fa fa-cogs fa-fw"></i> Services</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> Settings</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> {{ 'backups.title' | tr }}</a></li>
+                        <li ng-show="user.role === 'owner'"><a href="#/branding"><i class="fa fa-passport fa-fw"></i> {{ 'branding.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> {{ 'domains.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> {{ 'emails.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> {{ 'eventlog.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/network"><i class="fas fa-network-wired fa-fw"></i> {{ 'network.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/services"><i class="fa fa-cogs fa-fw"></i> {{ 'services.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> {{ 'settings.title' | tr }}</a></li>
                         <li ng-show="user.isAtLeastAdmin"><a href="#/volumes"><i class="fa fa-hdd fa-fw"></i> Volumes</a></li>
                         <li ng-show="user.isAtLeastAdmin" class="divider"></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> Support</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/system"><i class="fa fa-chart-area fa-fw"></i> System</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> {{ 'support.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/system"><i class="fa fa-chart-area fa-fw"></i> {{ 'system.title' | tr }}</a></li>
                         <li class="divider"></li>
-                        <li><a href="" ng-click="logout($event)"><i class="fa fa-sign-out-alt fa-fw"></i> Logout</a></li>
+                        <li><a href="" ng-click="logout($event)"><i class="fa fa-sign-out-alt fa-fw"></i> {{ 'main.logout' | tr }}</a></li>
                       </ul>
                     </li>
                   </ul>

src/translation/de.json

@@ -3,6 +3,43 @@
         "title": "Meine Apps"
     },
     "main": {
-        "offline": "Cloudron ist nicht erreichbar. Verbindungsaufbau…"
+        "offline": "Cloudron ist nicht erreichbar. Verbindungsaufbau…",
+        "logout": "Abmelden"
+    },
+    "network": {
+        "title": "Netzwerk"
+    },
+    "settings": {
+        "title": "Einstellungen"
+    },
+    "users": {
+        "title": "Benutzer"
+    },
+    "profile": {
+        "title": "Profil"
+    },
+    "emails": {
+        "title": "E-Mail"
+    },
+    "support": {
+        "title": "Support"
+    },
+    "eventlog": {
+        "title": "Ereignisprotokoll"
+    },
+    "domains": {
+        "title": "Domains & Zertifikate"
+    },
+    "notifications": {
+        "title": "Benachrichtigungen"
+    },
+    "system": {
+        "title": "Systeminformationen"
+    },
+    "backups": {
+        "title": "Datensicherung"
+    },
+    "appstore": {
+        "title": "App-Store"
     }
 }

src/translation/en.json

@@ -3,6 +3,49 @@
         "title": "My Apps"
     },
     "main": {
-        "offline": "Cloudron is offline. Reconnecting…"
+        "offline": "Cloudron is offline. Reconnecting…",
+        "logout": "Logout"
+    },
+    "appstore": {
+        "title": "App Store"
+    },
+    "users": {
+        "title": "Users"
+    },
+    "profile": {
+        "title": "Profile"
+    },
+    "backups": {
+        "title": "Backups"
+    },
+    "branding": {
+        "title": "Branding"
+    },
+    "emails": {
+        "title": "Email"
+    },
+    "network": {
+        "title": "Network"
+    },
+    "services": {
+        "title": "Services"
+    },
+    "settings": {
+        "title": "Settings"
+    },
+    "support": {
+        "title": "Support"
+    },
+    "system": {
+        "title": "System Info"
+    },
+    "eventlog": {
+        "title": "Event Log"
+    },
+    "domains": {
+        "title": "Domains & Certs"
+    },
+    "notifications": {
+        "title": "Notifications"
     }
 }

src/views/activity.html

@@ -1,7 +1,7 @@
 
 <div>
   <div class="col-md-10 col-md-offset-1">
-      <h1>Event Log</h1>
+      <h1>{{ 'eventlog.title' | tr }}</h1>
   </div>
 </div>
 

src/views/backups.html

@@ -328,7 +328,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Backups</h1>
+    <h1>{{ 'backups.title' | tr }}</h1>
   </div>
 
   <div class="text-left">

src/views/branding.html

@@ -28,7 +28,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Branding</h1>
+    <h1>{{ 'branding.title' | tr }}</h1>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">

src/views/domains.html

@@ -234,7 +234,7 @@
 
 <div class="content">
   <div class="text-left">
-    <h1>Domains <button class="btn btn-primary btn-outline pull-right" ng-click="domainAdd.show()"><i class="fa fa-plus"></i> Add Domain</button></h1>
+    <h1>{{ 'domains.title' | tr }} <button class="btn btn-primary btn-outline pull-right" ng-click="domainAdd.show()"><i class="fa fa-plus"></i> Add Domain</button></h1>
   </div>
 
   <div class="card card-large">

src/views/network.html

@@ -72,7 +72,7 @@
 
 <div class="content">
   <div class="text-left">
-    <h1>Network</h1>
+    <h1>{{ 'network.title' | tr }}</h1>
   </div>
 
   <div class="text-left">

src/views/notifications.html

@@ -19,7 +19,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Notifications <button class="btn btn-primary btn-outline pull-right" ng-click="notifications.clearAll()" ng-disabled="clearAllBusy"><i class="fa fa-circle-notch fa-spin" ng-show="clearAllBusy"></i><i class="fa fa-check" ng-hide="clearAllBusy"></i> Clear All</button></h1>
+    <h1>{{ 'notifications.title' | tr }} <button class="btn btn-primary btn-outline pull-right" ng-click="notifications.clearAll()" ng-disabled="clearAllBusy"><i class="fa fa-circle-notch fa-spin" ng-show="clearAllBusy"></i><i class="fa fa-check" ng-hide="clearAllBusy"></i> Clear All</button></h1>
   </div>
 
   <div class="col-lg-12 text-center" ng-show="notifications.busy">

src/views/profile.html

@@ -324,7 +324,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Profile</h1>
+    <h1>{{ 'profile.title' | tr }}</h1>
   </div>
 
   <div class="card">

src/views/services.html

@@ -49,7 +49,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Services</h1>
+    <h1>{{ 'services.title' | tr }}</h1>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">

src/views/settings.html

@@ -137,7 +137,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Settings</h1>
+    <h1>{{ 'settings.title' | tr }}</h1>
   </div>
 
   <div class="text-left" ng-show="user.isAtLeastOwner && !config.isDemo">

src/views/support.html

@@ -1,7 +1,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Support</h1>
+    <h1>{{ 'support.title' | tr }}</h1>
   </div>
 
   <div class="text-left">

src/views/system.html

@@ -21,7 +21,7 @@
 
   <div class="text-left">
     <h1>
-      System Info
+      {{ 'system.title' | tr }}
       <a class="btn btn-default pull-right" href="/logs.html?id=box" target="_blank">Show Logs</a>
       <button class="btn btn-default pull-right" ng-click="reboot.show()" ng-disabled="reboot.busy"><i class="fa fa-circle-notch fa-spin" ng-show="reboot.busy"></i> Reboot</button>
     </h1>

src/views/users.html

@@ -401,7 +401,7 @@
 
   <div class="text-left">
     <h2>
-      Users
+      {{ 'users.title' | tr }}
       <button class="btn btn-primary btn-outline pull-right" ng-click="useradd.show()">
         <i class="fa fa-user-plus"></i> New User
       </button>