Changes

resources/js/Pages/Cases/Show.vue

@@ -15,6 +15,7 @@ import { classifyDocument } from "@/Services/documents";
 import { router } from '@inertiajs/vue3';
 import { AngleDownIcon, AngleUpIcon } from "@/Utilities/Icons";
 import Pagination from "@/Components/Pagination.vue";
+import ConfirmDialog from "@/Components/ConfirmDialog.vue";
 
 const props = defineProps({
   client: Object,
@@ -49,22 +50,42 @@ const openViewer = (doc) => {
 };
 const closeViewer = () => { viewer.value.open = false; viewer.value.src = ''; };
 
-const clientDetails = ref(true);
+const clientDetails = ref(false);
 
-//Drawer add new contract
+// Contract drawer (create/edit)
 const drawerCreateContract = ref(false);
-
+const contractEditing = ref(null);
 const openDrawerCreateContract = () => {
+  contractEditing.value = null;
+  drawerCreateContract.value = true;
+};
+const openDrawerEditContract = (c) => {
+  contractEditing.value = c;
   drawerCreateContract.value = true;
 };
 
 //Drawer add new activity
 const drawerAddActivity = ref(false);
+const activityContractUuid = ref(null);
 
-const openDrawerAddActivity = () => {
+const openDrawerAddActivity = (c = null) => {
+  activityContractUuid.value = c?.uuid ?? null;
   drawerAddActivity.value = true;
 };
 
+// delete confirmation
+const confirmDelete = ref({ show: false, contract: null })
+const requestDeleteContract = (c) => { confirmDelete.value = { show: true, contract: c } }
+const closeConfirmDelete = () => { confirmDelete.value.show = false; confirmDelete.value.contract = null }
+const doDeleteContract = () => {
+  const c = confirmDelete.value.contract
+  if (!c) return closeConfirmDelete()
+  router.delete(route('clientCase.contract.delete', { client_case: props.client_case.uuid, uuid: c.uuid }), {
+    preserveScroll: true,
+    onFinish: () => closeConfirmDelete(),
+  })
+}
+
 //Close drawer (all)
 const closeDrawer = () => {
   drawerCreateContract.value = false;
@@ -154,34 +175,15 @@ const hideClietnDetails = () => {
               :client_case="client_case"
               :contracts="contracts"
               :contract_types="contract_types"
+              @edit="openDrawerEditContract"
+              @delete="requestDeleteContract"
+              @add-activity="openDrawerAddActivity"
             />
           </div>
         </div>
       </div>
     </div>
-    <!-- Documents section -->
-    <div class="pt-12">
-      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg border-l-4">
-          <div class="mx-auto max-w-4x1">
-            <div class="flex justify-between p-4">
-              <SectionTitle>
-                <template #title>Dokumenti</template>
-              </SectionTitle>
-              <FwbButton @click="openUpload">Dodaj</FwbButton>
-            </div>
-            <DocumentsTable :documents="documents" @view="openViewer" />
-          </div>
-        </div>
-      </div>
-    </div>
-    <DocumentUploadDialog
-      :show="showUpload"
-      @close="closeUpload"
-      @uploaded="onUploaded"
-      :post-url="route('clientCase.document.store', client_case)"
-    />
-    <DocumentViewerDialog :show="viewer.open" :src="viewer.src" :title="viewer.title" @close="closeViewer" />
+    
     <div class="pt-12 pb-6">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg border-l-4">
@@ -199,17 +201,55 @@ const hideClietnDetails = () => {
         </div>
       </div>
     </div>
+    <!-- Documents section -->
+    <div class="pt-12">
+      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg border-l-4">
+          <div class="mx-auto max-w-4x1">
+            <div class="flex justify-between p-4">
+              <SectionTitle>
+                <template #title>Dokumenti</template>
+              </SectionTitle>
+              <FwbButton @click="openUpload">Dodaj</FwbButton>
+            </div>
+            <DocumentsTable
+              :documents="documents"
+              @view="openViewer"
+              :download-url-builder="doc => route('clientCase.document.download', { client_case: client_case.uuid, document: doc.uuid })"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <DocumentUploadDialog
+      :show="showUpload"
+      @close="closeUpload"
+      @uploaded="onUploaded"
+      :post-url="route('clientCase.document.store', client_case)"
+    />
+    <DocumentViewerDialog :show="viewer.open" :src="viewer.src" :title="viewer.title" @close="closeViewer" />
   </AppLayout>
   <ContractDrawer
     :show="drawerCreateContract"
     @close="closeDrawer"
     :types="contract_types"
     :client_case="client_case"
+    :contract="contractEditing"
   />
   <ActivityDrawer
     :show="drawerAddActivity"
     @close="closeDrawer"
     :client_case="client_case"
     :actions="actions"
+    :contract-uuid="activityContractUuid"
+  />
+  <ConfirmDialog
+    :show="confirmDelete.show"
+    title="Izbriši pogodbo"
+    message="Ali ste prepričani, da želite izbrisati pogodbo?"
+    confirm-text="Izbriši"
+    :danger="true"
+    @close="closeConfirmDelete"
+    @confirm="doDeleteContract"
   />
 </template>