@hostlink/nuxt-light 1.26.7 → 1.26.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.26.7",
+  "version": "1.26.8",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -135,6 +135,11 @@ const routes = [
     path: "/SystemValue/add",
     file: resolver.resolve("./runtime/pages/SystemValue/add.vue")
   },
+  {
+    name: "System-database-process",
+    path: "/System/database/process",
+    file: resolver.resolve("./runtime/pages/System/database/process.vue")
+  },
   {
     name: "System-database-backup",
     path: "/System/database/backup",

package/dist/runtime/components/l-table.vue

@@ -15,19 +15,21 @@ const minimized = defineModel<boolean>("minimized", { default: false })
 const maximized = defineModel<boolean>("maximized", { default: false })
 
 // extends QTableColumn
-export type LTableColumn = QTableColumn & {
+export interface LTableColumn extends QTableColumn {
     searchable?: boolean,
     searchType?: string,
     searchOptions?: Array<any> | Function,
     searchMultiple?: boolean,
     gqlField?: string | Array<string> | Object,
-    backgroundColor?: string | Function
+    backgroundColor?: string | Function,
+    searchMethod?: string
 }
 
 
 const errors = ref<InstanceType<any>>([
 ]);
 
+
 export type LTableProps = QTableProps & {
     columns?: Array<LTableColumn>,
     actions?: Array<string>,
@@ -38,10 +40,10 @@ export type LTableProps = QTableProps & {
     selected?: Array<any>,
     maximizable?: boolean,
     minimizable?: boolean,
-    rows?: Array<any>,
     onRequestData?: (request: LTableRequest) => void
     addComponent?: Dialog
-    addComponentProps?: any
+    addComponentProps?: any,
+    rows?: Array<any>,
 }
 
 
@@ -385,8 +387,13 @@ const getFilterValue = () => {
                     f[col.name] = filters.value[col.name]
 
                 } else {
-                    f[col.name] = {
-                        contains: filters.value[col.name]
+
+                    if (col.searchMethod == "equals") {
+                        f[col.name] = filters.value[col.name]
+                    } else {
+                        f[col.name] = {
+                            contains: filters.value[col.name]
+                        }
                     }
                 }
             }

package/dist/runtime/light.js

@@ -35,6 +35,7 @@ const light = reactive({
   devMode: false,
   styles: {
     table: {
+      color: "primary",
       dense: true,
       flat: true,
       bordered: true,
@@ -209,6 +210,7 @@ const light = reactive({
     light.styles.card = { ...light.styles.card, ...styles.card || {} };
     light.styles.button = { ...light.styles.button, ...styles.button || {} };
     light.styles.table = { ...light.styles.table, ...styles.table || {} };
+    light.styles.table.color = light.color;
     watch(() => light.theme, async () => {
       await light.setStyle("theme", light.theme);
     });

package/dist/runtime/pages/System/database/process.vue

@@ -0,0 +1,68 @@
+<script setup>
+import { q, useAsyncData } from "#imports"
+import { ref, watch, onUnmounted } from "vue"
+
+const loading = ref(false)
+const { data, refresh } = await useAsyncData(async () => {
+    loading.value = true
+    const { system } = await q({
+        system: {
+            database: {
+                processList: true
+            }
+        }
+    })
+
+    loading.value = false
+    return system;
+})
+
+const autoRefresh = ref(0)
+
+
+let interval = null
+
+watch(autoRefresh, (value) => {
+
+    if (interval)
+        clearInterval(interval)
+
+    if (value) {
+        interval = setInterval(refresh, value)
+    }
+})
+
+onUnmounted(() => {
+    if (interval)
+        clearInterval(interval)
+});
+
+
+</script>
+<template>
+    <l-page title="System Database Process">
+        <q-table :rows="data.database.processList" hide-bottom v-bind="$light.styles.table" :loading="loading">
+            <template #top-left>
+                <q-btn label="Reload" outline :color="$light.color" icon="sym_o_refresh" @click="refresh"></q-btn>
+
+            </template>
+
+            <template #top-right>
+                <q-select label="Auto Refresh" v-model="autoRefresh" :options="[
+                    { label: 'Off', value: 0 },
+                    { label: '5s', value: 5000 },
+                    { label: '10s', value: 10000 },
+                    { label: '30s', value: 30000 },
+                    { label: '1m', value: 60000 },
+                    { label: '5m', value: 300000 },
+                    { label: '10m', value: 600000 },
+                    { label: '30m', value: 1800000 },
+                    { label: '1h', value: 3600000 }
+                ]" @input="autoRefresh && refresh" outlined :color="$light.color" dense="" style="min-width: 200px"
+                    map-options emit-value></q-select>
+
+            </template>
+        </q-table>
+
+    </l-page>
+</template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.26.7",
+  "version": "1.26.8",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",