feat: credit note (#171)

* feat: add main page credit note

* feat: enable credit note route and update menu item states

* refactor: add i18n

* refactor: edit i18n status

* feat: add action column

* feat: add empty form page

* feat: add get data

* feat: add type credit note status

* refactor: add type name en

* refactor: add type credit note status in type credit note

* feat: add hsla colors

* refactor: add slot grid

* refactor: handle  hide kebab edit show only tab tssued

* feat: show grid card

* feat: i18n

* feat: add credit note form and dialog

* refactor: add props hide kebab deelete

* refactor: hide kebab

* style: update color segments to indigo theme

* feat: i18n

* fix: update labels for credit note fields

* refactor: add type

* feat: new select quotation

* refactor: use new select quotation

* feat: navigate to

* refactor: function trigger and navigate to

* feat: i18n bank

* feat: add payment expansion component and integrate into credit note form

* refactor: bind i18n pay condition

* refactor: navigate to get quotation id

* feat: i18n

* fix: update label for createdBy field in credit note form

* feat: add credit note information expansion component

* feat: add Credit Note expansion component and update form layout

* refactor: bind quotation id and send

* refactor: deelete duplicate type

* refactor: show state button

* refactor: handle show status

* feat: add function update payback status

* feat: add return and canceled reasons to credit note translations

* feat: enhance SelectReadyRequestWork component with credit note handling and fetch parameters

* feat: type

* feat: add status handling and optional display for employee table

* refactor: rename selectedQuotationId to quotationId in FormCredit component

* feat: set default opened state for CreditNoteExpansion and add reason options

* feat: update PaymentExpansion to handle payback type selection and clear fields for cash payments

* feat: enhance ProductExpansion to support credit note handling and adjust price calculations

* feat: implement product handling and price calculation in CreditNote form

* feat: add manage attachment function to store

* refactor: bind delete credit note

* feat: add credit note status and reference fields to types

* refactor: update task step handling and simplify request work structure in credit note form

* feat: add navigation to quotation from credit note form

* feat: enhance upload section layout based on file data

* feat: add readonly functionality to credit note form and related components

* refactor: remove console log

* feat: update i18n

* style: add rounded corners to complete view container in quotation form

* feat: add RefundInformation component and update credit note form status handling

* feat: i18n

* feat: update payback status endpoint and add paybackStatus to CreditNote type

* feat: enhance QuotationFormReceipt component with optional props and slot support

* feat: integrate payback status handling in RefundInformation and FormPage components

* feat: add external file group

* feat: update API endpoint paths for credit note operations

* feat: improve layout and styling in UploadFile components

* feat: implement file upload and management in Credit Note

* refactor: update upload to check if it is redirect or not

* feat: upload file slips

* feat: add payback date dispaly

* refactor: change module no

* fix: icon link to main page instead

* feat: add file dialog with image download functionality

* fix: view slip

* feat: add download button to image viewer

* feat: handle after submit

* feat: conditionally render bank transfer information

* feat: handle upload file on create

* feat: handle change payback status

* feat: payback type in credit note form

* fix: correct reference to quotation data in goToQuotation function

---------

Co-authored-by: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Co-authored-by: puriphatt <puriphat@frappet.com>
Co-authored-by: Thanaphon Frappet <thanaphon@frappet.com>

src/components/upload-file/UploadFileCard.vue

@@ -14,6 +14,7 @@ const props = withDefaults(
     url?: string;
     progress?: number;
     uploading?: { loaded: number; total: number };
+    idle?: boolean;
 
     clickable?: boolean;
     closeable?: boolean;
@@ -53,7 +54,7 @@ onMounted(() => {
     @click="$emit('click')"
   >
     <q-icon :name="icon" size="lg" :style="`color: ${color}`" />
-    <article class="col column q-pl-md">
+    <article class="col column q-pl-md ellipsis">
       <span>{{ name }}</span>
       <span class="text-caption app-text-muted-2">
         {{
@@ -68,8 +69,13 @@ onMounted(() => {
           color="primary"
           size="1.5em"
         />
-        <q-icon v-else name="mdi-check-circle" color="positive" size="1rem" />
-        {{ progress !== 1 ? `Uploading...` : 'Completed' }}
+        <q-icon
+          v-if="progress === 1 && !idle"
+          name="mdi-check-circle"
+          color="positive"
+          size="1rem"
+        />
+        {{ idle ? '' : progress !== 1 ? `Uploading...` : 'Completed' }}
       </span>
     </article>
     <q-btn

src/components/upload-file/UploadFileSection.vue

@@ -33,6 +33,7 @@ const fileData = defineModel<
     loaded: number;
     total: number;
     url?: string;
+    placeholder?: boolean;
   }[]
 >('fileData', { required: true });
 
@@ -54,7 +55,8 @@ function pickFile() {
 <template>
   <div :class="{ row: layout === 'column' }">
     <div
-      class="upload-section column rounded q-py-md items-center justify-center no-wrap surface-2 col"
+      class="upload-section column rounded q-py-md items-center justify-center no-wrap surface-2"
+      :class="{ 'col-12': fileData.length === 0, col: fileData.length > 0 }"
     >
       <q-img src="/images/upload.png" width="150px" />
       {{ label }}
@@ -76,11 +78,10 @@ function pickFile() {
     </div>
 
     <!-- upload card -->
-    <section class="row col" :class="{ 'q-pl-md': layout === 'column' }">
+    <section class="column col" :class="{ 'q-pl-md': layout === 'column' }">
       <div
         v-for="(d, j) in fileData"
         :key="j"
-        class="col-12"
         :class="{
           'q-pt-md': layout === 'row' && j === 0,
           'q-pt-sm': j > 0,
@@ -91,6 +92,7 @@ function pickFile() {
           :progress="d.progress"
           :uploading="{ loaded: d.loaded, total: d.total }"
           :url="d.url"
+          :idle="d.placeholder"
           icon="mdi-file-image-outline"
           color="hsl(var(--text-mute))"
           clickable