locales: Add internationalization for the login, projects top bar, documentation and report errors (#494)

* Translate portal login
* Footer and header and more
* Internationalize header projects view
* Revert instance groups changes from this PR

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>

ui/src/components/header/ProjectMenu.vue

@@ -19,9 +19,9 @@
   <span class="header-notice-opener">
     <a-select
       class="project-select"
-      defaultValue="Default View"
+      :defaultValue="$t('label.default.view')"
       :loading="loading"
-      :value="($store.getters.project && 'id' in $store.getters.project) ? ($store.getters.project.displaytext || $store.getters.project.name) : 'Default View'"
+      :value="($store.getters.project && 'id' in $store.getters.project) ? ($store.getters.project.displaytext || $store.getters.project.name) : $t('label.default.view')"
       :disabled="isDisabled()"
       :filterOption="filterProject"
       @change="changeProject"
@@ -70,7 +70,7 @@ export default {
         this.loading = true
         api('listProjects', { listAll: true, details: 'min', page: page, pageSize: 500 }).then(json => {
           if (page === 1) {
-            this.projects = [{ name: 'Default View' }]
+            this.projects = [{ name: this.$t('label.default.view') }]
           }
           if (json && json.listprojectsresponse && json.listprojectsresponse.project) {
             this.projects.push(...json.listprojectsresponse.project)

ui/src/components/page/GlobalFooter.vue

@@ -27,7 +27,7 @@
       <a-divider type="vertical" />
       <a href="https://github.com/apache/cloudstack-primate/issues/new/choose" target="_blank">
         <a-icon type="github"/>
-        Report Bug
+        {{ $t('label.report.bug') }}
       </a>
     </div>
   </div>

ui/src/components/widgets/Breadcrumb.vue

@@ -34,7 +34,7 @@
       <span v-if="index === (breadList.length - 1)" style="margin-left: 5px">
         <a-tooltip placement="bottom">
           <template slot="title">
-            {{ "Open Documentation" }}
+            {{ $t('label.open.documentation') }}
           </template>
           <a
             v-if="item.meta.docHelp"

ui/src/locales/en.json

@@ -1155,6 +1155,7 @@
 "label.localstorageenabled": "Enable local storage for User VMs",
 "label.localstorageenabledforsystemvm": "Enable local storage for System VMs",
 "label.login": "Login",
+"label.login.portal": "Portal Login",
 "label.logout": "Logout",
 "label.lun": "LUN",
 "label.lun.number": "LUN #",
@@ -1383,6 +1384,7 @@
 "label.offerha": "Offer HA",
 "label.offeringtype": "Compute Offering Type",
 "label.ok": "OK",
+"label.open.documentation": "Open Documentation",
 "label.opendaylight": "OpenDaylight",
 "label.opendaylight.controller": "OpenDaylight Controller",
 "label.opendaylight.controllerdetail": "OpenDaylight Controller Details",
@@ -1631,6 +1633,7 @@
 "label.removing.user": "Removing User",
 "label.replace.acl": "Replace ACL",
 "label.replace.acl.list": "Replace ACL List",
+"label.report.bug": "Report Bug",
 "label.required": "Required",
 "label.requireshvm": "HVM",
 "label.requiresupgrade": "Requires Upgrade",

ui/src/locales/es.json

@@ -1004,7 +1004,8 @@
 "label.local.storage.enabled.system.vms": "Habilitar almacenamiento local para MVs de Sistema",
 "label.localstorageenabled": "Habilitar almacenamiento local para MVs de Usuarios",
 "label.localstorageenabledforsystemvm": "Habilitar almacenamiento local para MVs de Sistema",
-"label.login": "Login",
+"label.login": "Iniciar sesi\u00f3n",
+"label.login.portal": "Iniciar sesi\u00f3n",
 "label.logout": "Cerrar sesi\u00f3n",
 "label.lun": "LUN",
 "label.lun.number": "LUN #",
@@ -1197,6 +1198,7 @@
 "label.of.month": "del mes",
 "label.offerha": "Oferta HA",
 "label.ok": "Aceptar",
+"label.open.documentation": "Abrir Documentaci\u00f3n",
 "label.opendaylight": "OpenDaylight",
 "label.opendaylight.controller": "Controlador OpenDaylight",
 "label.opendaylight.controllerdetail": "Detalles del Controlador OpenDaylight",
@@ -1409,6 +1411,7 @@
 "label.removing.user": "Quitando usuario",
 "label.replace.acl": "Reemplazar ACL",
 "label.replace.acl.list": "Reemplazar Lista ACL",
+"label.report.bug": "Reportar un Error",
 "label.required": "Requerido",
 "label.requireshvm": "HVM",
 "label.requiresupgrade": "Requiere Actualizaci\u00f3n",

ui/src/views/auth/Login.vue

@@ -33,7 +33,7 @@
       <a-tab-pane key="cs">
         <span slot="tab">
           <a-icon type="safety" />
-          Portal {{ $t('label.login') }}
+          {{ $t('label.login.portal') }}
         </span>
         <a-form-item>
           <a-input