Feat: add doc preview in Resume List

app/components/content/resume/list.vue

@@ -18,6 +18,7 @@ import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
 import Confirmation from '~/components/pub/my-ui/confirmation/confirmation.vue'
 import type { ExposedForm } from '~/types/form'
 import { VerificationSchema } from '~/schemas/verification.schema'
+import DocPreviewDialog from '~/components/pub/my-ui/modal/doc-preview-dialog.vue'
 
 // #endregion
 
@@ -41,6 +42,7 @@ const refSearchNav: RefSearchNav = {
 
 const verificationInputForm = ref<ExposedForm<any> | null>(null)
 const isVerifyDialogOpen = ref(false)
+const isDocPreviewDialogOpen = ref(false)
 const isRecordConfirmationOpen = ref(false)
 const summaryLoading = ref(false)
 
@@ -152,7 +154,7 @@ watch([recId, recAction], () => {
       isRecordConfirmationOpen.value = true
       break
     case ActionEvents.showPrint:
-      navigateTo('https://google.com', {external: true,open: { target: "_blank" },});
+      isDocPreviewDialogOpen.value = true
       break
   }
 })
@@ -179,6 +181,10 @@ watch([recId, recAction], () => {
       <Action v-show="isCaptchaValid" :enable-draft="false" @click="handleActionClick" />
     </div>
   </Dialog>
+
+  <Dialog v-model:open="isDocPreviewDialogOpen" title="Preview Dokumen" size="2xl">
+    <DocPreviewDialog :link="`https://www.antennahouse.com/hubfs/xsl-fo-sample/pdf/basic-link-1.pdf`" />
+  </Dialog>
   
   <Confirmation
     v-model:open="isRecordConfirmationOpen"