feat: import worker with multiple criteria (#72)

* feat: add i18n import from file

* fix: background color

* feat: add import worker component

* feat: support newer passport

* refactor: update validator

* fix: wrong endpoint

* refactor: change to display passport

* feat: add component and state

* fix: wrong validator

* refactor: add i18n

* refactor: add slont top-append

* refactor: use v-model

* refactor: impurt workder

* fix: criteria

* refactor: add customer branch id

---------

Co-authored-by: Thanaphon Frappet <thanaphon@frappet.com>

src/components/DialogForm.vue

@@ -140,18 +140,21 @@ const currentTab = defineModel<string>('currentTab');
                 {{ badgeLabel }}
               </text>
             </div>
-            <CancelButton
-              icon-only
-              id="btn-form-close"
-              @click="
-                () => {
-                  modal = beforeClose ? beforeClose() : !modal;
-                  close?.();
-                }
-              "
-              type="reset"
-              resetValidation
-            />
+            <slot name="top-append" />
+            <div>
+              <CancelButton
+                icon-only
+                id="btn-form-close"
+                @click="
+                  () => {
+                    modal = beforeClose ? beforeClose() : !modal;
+                    close?.();
+                  }
+                "
+                type="reset"
+                resetValidation
+              />
+            </div>
           </div>
         </div>
 

src/components/dialog/DialogFormContainer.vue

@@ -57,7 +57,7 @@ const state = defineModel({ default: false });
 
           <!-- NOTE: DIALOG BODY -->
           <div
-            class="col full-height column full-width"
+            class="col full-height column full-width surface-0"
             :class="{ dark: $q.dark.isActive }"
           >
             <slot />