unity/resources/js/user/pages/contracts/DeleteModal.vue

<template>
  <div>
    <b-modal :id="'contract-delete-modal'" size="lg" scrollable>
      <template v-slot:modal-title>
        <h4 class="modal-title">Contract Delete</h4>
      </template>
      <p class="text-center">
        Are you sure want to delete?
      </p>
      <template v-slot:modal-footer>
            
          <form  @submit.prevent="onSubmit">
            <v-btn
            :loading="loading"
            :disabled="loading"
            color="primary"
            class="white--text"
            @click="onCancel"
            >
              Cancel
            </v-btn>
            <v-btn
            :loading="loading"
            :disabled="loading"
            type="submit"
            color="primary"
            class="white--text"
            @click="loader = 'loading'"
            >
              Submit
            </v-btn>
          </form>     
        </template>
    </b-modal>
  </div>
</template>
<script type="text/javascript">
  

  export default {
    props: {
      selected_contract: Object,
    },
    components: {
      
    },
    data() {
        let vm = this;
        return {
          form: new Form({
            contract_id: ''
          }),
          loader: null,
          loading: false
        }
    },
    methods: {
      getExistDataList() {
        let vm = this;
      },
      resetData() {
        let vm = this;
        vm.form.entity_id = '';
        vm.loader = null;
        vm.loading = false;
      },
      onCancel(){
        let vm = this;
        vm.$bvModal.hide('contract-delete-modal');
      },
      onSubmit() {
        let vm = this;
        vm.form.contract_id = vm.selected_contract.hash_id;
        
        const l = vm.loader
        vm[l] = !vm[l];
        let method = 'delete';
        let url = 'contract/delete/' + vm.selected_contract.hash_id;
        General.onComplete(url, vm.form, method, true)
        .then(data => {
          vm[l] = false
          vm.loader = null;
          vm.$bvModal.hide('contract-delete-modal');
          vm.$emit('refresh');
          General.toastedMessage('edit', 'Contract', data.data.hash_id);
        })
        .catch(function (error) {
            vm[l] = false
            vm.loader = null;
        });
        
      },
    }
  }
</script>