@hostlink/nuxt-light 0.0.72 → 0.0.74

package/README.md

@@ -104,3 +104,21 @@ npm run release
   </l-app>
 </template>
 ```
+
+
+
+## Google Sigin
+nuxt.config.ts
+```js
+ app: {
+    head: {
+      script: [
+        {
+          src: 'https://accounts.google.com/gsi/client',
+          async: true,
+          defer: true,
+        }
+      ]
+    }
+  }
+```

package/dist/module.d.mts

@@ -0,0 +1,7 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -1,7 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
-interface ModuleOptions {
-}
+interface ModuleOptions {
+}
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { ModuleOptions, _default as default };
+export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.72"
+  "version": "0.0.74"
 }

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

@@ -1,14 +1,27 @@
 <script setup>
 import { useRuntimeConfig } from 'nuxt/app'
 import { setApiUrl } from '@hostlink/light'
-import { useRoute } from 'vue-router'
+import { Dialog } from 'quasar'
 import { q } from '../'
-const route = useRoute()
 const config = useRuntimeConfig();
 setApiUrl(config?.public?.apiBase ?? '/api/');
 
 
-const { app } = await q({ app: ['company', 'companyLogo', 'logged', 'twoFactorAuthentication'] });
+let app = null
+
+try {
+    app = (await q({ app: ['company', 'companyLogo', 'logged', 'twoFactorAuthentication'] })).app;
+} catch (e) {
+    Dialog.create({
+        title: 'Error',
+        message: 'Error loading api data. Please reload the page.',
+        ok: 'Reload',
+    }).onOk(() => {
+        window.location.reload();
+    });
+}
+
+
 </script>
 <template>
     <q-layout v-if="!app.logged">

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

@@ -1,13 +1,33 @@
 <script setup>
-defineProps(["label"]);
+defineProps({
+    label: {
+        type: String,
+        required: true
+    },
+    type: {
+        type: String,
+        default: "text"
+    }
+});
 </script>
 <template>
     <q-item>
         <q-item-section>
             <q-item-label>{{ $t(label) }}</q-item-label>
+
+            <q-item-label caption v-if="type == 'caption'">
+                <div style="white-space: pre-wrap;">
+                    <slot></slot>
+                </div>
+            </q-item-label>
         </q-item-section>
-        <q-item-section side>
-            <q-item-label><slot></slot></q-item-label>
-        </q-item-section>
+
+        <template v-if="type == 'text'">
+            <q-item-section side>
+                <q-item-label>
+                    <slot></slot>
+                </q-item-label>
+            </q-item-section>
+        </template>
     </q-item>
 </template>

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

@@ -1,11 +1,15 @@
 <script setup>
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { m, notify } from '../';
 
+import { useRuntimeConfig } from 'nuxt/app';
+
 import { login, webauthnLogin } from '@hostlink/light';
 
+const config = useRuntimeConfig();
+
 
 defineProps({
   company: String,
@@ -119,6 +123,36 @@ const bioLogin = async () => {
   }
 
 }
+const googleResponse = () => {
+
+}
+
+onMounted(() => {
+  if (config.public.GOOGLE_CLIENT_ID) {
+    //google 
+    google.accounts.id.initialize({
+      client_id: "829616239009-23sf7s3blsnab9a288sb4j15orqqamlp.apps.googleusercontent.com",
+      callback: googleResponse,
+    });
+
+    google.accounts.id.renderButton(
+      document.getElementById('g_id_signin'),
+      {
+        type: 'profile',
+        shape: 'pill',
+        theme: 'outline',
+        text: 'signin_with',
+        size: 'large',
+        logo_alignment: 'left'
+
+      }
+    );
+
+  }
+
+})
+
+
 
 </script>
 
@@ -145,5 +179,13 @@ const bioLogin = async () => {
       <l-btn v-if="hasBioLogin" outline rounded color="primary" icon="sym_o_fingerprint" @click="bioLogin" />
       <l-btn label="Forget password" outline rounded color="primary" icon="sym_o_lock_reset" @click="forgetPassword" />
     </q-card-actions>
+    <q-card-actions v-if="config.public.GOOGLE_CLIENT_ID">
+
+      <div>
+
+        <div id="g_id_signin"></div>
+      </div>
+
+    </q-card-actions>
   </q-card>
 </template>

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

@@ -63,6 +63,14 @@ const props = defineProps({
                 rowsPerPage: 10,
             }
         }
+    },
+    fullscreen: {
+        type: Boolean,
+        default: false
+    },
+    searchable: {
+        type: Boolean,
+        default: false
     }
 })
 
@@ -286,7 +294,7 @@ const onRequest = async (p: any) => {
             pagination.value.sortBy = p.pagination.sortBy;
             pagination.value.descending = p.pagination.descending;
             pagination.value.rowsNumber = allData.meta.total;
-            
+
             loading.value = false;
             validateData()
 
@@ -372,6 +380,7 @@ const attrs = {
     ...useAttrs()
 }
 
+const filter = ref('');
 </script>
 <template>
     <template v-if="errors.length > 0">
@@ -398,7 +407,21 @@ const attrs = {
 
     <q-table v-bind="attrs" :row-key="rowKey" :loading="loading" :rows="rows" ref="table" @request="onRequest"
         :rows-per-page-label="$t(props.rowsPerPageLabel)" :columns="renderColumns"
-        :rows-per-page-options="rowsPerPageOptions" :selection="selection" v-model:pagination="pagination">
+        :rows-per-page-options="rowsPerPageOptions" :selection="selection" v-model:pagination="pagination"
+        :filter="filter">
+
+        <template #top-right="props" v-if="fullscreen || searchable">
+            <q-input v-if="searchable" outlined dense debounce="300" v-model="filter" placeholder="Search">
+                <template v-slot:append>
+                    <q-icon name="search" />
+                </template>
+            </q-input>
+
+            <q-btn v-if="fullscreen" flat round dense :icon="props.inFullscreen ? 'fullscreen_exit' : 'fullscreen'"
+                @click="props.toggleFullscreen" class="q-ml-md" />
+
+
+        </template>
 
 
         <template v-for="s in ss" v-slot:[s]="props">
@@ -413,8 +436,8 @@ const attrs = {
                     <l-view-btn v-if="actionView && props.row.canView"
                         :to="`/${modelName}/${props.row[primaryKey]}/view`" />
 
-                    <l-edit-btn :to="`/${modelName}/${props.row[primaryKey]}/edit`"
-                        v-if="activeEdit && props.row.canUpdate" />
+                    <l-edit-btn v-if="activeEdit && props.row.canUpdate"
+                        :to="`/${modelName}/${props.row[primaryKey]}/edit`" />
 
                     <l-delete-btn v-if="actionDelete && props.row.canDelete"
                         @submit="onDelete(props.row[primaryKey])"></l-delete-btn>

package/dist/runtime/pages/User/_user_id/view.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { getObject, loadObject } from '../../../';
-const obj = await getObject(["user_id", "username", "first_name", "last_name", "email", "phone", "roles",'status']);
+const obj = await getObject(["user_id", "username", "first_name", "last_name", "email", "phone", "roles", 'status', 'join_date']);
 
 //await getObject(["user_id", { test: ["username"] }])
 /* const test = async () => {
@@ -16,7 +16,7 @@ const obj = await getObject(["user_id", "username", "first_name", "last_name", "
             <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword" label="Change password"></l-btn>
             <l-btn to="update-role" icon="sym_o_people" permission="user.role.add" label="Update role"></l-btn>
         </template>
-        {{ obj }}
+
         <l-card>
             <l-list>
                 <l-item label="Username">{{ obj.username }}</l-item>
@@ -25,6 +25,9 @@ const obj = await getObject(["user_id", "username", "first_name", "last_name", "
                 <l-item label="Email">{{ obj.email }}</l-item>
                 <l-item label="Phone">{{ obj.phone }}</l-item>
                 <l-item label="Roles">{{ obj.roles.join(",") }}</l-item>
+                <l-item label="Status">{{ obj.status }}</l-item>
+                <l-item label="Join date">{{ obj.join_date }}</l-item>
+               
             </l-list>
         </l-card>
     </l-page>

package/dist/types.d.mts

@@ -0,0 +1,15 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+
+export { ModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.72",
+  "version": "0.0.74",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -22,10 +22,10 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build",
+    "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "release:org": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "release": "npm run prepack && changelogen --release && npm publish --access=public && git push --follow-tags",
     "lint": "eslint .",
@@ -35,10 +35,10 @@
   },
   "dependencies": {
     "@hostlink/light": "^0.0.24",
-    "@nuxt/kit": "^3.7.0",
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/module-builder": "^0.5.2",
     "@quasar/extras": "^1.16.6",
     "axios": "^1.5.0",
-    "gql-query-builder": "^3.8.0",
     "json-to-graphql-query": "^2.2.5",
     "quasar": "^2.12.5",
     "unplugin-auto-import": "^0.16.6",
@@ -48,9 +48,8 @@
   "devDependencies": {
     "@nuxt/content": "^2.8.2",
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.1.1",
-    "@nuxt/module-builder": "^0.4.0",
-    "@nuxt/schema": "^3.7.0",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/schema": "^3.7.4",
     "@nuxt/test-utils": "^3.7.0",
     "@types/node": "^18.17.3",
     "changelogen": "^0.5.4",