From 53d39608b8a63ff23a768439b92f1724ca67ae61 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 28 Oct 2020 11:42:17 +0100
Subject: [PATCH] Change to lowercase and scoped translation keys

---
 src/index.html          | 2 +-
 src/translation/de.json | 7 ++++++-
 src/translation/en.json | 8 ++++++--
 src/views/apps.html     | 2 +-
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/index.html b/src/index.html
index 29f0b6262..796dc704a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -105,7 +105,7 @@
         </div>
     </script>
 
-    <a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://docs.cloudron.io/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> Cloudron is offline. Reconnecting...</a>
+    <a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://docs.cloudron.io/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> {{ 'main.offline' | translate }}</a>
 
     <div class="animateMe ng-hide layout-root" ng-show="initialized">
 
diff --git a/src/translation/de.json b/src/translation/de.json
index 851861808..f803ebd4c 100644
--- a/src/translation/de.json
+++ b/src/translation/de.json
@@ -1,3 +1,8 @@
 {
-    "MY_APPS": "Meine Apps"
+    "apps": {
+        "title": "Meine Apps"
+    },
+    "main": {
+        "offline": "Cloudron ist nicht erreichbar. Verbindungsaufbau…"
+    }
 }
diff --git a/src/translation/en.json b/src/translation/en.json
index 5c538d456..bb4ab2b50 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -1,4 +1,8 @@
 {
-    "MY_APPS": "My Apps",
-    "CLOUDRON_OFFLINE": "Cloudron is offline. Reconnecting…"
+    "apps": {
+        "title": "My Apps"
+    },
+    "main": {
+        "offline": "Cloudron is offline. Reconnecting…"
+    }
 }
diff --git a/src/views/apps.html b/src/views/apps.html
index 525138866..1e675a81b 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -112,7 +112,7 @@
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
       <h1 class="view-header">
-        {{ 'MY_APPS' | translate }}
+        {{ 'apps.title' | translate }}
         <div class="pull-right">
           <form class="form-inline">
             <input type="text" class="form-control" ng-show="installedApps.length > 8" placeholder="Search Apps" id="appSearch" ng-model="appSearch"/>