quasar-factory-lib 0.1.7 → 0.1.9

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "author": ""
 }

package/src/components/SkeletonAreas/SkeletonAreas.vue

@@ -0,0 +1,19 @@
+<template>
+  <q-card class="skeleton-areas">
+    <q-card-section>
+      <q-skeleton type="QAvatar" />
+      <q-skeleton
+        type="text"
+        style="margin-top: 100px"
+      />
+    </q-card-section>
+  </q-card>
+</template>
+<script lang="ts">
+  export default {
+    name: 'SkeletonAreas',
+  }
+</script>
+<style scoped>
+@import url();
+</style>

package/src/components/SkeletonAreas/index.ts

@@ -0,0 +1,16 @@
+import type { App, Plugin } from 'vue'
+
+import SkeletonAreas from './SkeletonAreas.vue'
+
+import { registerComponent } from '@/utils/plugins'
+
+
+/** export SkeletonAreas plugin */
+export default {
+  install (app: App) {
+    registerComponent(app, 'SkeletonAreas', SkeletonAreas)
+  }
+} as Plugin
+
+/** export SkeletonAreas components */
+export { SkeletonAreas as SkeletonAreas }

package/src/components/SkeletonAreas/style.css

@@ -0,0 +1,9 @@
+.skeleton-areas {
+    width: 200px;
+    height: 200px;
+}
+@media only screen and (max-width: 600px) {
+    .skeleton-areas {
+        width: 100%;
+    }
+}

package/src/components/Table/Table.vue

@@ -241,7 +241,14 @@ export default defineComponent({
     'onDragUpdate',
     'onDragEnd',
     'modifyPriorityOrder',
-    'onClickRowBtnPrintOP'
+    'onClickRowBtnPrintOP',
+    'getPOFromWorkCenter',
+    'getProductionTimesMachineCenter',
+    'operatorMachineAssignmentAssignMachine',
+    'operatorMachineAssignmentSetDate',
+    'operatorMachineAssignmentSetPartialMachineCenter',
+    'operatorMachineAssignmentSeeDetail'
+    
   ],
   data () {
     return {

package/src/components/index.ts

@@ -6,4 +6,5 @@ export * from './ConfirmedTask'
 export * from './TableRowsCounter'
 export * from './NavBarSkeleton'
 export * from './AlertLabelsWithError'
-export * from './FormSkeleton'
+export * from './FormSkeleton'
+export * from './SkeletonAreas'

package/src/components/plugins.ts

@@ -7,5 +7,6 @@ import TableRowsCounter from './TableRowsCounter'
 import NavBarSkeleton from './NavBarSkeleton'
 import AlertLabelsWithError from './AlertLabelsWithError'
 import FormSkeleton from './FormSkeleton'
-export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton }
+import SkeletonAreas from './SkeletonAreas'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas }
 

package/src/css/app.css

@@ -1,6 +1,7 @@
 @import url('../components/Table/css/table.css');
 @import url('../components/TaskNavBar/css/taskNavBar.css');
 @import url('../components/ConfirmedTask/style.css');
+@import url('../components/SkeletonAreas/style.css');
 @import url('./fonts.css');
 :root {
   --main-color: #FFF8F2;

package/src/index.ts

@@ -1,11 +1,11 @@
 import '@quasar/extras/material-icons/material-icons.css'
 import { Quasar } from 'quasar'
 import { App, Plugin } from 'vue'
-import { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton} from './components/plugins.ts'
+import { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas} from './components/plugins.ts'
 import { registerPlugin, setVueInstance } from './utils/plugins.ts'
 import TranslateKeys from './i18n/translateKeys.ts'
 import { createPinia } from 'pinia'
-export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton } from './components/index.ts'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas } from './components/index.ts'
 
 export type { TranslateKeys }
 // import plugins from "./components/plugins";
@@ -30,6 +30,7 @@ const plugin: Plugin = {
     registerPlugin(app, NavBarSkeleton)
     registerPlugin(app, AlertLabelsWithError)
     registerPlugin(app, FormSkeleton)
+    registerPlugin(app, SkeletonAreas)
     app.use(i18n)
     app.use(pinia)
     i18n.global.locale = 'en'

package/src/layouts/PdaLayout.vue

@@ -59,6 +59,9 @@
           @on-drag-end="(args) => {
             console.log(args, 'end')
           }"
+          @onUpdateSelected="(details) => {
+            console.log(details, 'details')
+          }"
         />
           <q-page-sticky
             v-if="smallDevice"
@@ -92,7 +95,7 @@ export default {
     Table,
     TableRowsCounter,
     AlertLabelsWithError,
-    NavBarSkeleton
+    NavBarSkeleton,
   },
   data () {
     return {
@@ -141,8 +144,12 @@ export default {
         label: 'Boolean Icon',
         align: 'left',
         sortable: true,
-        showCustomizedIcon: true,
-        type: 'boolean'
+        showCustomizedIcon: true, 
+        type: 'boolean',
+        customizedIconNameCaseTrue: 'warning',
+        customizedIconNameCaseFalse: 'edit',
+        customizedIconColorCaseTrue: 'negative',
+        customizedIconColorCaseFalse: 'positive',
       },
       {
         name: 'calories',