ayanova/src/views/ops-server-state.vue

@@ -6,7 +6,11 @@
           <v-row>
             <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <v-col cols="12" sm="6" lg="4" xl="3">
-              <v-radio-group v-model="obj.serverState" :mandatory="true">
+              <v-radio-group
+                v-model="obj.serverState"
+                :mandatory="true"
+                :readonly="formState.readOnly"
+              >
                 <v-radio
                   :label="$ay.t('ServerStateOpen')"
                   value="Open"
@@ -17,6 +21,19 @@
                 ></v-radio>
               </v-radio-group>
             </v-col>
+            <v-col cols="12">
+              <v-textarea
+                v-model="obj.reason"
+                :readonly="formState.readOnly"
+                :label="$ay.t('ServerStateReason')"
+                :error-messages="form().serverErrors(this, 'reason')"
+                ref="reason"
+                :data-cy="!!$ay.dev ? 'reason' : false"
+                @input="fieldValueChanged('reason')"
+                auto-grow
+                clearable
+              ></v-textarea>
+            </v-col>
           </v-row>
         </v-form>
       </v-col>
@@ -158,9 +175,7 @@ export default {
       let vm = this;
       if (vm.canSave) {
         vm.formState.loading = true;
-
-        //always submit from this form for the current logged in user id
-        let url = API_BASE_URL + vm.$store.state.userId;
+        let url = API_BASE_URL;
 
         //clear any errors vm might be around from previous submit
         window.$gz.form.deleteAllErrorBoxErrors(vm);
@@ -284,6 +299,10 @@ function initForm(vm) {
 // Ensures UI translated text is available
 //
 function fetchTranslatedText(vm) {
-  return window.$gz.translation.fetch(["ServerStateOpen", "ServerStateOps"]);
+  return window.$gz.translation.fetch([
+    "ServerStateOpen",
+    "ServerStateOps",
+    "ServerStateReason"
+  ]);
 }
 </script>