Use dinamyc labels-messages

src/auth/RestorePage.vue

@@ -6,8 +6,8 @@
         <div v-if="!configs"><img :src="loadingImgSrc" /></div>
 
         <div v-else-if="!configs.isInRestoringStatus" class="alert alert-info">
-            Restore already started or not applicable.<hr/>
-            <a href="/">Back to my bubble</a>
+            {{ messages.message_restore_not_applicable }}<hr/>
+            <a href="/">{{ messages.message_back_to_root }}</a>
         </div>
 
         <div v-else>
@@ -16,7 +16,9 @@
                     <label htmlFor="restoreShortKey">{{messages.field_label_restore_short_key}}</label>
                     <input type="text" v-model="restoreShortKey" name="restoreShortKey" class="form-control"
                         :class="{ 'is-invalid': submitted && !restoreShortKey }" />
-                    <div v-show="submitted && !restoreShortKey" class="invalid-feedback">Required</div>
+                    <div v-show="submitted && !restoreShortKey" class="invalid-feedback">
+                        {{ messages.err_restoreShortKey_required }}
+                    </div>
                     <div v-if="submitted && errors.has('restoreShortKey')" class="invalid-feedback d-block">
                         {{ errors.first('restoreShortKey') }}
                     </div>
@@ -26,7 +28,9 @@
                     <label htmlFor="restoreLongNetworkKey">{{messages.field_label_restore_long_key}}</label>
                     <textarea v-model="restoreLongNetworkKey" name="restoreLongNetworkKey" class="form-control"
                                 :class="{ 'is-invalid': submitted && !restoreLongNetworkKey }" />
-                    <div v-show="submitted && !restoreLongNetworkKey" class="invalid-feedback">Required</div>
+                    <div v-show="submitted && !restoreLongNetworkKey" class="invalid-feedback">
+                        {{ messages.err_restoreLongNetworkKey_required }}
+                    </div>
                     <div v-if="submitted && errors.has('restoreLongNetworkKey')" class="invalid-feedback d-block">
                         {{ errors.first('restoreLongNetworkKey') }}
                     </div>
@@ -36,6 +40,9 @@
                     <label htmlFor="password">{{messages.field_label_password}}</label>
                     <input type="password" v-model="password" name="password" class="form-control"
                             :class="{ 'is-invalid': submitted && !password }" />
+                    <div v-show="submitted && !password" class="invalid-feedback">
+                        {{ messages.err_password_required }}
+                    </div>
                     <div v-if="submitted && errors.has('password')" class="invalid-feedback d-block">
                         {{ errors.first('password') }}
                     </div>