Update language json structure

Restructure language file to use consistent pattern
across pages following loose guidelines.

- Create buckets for common global labels
- Create common component objects–appHeader, appNavigation,
  appPageTitle
- Page specific labels should be nested in an object with a
  key prefixed with 'page' followed by the page title
- Any 'major' child components should be nested inside page
  specific objects
- Avoid any complex linked locale messages
- Alphabetize object keys, alphabetize nested properties at
  end of object block

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ie4222b3ce24dec7af31b55b5a77425ca2f492789

1 files changed, 11 insertions, 11 deletions

diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index d4fde8cb..10ebb930 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -17,12 +17,12 @@
           <b-form class="login-form" novalidate @submit.prevent="login">
             <b-alert class="login-error" :show="authError" variant="danger">
               <p id="login-error-alert">
-                <strong>{{ $t('login.errorMsg.title') }}</strong>
-                <span>{{ $t('login.errorMsg.action') }}</span>
+                <strong>{{ $t('pageLogin.alert.title') }}</strong>
+                <span>{{ $t('pageLogin.alert.action') }}</span>
               </p>
             </b-alert>
             <div class="login-form__section">
-              <label for="language">{{ $t('login.language.label') }}</label>
+              <label for="language">{{ $t('pageLogin.language') }}</label>
               <b-form-select
                 id="language"
                 v-model="$i18n.locale"
@@ -30,7 +30,7 @@
               ></b-form-select>
             </div>
             <div class="login-form__section">
-              <label for="username">{{ $t('login.username.label') }}</label>
+              <label for="username">{{ $t('pageLogin.username') }}</label>
               <b-form-input
                 id="username"
                 v-model="userInfo.username"
@@ -43,12 +43,12 @@
               </b-form-input>
               <b-form-invalid-feedback role="alert">
                 <template v-if="!$v.userInfo.username.required">
-                  {{ $t('login.username.validator') }}
+                  {{ $t('global.form.fieldRequired') }}
                 </template>
               </b-form-invalid-feedback>
             </div>
             <div class="login-form__section">
-              <label for="password">{{ $t('login.password.label') }}</label>
+              <label for="password">{{ $t('pageLogin.password') }}</label>
               <b-form-input
                 id="password"
                 v-model="userInfo.password"
@@ -60,7 +60,7 @@
               </b-form-input>
               <b-form-invalid-feedback role="alert">
                 <template v-if="!$v.userInfo.password.required">
-                  {{ $t('login.password.validator') }}
+                  {{ $t('global.form.fieldRequired') }}
                 </template>
               </b-form-invalid-feedback>
             </div>
@@ -70,7 +70,7 @@
               type="submit"
               variant="primary"
               :disabled="disableSubmitButton"
-              >{{ $t('login.logIn.label') }}</b-button
+              >{{ $t('pageLogin.logIn') }}</b-button
             >
           </b-form>
         </b-col>
@@ -94,14 +94,14 @@ export default {
       },
       disableSubmitButton: false,
       languages: [
-        { value: null, text: this.$t('login.languages.select') },
+        { value: null, text: this.$t('global.form.selectAnOption') },
         {
           value: 'en',
-          text: this.$t('login.languages.english')
+          text: this.$t('pageLogin.form.english')
         },
         {
           value: 'es',
-          text: this.$t('login.languages.spanish')
+          text: this.$t('pageLogin.form.spanish')
         }
       ]
     };