@hostlink/nuxt-light 1.27.8 → 1.28.0

package/dist/runtime/pages/User/setting/open_id.vue

@@ -1,167 +1,142 @@
-<script setup>
-import { reactive, onMounted, nextTick } from "vue"
-import { useQuasar } from "quasar";
-import { q, m, useLight, api } from '#imports'
-import { useI18n } from 'vue-i18n'
-
-const light = useLight()
-const { t } = useI18n()
-const quasar = useQuasar();
-let { app, my } = await q({
-    app: {
-        googleClientId: true,
-        microsoftClientId: true,
-        microsoftTenantId: true,
-        facebookAppId: true,
-    }, my: {
-        google: true,
-        microsoft: true,
-        facebook: true,
-    }
-})
-
-
-const $q = useQuasar();
-my = reactive(my);
-
-const handleGoogleCredentialResponse = async (response) => {
-    try {
-        await api.auth.google.register(response.credential);
-        const resp = await q("my", ["gmail"]);
-        my.google = resp.google;
-
-        light.notify({
-            message: "Google account linked",
-            color: "positive",
-        });
-    } catch (e) {
-        console.log(e)
-    }
-}
-
-onMounted(() => {
-
-    if (app.googleClientId) {
-        if (!window.google) {
-            quasar.notify({
-                message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
-                color: "negative",
-                icon: "sym_o_error",
-                position: "top",
-                timeout: 2000
-            });
-            return;
-        }
-    }
-
-    //nextTick
-
-    nextTick(() => {
-
-        //google 
-        google.accounts.id.initialize({
-            client_id: app.googleClientId,
-            callback: handleGoogleCredentialResponse,
-        });
-
-        google.accounts.id.renderButton(
-            document.getElementById('g_id_signin'),
-            {
-                type: 'profile',
-                shape: 'pill',
-                theme: 'outline',
-                text: 'signin_with',
-                size: 'large',
-                logo_alignment: 'left'
-            }
-        );
-
-    })
-
-
-});
-
-const onUnlink = async () => {
-
-    //confirm
-    light.dialog({
-        title: "Unlink",
-        color: "negative",
-        message: "Are you sure you want to unlink your Google account?",
-        ok: "Yes",
-        cancel: "No",
-    }).onOk(async () => {
-        await api.auth.google.unlink();
-        my.gmail = null;
-        window.location.reload();
-    })
-}
-
-const onUnlinkMicrosoft = async () => {
-    //confirm
-    light.dialog({
-        title: "Unlink",
-        color: "negative",
-        message: "Are you sure you want to unlink your Microsoft account?",
-        ok: "Yes",
-        cancel: "No",
-    }).onOk(async () => {
-        await api.auth.microsoft.unlink();
-        my.microsoft = null;
-        window.location.reload();
-    })
-}
-
-const onLinkMicrosoft = async (resp) => {
-    try {
-        await api.auth.microsoft.register(resp.account.localAccountId);
-        light.notify({
-            message: "Microsoft account linked",
-            color: "positive",
-        });
-
-        window.location.reload();
-    } catch (e) {
-        light.notify({
-            message: e.message,
-            color: "negative",
-        });
-    }
-}
-
-const onLinkFacebook = async (accessToken) => {
-    try {
-        await api.auth.facebook.register(accessToken);
-        light.notify({
-            message: "Facebook account linked",
-            color: "positive",
-        });
-    } catch (e) {
-        light.notify({
-            message: e.message,
-            color: "negative",
-        });
-    }
-
-}
-
-const onUnlinkFacebook = async () => {
-    //confirm
-    light.dialog({
-        title: "Unlink",
-        color: "negative",
-        message: "Are you sure you want to unlink your Facebook account?",
-        ok: "Yes",
-        cancel: "No",
-    }).onOk(async () => {
-        await api.auth.facebook.unlink();
-        my.facebook = null;
-        window.location.reload();
-    })
-}
-
-</script>
-<template>
+<script setup>
+import { reactive, onMounted, nextTick } from "vue";
+import { useQuasar } from "quasar";
+import { q, m, useLight, api } from "#imports";
+import { useI18n } from "vue-i18n";
+const light = useLight();
+const { t } = useI18n();
+const quasar = useQuasar();
+let { app, my } = await q({
+  app: {
+    googleClientId: true,
+    microsoftClientId: true,
+    microsoftTenantId: true,
+    facebookAppId: true
+  },
+  my: {
+    google: true,
+    microsoft: true,
+    facebook: true
+  }
+});
+const $q = useQuasar();
+my = reactive(my);
+const handleGoogleCredentialResponse = async (response) => {
+  try {
+    await api.auth.google.register(response.credential);
+    const resp = await q("my", ["gmail"]);
+    my.google = resp.google;
+    light.notify({
+      message: "Google account linked",
+      color: "positive"
+    });
+  } catch (e) {
+    console.log(e);
+  }
+};
+onMounted(() => {
+  if (app.googleClientId) {
+    if (!window.google) {
+      quasar.notify({
+        message: "Google login is not available",
+        //set script https://accounts.google.com/gsi/client in nuuxt.config.js
+        color: "negative",
+        icon: "sym_o_error",
+        position: "top",
+        timeout: 2e3
+      });
+      return;
+    }
+  }
+  nextTick(() => {
+    google.accounts.id.initialize({
+      client_id: app.googleClientId,
+      callback: handleGoogleCredentialResponse
+    });
+    google.accounts.id.renderButton(
+      document.getElementById("g_id_signin"),
+      {
+        type: "profile",
+        shape: "pill",
+        theme: "outline",
+        text: "signin_with",
+        size: "large",
+        logo_alignment: "left"
+      }
+    );
+  });
+});
+const onUnlink = async () => {
+  light.dialog({
+    title: "Unlink",
+    color: "negative",
+    message: "Are you sure you want to unlink your Google account?",
+    ok: "Yes",
+    cancel: "No"
+  }).onOk(async () => {
+    await api.auth.google.unlink();
+    my.gmail = null;
+    window.location.reload();
+  });
+};
+const onUnlinkMicrosoft = async () => {
+  light.dialog({
+    title: "Unlink",
+    color: "negative",
+    message: "Are you sure you want to unlink your Microsoft account?",
+    ok: "Yes",
+    cancel: "No"
+  }).onOk(async () => {
+    await api.auth.microsoft.unlink();
+    my.microsoft = null;
+    window.location.reload();
+  });
+};
+const onLinkMicrosoft = async (resp) => {
+  try {
+    await api.auth.microsoft.register(resp.account.localAccountId);
+    light.notify({
+      message: "Microsoft account linked",
+      color: "positive"
+    });
+    window.location.reload();
+  } catch (e) {
+    light.notify({
+      message: e.message,
+      color: "negative"
+    });
+  }
+};
+const onLinkFacebook = async (accessToken) => {
+  try {
+    await api.auth.facebook.register(accessToken);
+    light.notify({
+      message: "Facebook account linked",
+      color: "positive"
+    });
+  } catch (e) {
+    light.notify({
+      message: e.message,
+      color: "negative"
+    });
+  }
+};
+const onUnlinkFacebook = async () => {
+  light.dialog({
+    title: "Unlink",
+    color: "negative",
+    message: "Are you sure you want to unlink your Facebook account?",
+    ok: "Yes",
+    cancel: "No"
+  }).onOk(async () => {
+    await api.auth.facebook.unlink();
+    my.facebook = null;
+    window.location.reload();
+  });
+};
+</script>
+
+<template>
     <q-card :bordered="false">
         <q-card-section>
             <h2 class="text-h6">Google</h2>
@@ -236,4 +211,4 @@ const onUnlinkFacebook = async () => {
 
 
     </q-card>
-</template>
+</template>

package/dist/runtime/pages/User/setting/open_id.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/pages/User/setting/password.vue

@@ -1,46 +1,39 @@
-<script setup>
-import { useI18n } from 'vue-i18n'
-import { Dialog } from 'quasar'
-import { reset } from "@formkit/core"
-import { computed } from 'vue'
-import { q, api } from "#imports"
-
-const { t } = useI18n()
-
-const onSubmit = async (data, form) => {
-    if (await api.auth.updatePassword(data.old_password, data.new_password)) {
-        reset(form);
-        await Dialog.create({
-            title: "Password updated",
-            message: "Your password has been updated",
-            ok: "OK"
-        })
-
-    } else {
-        await Dialog.create({
-            title: "Error",
-            message: "Old password is incorrect",
-            ok: "OK"
-        })
-    }
-}
-
-const system = await q("system", ["passwordPolicy"])
-
-const policies = computed(() => {
-    return system.passwordPolicy.split("|").map((policy) => {
-        let name = policy.split(":")[0]
-
-        if (name == "length") {
-            return t('Must contain at least {0} characters', [policy.split(":")[1]]);
-        }
-
-        return t(name);
-    })
-})
-
-</script>
-<template>
+<script setup>
+import { useI18n } from "vue-i18n";
+import { Dialog } from "quasar";
+import { reset } from "@formkit/core";
+import { computed } from "vue";
+import { q, api } from "#imports";
+const { t } = useI18n();
+const onSubmit = async (data, form) => {
+  if (await api.auth.updatePassword(data.old_password, data.new_password)) {
+    reset(form);
+    await Dialog.create({
+      title: "Password updated",
+      message: "Your password has been updated",
+      ok: "OK"
+    });
+  } else {
+    await Dialog.create({
+      title: "Error",
+      message: "Old password is incorrect",
+      ok: "OK"
+    });
+  }
+};
+const system = await q("system", ["passwordPolicy"]);
+const policies = computed(() => {
+  return system.passwordPolicy.split("|").map((policy) => {
+    let name = policy.split(":")[0];
+    if (name == "length") {
+      return t("Must contain at least {0} characters", [policy.split(":")[1]]);
+    }
+    return t(name);
+  });
+});
+</script>
+
+<template>
     <FormKit type="l-form" :bordered="false" @submit="onSubmit">
         <FormKit type="l-input" label="Old password" name="old_password" inputType="password" validation="required"
             autocomplete="current-password" />
@@ -59,4 +52,4 @@ const policies = computed(() => {
 
         </q-card-section>
     </q-card>
-</template>
+</template>

package/dist/runtime/pages/User/setting/password.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/pages/User/setting/style.vue

@@ -1,104 +1,86 @@
-<script setup>
-import { q, m } from '#imports'
-import { ref, computed } from 'vue'
-let { my } = await q({
-    my: {
-        styles: true
-    }
-});
-
-const defaultStyle = {
-    table: {
-        dense: true,
-        flat: true,
-        bordered: true,
-        square: false,
-        separator: 'cell'
-
-    },
-    card: {
-        flat: true,
-        bordered: true,
-        square: false
-    },
-    button: {
-        outline: false,
-        flat: false,
-        unelevated: false,
-        rounded: false,
-        push: false,
-        square: false,
-        glossy: false,
-        dense: false
-    },
-    input: {
-        filled: false,
-        outlined: true,
-        standout: false,
-        borderless: false,
-        standout: false,
-        rounded: false,
-        dense: false,
-        square: false,
-        stackLabel: true
-    }
-}
-
-
-const styles = ref({
-    table: my.styles.table === undefined ? JSON.parse(JSON.stringify(defaultStyle.table)) : my.styles.table,
-    card: my.styles.card === undefined ? JSON.parse(JSON.stringify(defaultStyle.card)) : my.styles.card,
-    button: my.styles.button === undefined ? JSON.parse(JSON.stringify(defaultStyle.button)) : my.styles.button,
-    input: my.styles.input === undefined ? JSON.parse(JSON.stringify(defaultStyle.input)) : my.styles.input
-})
-
-const onSave = async () => {
-    await m("updateMyStyles", {
-        value: styles.value
-    });
-
-    //reload
-    window.location.reload();
-}
-
-const setDefault = () => {
-    console.log('setDefault')
-    //reset styles
-    styles.value = JSON.parse(JSON.stringify(defaultStyle));
-
-}
-
-
-const columns = [
-    { name: 'action' },
-    { name: 'name', label: 'Name', align: 'left', field: 'name', sortable: true },
-    { name: 'phone', label: 'Phone', align: 'left', field: 'phone', sortable: true },
-]
-
-
-const preview = ref({})
-
-const inputDesign = computed({
-    set: (value) => {
-        styles.value.input.filled = value === 'filled'
-        styles.value.input.outlined = value === 'outlined'
-        styles.value.input.standout = value === 'standout'
-        styles.value.input.borderless = value === 'borderless'
-    },
-    get: () => {
-        if (styles.value.input.filled) return 'filled'
-        if (styles.value.input.outlined) return 'outlined'
-        if (styles.value.input.standout) return 'standout'
-        if (styles.value.input.borderless) return 'borderless'
-        return 'none'
-    }
-});
-
-
-
-
-</script>
-<template>
+<script setup>
+import { q, m } from "#imports";
+import { ref, computed } from "vue";
+let { my } = await q({
+  my: {
+    styles: true
+  }
+});
+const defaultStyle = {
+  table: {
+    dense: true,
+    flat: true,
+    bordered: true,
+    square: false,
+    separator: "cell"
+  },
+  card: {
+    flat: true,
+    bordered: true,
+    square: false
+  },
+  button: {
+    outline: false,
+    flat: false,
+    unelevated: false,
+    rounded: false,
+    push: false,
+    square: false,
+    glossy: false,
+    dense: false
+  },
+  input: {
+    filled: false,
+    outlined: true,
+    standout: false,
+    borderless: false,
+    standout: false,
+    rounded: false,
+    dense: false,
+    square: false,
+    stackLabel: true
+  }
+};
+const styles = ref({
+  table: my.styles.table === void 0 ? JSON.parse(JSON.stringify(defaultStyle.table)) : my.styles.table,
+  card: my.styles.card === void 0 ? JSON.parse(JSON.stringify(defaultStyle.card)) : my.styles.card,
+  button: my.styles.button === void 0 ? JSON.parse(JSON.stringify(defaultStyle.button)) : my.styles.button,
+  input: my.styles.input === void 0 ? JSON.parse(JSON.stringify(defaultStyle.input)) : my.styles.input
+});
+const onSave = async () => {
+  await m("updateMyStyles", {
+    value: styles.value
+  });
+  window.location.reload();
+};
+const setDefault = () => {
+  console.log("setDefault");
+  styles.value = JSON.parse(JSON.stringify(defaultStyle));
+};
+const columns = [
+  { name: "action" },
+  { name: "name", label: "Name", align: "left", field: "name", sortable: true },
+  { name: "phone", label: "Phone", align: "left", field: "phone", sortable: true }
+];
+const preview = ref({});
+const inputDesign = computed({
+  set: (value) => {
+    styles.value.input.filled = value === "filled";
+    styles.value.input.outlined = value === "outlined";
+    styles.value.input.standout = value === "standout";
+    styles.value.input.borderless = value === "borderless";
+  },
+  get: () => {
+    if (styles.value.input.filled) return "filled";
+    if (styles.value.input.outlined) return "outlined";
+    if (styles.value.input.standout) return "standout";
+    if (styles.value.input.borderless) return "borderless";
+    return "none";
+  }
+});
+</script>
+
+<template>
     <div class="q-pa-md">
         <l-row>
             <l-col md="6">
@@ -208,4 +190,4 @@ const inputDesign = computed({
 
         </l-row>
     </div>
-</template>
+</template>

package/dist/runtime/pages/User/setting/style.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;