contract obligation contract dependency generate

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

@@ -36,6 +36,7 @@
           <tr>
               <th>#</th>
               <th style="width: 25%">Details</th>
+              <th>Obligation Template</th>
               <th>Status</th>
               <th>Created</th>
               <th>Actions</th>
@@ -48,6 +49,14 @@
               <div><b>Name</b>: {{ contract.name }}</div>
               <div><b>Complete Day Range</b>: {{ contract.complete_day_range }}</div>
             </td>
+            <td>
+              <div v-if="contract.contract_obligation_list" v-for="(obligation, $index) in contract.contract_obligation_list" :key="$index">
+                <div>-{{ obligation.name }} <small>({{ obligation.sequence }})</small></div>
+              </div>
+              <div v-if="!contract.contract_obligation_list[0]">
+                -
+              </div>
+            </td>
             <td>
                 <span :class="'badge badge-' + contract.status[0].color">{{ contract.status[0].name }}</span>
             </td>
@@ -107,7 +116,7 @@
             status: General.returnAray(General.getURLParam('status[]')),
             page: General.getURLParam('page')
         }),
-        colspan: 7,
+        colspan: 6,
         filter_status: false,
         loading: true,
         contract_list: [],