-Delete Modal Action (Unity)

resources/js/user/pages/entities/Table.vue

@@ -62,6 +62,14 @@
                 >
                   <i class="fa fa-edit"></i>
               </router-link>
+              <button
+                  v-if="permission_list.includes('edit contract')"
+                  class="btn btn-xs btn-light" 
+                  tag="button"
+                  @click="entityDeleteModalToggle(contract)"
+                >
+                  <i class="fa fa-trash"></i>
+                </button>
             </td>
           </tr>
           <tr v-if="!entity_list.data || !entity_list.data[0]">
@@ -87,17 +95,23 @@
         </tfoot>
       </table>
     </b-card>
+    <entity-delete-modal
+        :selected_entity="selected_entity"
+        @refresh="getContractTemplateList()"
+      ></entity-delete-modal>
   </div>
 </template>
 
 <script>
   import ContractTemplateFilter from "./Filter";
   import PaginateNav from '../../components/paginations/NextPerviousPagination';
+  import EntityDeleteModal from './DeleteModal';
 
   export default {
     components: {
       ContractTemplateFilter,
-      PaginateNav
+      PaginateNav,
+      EntityDeleteModal
     },
     data() {
       return {
@@ -110,6 +124,7 @@
         filter_status: false,
         loading: true,
         entity_list: [],
+        selected_entity:{},
         permission_list: []
       }
     },
@@ -169,7 +184,14 @@
         let vm = this;
         vm.form.reset();
         vm.filterSubmit();
-      }
+      },
+      entityDeleteModalToggle(selected_entity) {
+        console.log("entityDeleteModalToggle",selected_entity);
+        let vm = this;
+        vm.selected_entity = selected_entity;
+        console.log("entityDeleteModalToggle - vm.this_entity",vm.selected_entity);
+        vm.$bvModal.show('entity-delete-modal');
+      },
     },
     mounted() {
       let vm = this;