created staging banner

Author: LDFOUR\luisd

resources/assets/js/layouts/app.vue

@@ -11,6 +11,7 @@
         </main>
       </b-row>
     </b-container>
+    <div v-if="showEnvBanner" class="environment-banner-container"><div class="environment-banner">{{ $t('app.staging_banner') }}</div></div>
   </div>
 </template>
 
@@ -27,7 +28,8 @@ export default {
   data () {
     return {
       collapseSidebar: false,
-      permissions: permissionsList
+      permissions: permissionsList,
+      showEnvBanner: window?.config?.appEnv === 'testing'
     }
   },
   components: {
@@ -52,3 +54,22 @@ export default {
   }
 }
 </script>
+
+<style>
+.environment-banner-container {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 9999;
+}
+
+.environment-banner {
+  background-color: #FF8000;
+  color: #fff;
+  padding: 10px;
+  text-align: center;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+</style>

resources/lang/en.json

@@ -65,6 +65,9 @@
     "title": "No Internet Connection",
     "description": "Please save changes within {time} or progress will be lost"
   },
+  "app": {
+    "staging_banner": "Staging Site"
+  },
   "breadcrumbs": {
     "applications": "Applications",
     "admin_users": "Admin Users",
@@ -468,7 +471,7 @@
       "title": "Messages",
       "set_attribution": "Set society name and attribution message to publish",
       "whatnow": "IFRC National Society Preparedness Messages",
-      "empty": "There are not messages for this National Society in this language",
+      "empty": "There are no messages for this National Society in this language",
       "steps": "Steps",
       "publish": "Publish",
       "no_publish": "Nothing to publish",
@@ -846,7 +849,7 @@
   "register_form": {
     "heading_1": "Create your free ",
     "heading_2": "IFRC ",
-    "heading_3": "IFRC National Society Preparedness Messages",
+    "heading_3": "National Society Preparedness Messages",
     "subtitle_1": "Help communities prepare for and respond to local hazards with Red Cross Red Crescent actionable safety messages.",
     "subtitle_2": "If you want to access with the API, sign up and share the messages with the 3 step guide.",
     "subtitle_3": "If you are a Red Cross Red Crescent National Society, sign up and you will receive instructions on how to adapt and share your safety messages.",

resources/views/scripts.blade.php

@@ -2,6 +2,7 @@
 @php
 $config = [
     'appName' => config('app.name'),
+    'appEnv' => config('app.env'),
     'locale' => $locale = app()->getLocale(),
     'locales' => config('app.locales'),
     'translations' => json_decode(file_get_contents(resource_path("lang/{$locale}.json")), true),
@@ -62,4 +63,4 @@
   <script src="{{ mix('js/manifest.js') }}"></script>
   <script src="{{ mix('js/vendor.js') }}"></script>
   <script src="{{ mix('js/app.js') }}"></script>
-@endif
+@endif