Add rerun to ticket action (#68)

Author: dispensable

frontend/src/components/DynamicForm.vue

@@ -22,13 +22,16 @@ export default {
   components: {AFormItem, NumberInput, TextInput, SelectInput, CheckBoxInput},
   props: ['schema', 'value'],
   data () {
-    return {
-      formData: this.value || {}
+    return {}
+  },
+  computed: {
+    formData: function () {
+      return this.value || {}
     }
   },
   methods: {
-    updateForm (fieldName, value) {
-      this.$set(this.formData, fieldName, value)
+    updateForm (fieldName, v) {
+      this.$set(this.formData, fieldName, v)
       this.$emit('input', this.formData)
     }
   }

frontend/src/components/FormWidgets/SelectInput.vue

@@ -34,6 +34,13 @@ export default {
       selectedValues: []
     }
   },
+  watch: {
+    value: function () {
+      if (this.selectedValues.join(',') != this.value) {
+        this.selectedValues = this.value.split(',')
+      }
+    }
+  },
   methods: {
     handleInput (event) {
       let realValue = event.join()

frontend/src/components/HForm.vue

@@ -20,6 +20,7 @@
         @submit="handleSubmit">
           <dynamic-form
             :schema="schema"
+            :value="formData"
             @input="handleInput">
           </dynamic-form>
           <a-form-item
@@ -131,6 +132,38 @@ export default {
       HRequest.get('/api/action/' + this.actionName).then(
         (response) => this.formDefinitionHandler(response)
       )
+
+      const queryParams = this.$route.query
+      if (queryParams.backfill && Number(queryParams.backfill) > 0) {
+        const notificationTitle = "Rerun ticket " + queryParams.backfill + " error"
+        HRequest.get('/api/ticket/' + queryParams.backfill).then(
+          (response) => {
+            const ticketsLen = response.data.data.tickets.length
+            if (ticketsLen == 1) {
+              const isTheSameAction = this.$route.path.endsWith(response.data.data.tickets[0].provider_object)
+              const ticket = response.data.data.tickets[0]
+              if (isTheSameAction) {
+                this.handleInput(ticket.params)
+              } else {
+                this.errorAsNotification(
+                  notificationTitle,
+                  "The backfill ticket should be the same action ticket, but ticket " + queryParams.backfill + "'s action was: " + ticket.provider_object
+                )
+              }
+            } else {
+              this.errorAsNotification(
+                "Rerun ticket " + queryParams.backfill + " error",
+                "Expect exactly 1 ticket info but got " + ticketsLen + "item(s)"
+              )
+            }
+          }
+        ).catch((error) => {
+          this.errorAsNotification(
+            notificationTitle,
+            error.response.data.data.description
+          )
+        })
+      }
     },
     resetForm () {
       this.form.resetFields()
@@ -223,7 +256,16 @@ export default {
     },
     gotoTicketDetail () {
       this.$router.push({ name: 'HTicketDetail', params: { id: this.submitResponse.ticket.id }})
-    }
+    },
+    errorAsNotification (title, rawMsg) {
+      const msg = rawMsg.length > 300 ? rawMsg.slice(0, 300) + '... ' : rawMsg
+      this.$notification.title = rawMsg
+      this.$notification.open({
+        message: title,
+        description: msg,
+        duration: 0
+      })
+    },
   },
 
   mounted () {

frontend/src/components/HTicketDetail.vue

@@ -86,6 +86,7 @@
           <a-button @click="onApprove" type="primary">Approve</a-button>
         </a-button-group>
         <a-button v-show="showResultButton" :style="{ marginLeft: '16px' }" @click="toggleResult">{{resultButtonText}}</a-button>
+        <a-button v-show="showResultButton" :style="{ marginLeft: '5px' }" @click="rerunTicket">Rerun</a-button>
         <a-button v-show="resultVisible" :style="{ marginLeft: '5px' }" @click="loadTResult">Refresh</a-button>
 
         <a-switch v-show="resultVisible" :style="{ marginLeft: '5px' }" 
@@ -288,6 +289,9 @@ export default {
       this.loadTickets()
       this.$refs.ticketResult.loadResult(callback)
     },
+    rerunTicket () {
+      this.$router.push({ name: 'FormView', params: { name: this.ticketInfo.provider_object }, query: { backfill: this.ticketInfo.id }})
+    },
     isTicketEndStatus() {
       const ticketStatus = this.ticketInfo.status
       return (ticketStatus 

frontend/src/components/HTicketList.vue

@@ -52,6 +52,8 @@
         </span>
 
         <a :href="record.url">detail</a>
+        <a-divider type="vertical" />
+        <router-link :to="{ name: 'FormView', params: { name: record.provider_object }, query: { backfill: record.id }}">rerun</router-link>
         </span>
     </a-table>
     <a-modal