ayanova/src/components/work-order-header.vue

@@ -35,6 +35,7 @@
           v-model="value.customerId"
           :readonly="formState.readOnly"
           :label="$ay.t('Customer')"
+          :can-clear="false"
           ref="customerId"
           data-cy="customerId"
           :rules="[form().required(this, 'customerId')]"

ayanova/src/components/work-order-state.vue

@@ -1,20 +1,27 @@
 <template>
   <div>
-    <span class="text-caption">{{ $ay.t("WorkOrderStatus") }}</span>
+    <div class="mb-n2 ml-10">
+      <span class="text-caption">{{ $ay.t("WorkOrderStatus") }}</span>
+    </div>
 
     <template v-if="hasState">
-      <br />
-      <span class="text-h6">{{ pvm.currentState.name }}</span>
-      <v-icon :color="pvm.currentState.color" class="ml-4">$ayiFlag</v-icon>
-      <v-icon color="primary" v-if="pvm.currentState.locked" class="ml-4"
-        >$ayiLock</v-icon
-      >
-      <v-icon color="primary" v-if="pvm.currentState.completed" class="ml-4"
-        >$ayiCheckCircle</v-icon
-      >
+      <div>
+        <v-btn icon class="ml-n1 mr-2">
+          <v-icon>{{ openIcon() }}</v-icon>
+        </v-btn>
+
+        <span class="text-h6">{{ pvm.currentState.name }}</span>
+        <v-icon :color="pvm.currentState.color" class="ml-4">$ayiFlag</v-icon>
+        <v-icon color="primary" v-if="pvm.currentState.locked" class="ml-4"
+          >$ayiLock</v-icon
+        >
+        <v-icon color="primary" v-if="pvm.currentState.completed" class="ml-4"
+          >$ayiCheckCircle</v-icon
+        >
+      </div>
     </template>
 
-    <template v-if="canAdd">
+    <!-- <template v-if="canAdd">
       <div>
         <v-autocomplete
           v-model="selectedStatus"
@@ -56,9 +63,13 @@
           </template>
         </v-autocomplete>
       </div>
-    </template>
+    </template> -->
 
     <!-- 
+      fixup status control 
+		status control should require click to open dialog which shows list of all status prior and allows to add then close to view
+		this way it's clear how to change, less confusing than now and easy to get at the list
+
     todo: reduce vertical, end confusion, hide combo and instead make it a popup dialog to select so it's clear something funky is happening
         maybe, it's the same dialog as the view history dialog, just put an edit symbol button after the current state and that opens the whole shitteree
     todo: view state historya button to show more info which pops up a dialog showing the entire state history in a data table 
@@ -122,6 +133,12 @@ export default {
     form() {
       return window.$gz.form;
     },
+    openIcon: function() {
+      if (this.canAdd) {
+        return "$ayiEdit";
+      }
+      return "$ayiHistory";
+    },
     fieldValueChanged(ref) {
       if (!this.pvm.formState.loading && !this.pvm.formState.readonly) {
         window.$gz.form.fieldValueChanged(this.pvm, ref);