stash

web/src/views/Ticket.vue

@@ -15,21 +15,25 @@
                                 Delete
                             </button-->
                             <div class="btn-group">
-                                <select class="form-control" v-model="ticket.assigned_to">
+                                <select class="form-control" v-model="selected_assignee">
                                     <option v-for="user in users" :value="user.username">{{ user.username }}</option>
                                 </select>
-                                <button class="form-control btn btn-success" @click="assignTicket(ticket)">
+                                <button class="form-control btn btn-success"
+                                        @click="assignTicket(ticket)"
+                                        :disabled="!selected_assignee || (selected_assignee == ticket.assigned_to)">
                                     Assign&nbsp;Ticket
                                 </button>
                             </div>
                             <div class="btn-group">
-                                <select class="form-control" v-model="ticket.state">
+                                <select class="form-control" v-model="selected_state">
                                     <option v-for="status in state_options" :value="status.value">{{
                                             status.text
                                         }}
                                     </option>
                                 </select>
-                                <button class="form-control btn btn-success" @click="changeTicketStatus(ticket)">
+                                <button class="form-control btn btn-success"
+                                        @click="changeTicketStatus(ticket)"
+                                        :disabled="(selected_state == ticket.state)">
                                     Change&nbsp;Status
                                 </button>
                             </div>
@@ -70,7 +74,19 @@ export default {
     components: {AsyncLoader, ClipboardButton, Timeline},
     data() {
         return {
-            shipping_voucher_type: null
+            selected_state: null,
+            selected_assignee: null,
+            shipping_voucher_type: null,
+        }
+    },
+    watch: {
+        ticket(val) {
+            if (this.selected_state == null) {
+                this.selected_state = val.state;
+            }
+            if (this.selected_assignee == null) {
+                this.selected_assignee = val.assigned_to
+            }
         }
     },
     computed: {
@@ -103,15 +119,17 @@ export default {
             })
         },
         changeTicketStatus(ticket) {
+            ticket.state = this.selected_state;
             this.updateTicketPartial({
                 id: ticket.id,
-                state: ticket.state
+                state: this.selected_state,
             })
         },
         assignTicket(ticket) {
+            ticket.assigned_to = this.selected_assignee;
             this.updateTicketPartial({
                 id: ticket.id,
-                assigned_to: ticket.assigned_to
+                assigned_to: this.selected_assignee
             })
         },
     },