@saasicat/ui-vue 1.0.0-rc.2 → 1.0.0-rc.21

package/dist/pages/AdminManifestErrorPage.js

@@ -0,0 +1,99 @@
+import { Q as QIcon } from "../chunks/QIcon-DaxYRLz0.js";
+import { Q as QCardSection } from "../chunks/QCardSection-FvPMZdQ4.js";
+import { Q as QBtn } from "../chunks/QBtn-CSVcAwrE.js";
+import { Q as QCard } from "../chunks/QCard-g0Hwqx6i.js";
+import { defineComponent, inject, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import { useSaMessages, useSignOut, SUPER_ADMIN_MANIFEST_CLEAR_CACHE_KEY } from "@saasicat/ui-vue";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "sa-page sa-manifest-error" };
+const _hoisted_2 = { class: "sa-manifest-error__title" };
+const _hoisted_3 = { class: "sa-manifest-error__lead" };
+const _hoisted_4 = {
+  key: 0,
+  class: "sa-manifest-error__detail"
+};
+const _hoisted_5 = { class: "sa-manifest-error__actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AdminManifestErrorPage",
+  props: {
+    errorMessage: {},
+    onRetry: { type: Function },
+    onLogout: { type: Function },
+    loginPath: {},
+    retryPath: {}
+  },
+  setup(__props) {
+    const msg = useSaMessages("shell");
+    const common = useSaMessages("common");
+    const router = useRouter();
+    const props = __props;
+    const signOut = useSignOut({ loginPath: props.loginPath });
+    const clearManifestCache = inject(SUPER_ADMIN_MANIFEST_CLEAR_CACHE_KEY, void 0);
+    function retry() {
+      if (props.onRetry) return props.onRetry();
+      return bootIntoGuardedRoute();
+    }
+    async function bootIntoGuardedRoute() {
+      if (clearManifestCache) {
+        try {
+          await clearManifestCache();
+        } catch (err) {
+          console.warn("[SaaSiCat] Clearing the manifest cache failed before retry:", err);
+        }
+      }
+      window.location.assign(router.resolve(props.retryPath ?? "/admin").href);
+    }
+    function logout() {
+      if (props.onLogout) return props.onLogout();
+      return signOut();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(QCard, { class: "sa-manifest-error__card" }, {
+          default: withCtx(() => [
+            createVNode(QCardSection, { class: "sa-manifest-error__head" }, {
+              default: withCtx(() => [
+                createVNode(QIcon, {
+                  name: "cloud_off",
+                  size: "32px",
+                  color: "negative"
+                }),
+                createElementVNode("h1", _hoisted_2, toDisplayString(unref(msg).manifestError.title), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(QCardSection, null, {
+              default: withCtx(() => [
+                createElementVNode("p", _hoisted_3, toDisplayString(unref(msg).manifestError.lead), 1),
+                __props.errorMessage ? (openBlock(), createElementBlock("p", _hoisted_4, [
+                  createElementVNode("strong", null, toDisplayString(unref(msg).manifestError.detailLabel), 1),
+                  createTextVNode(" " + toDisplayString(__props.errorMessage), 1)
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_5, [
+                  createVNode(QBtn, {
+                    unelevated: "",
+                    color: "primary",
+                    label: unref(common).reload,
+                    onClick: retry
+                  }, null, 8, ["label"]),
+                  createVNode(QBtn, {
+                    flat: "",
+                    label: unref(msg).header.logout,
+                    onClick: logout
+                  }, null, 8, ["label"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const AdminManifestErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-379d1718"]]);
+export {
+  AdminManifestErrorPage as default
+};

package/dist/pages/AuditPage.js

@@ -0,0 +1,244 @@
+import { Q as QInput } from "../chunks/QInput-SRRCebo8.js";
+import { Q as QTooltip } from "../chunks/QTooltip-Ch_r2hMZ.js";
+import { Q as QBtn } from "../chunks/QBtn-CSVcAwrE.js";
+import { _ as _sfc_main$7, Q as QTd } from "../chunks/AdminTable.vue_vue_type_script_setup_true_lang-BzAusc-r.js";
+import { C as ClosePopup } from "../chunks/ClosePopup-iyFHWknU.js";
+import { defineComponent, ref, reactive, computed, onMounted, openBlock, createBlock, withCtx, createVNode, unref, createTextVNode, toDisplayString, createElementVNode, withDirectives } from "vue";
+import { useResource, useSaMessages, useSuperAdminI18n, formatMessage } from "@saasicat/ui-vue";
+import { _ as _sfc_main$8 } from "../chunks/AdminDialog.vue_vue_type_script_setup_true_lang-CpxfSrx-.js";
+import { _ as _sfc_main$3 } from "../chunks/AdminRefreshBtn.vue_vue_type_script_setup_true_lang-Bxk5GWOB.js";
+import { _ as _sfc_main$4 } from "../chunks/AdminBody.vue_vue_type_script_setup_true_lang-DxcVRzXE.js";
+import { _ as _sfc_main$6 } from "../chunks/AdminFilters.vue_vue_type_script_setup_true_lang-DSnzAlwj.js";
+import { _ as _sfc_main$2 } from "../chunks/AdminHero.vue_vue_type_script_setup_true_lang-CoaRxXLF.js";
+import { _ as _sfc_main$5 } from "../chunks/AdminSection.vue_vue_type_script_setup_true_lang-DpjApOU-.js";
+import { _ as _sfc_main$1 } from "../chunks/AdminPage.vue_vue_type_script_setup_true_lang-L7St_zOY.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "sa-audit__kv" };
+const _hoisted_2 = { class: "sa-dialog__actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AuditPage",
+  props: {
+    resources: {},
+    pageSize: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const audit = useResource("audit", props.resources);
+    const msg = useSaMessages("audit");
+    const common = useSaMessages("common");
+    const { intlLocale } = useSuperAdminI18n();
+    const rows = ref([]);
+    const loading = ref(false);
+    const filter = reactive({ actor: "", action: "", entity: "", since: "" });
+    const detailOpen = ref(false);
+    const detail = ref(null);
+    const detailSubtitle = computed(() => {
+      const row = detail.value;
+      if (!row) return void 0;
+      return `${formatTs(row.createdAt)} · ${msg.value.detailActorPrefix} ${actorEmail(row)}`;
+    });
+    const columns = computed(() => [
+      {
+        name: "createdAt",
+        label: msg.value.columns.time,
+        field: (r) => formatTs(r.createdAt),
+        align: "left",
+        sortable: true
+      },
+      {
+        name: "actor",
+        label: msg.value.columns.actor,
+        field: actorEmail,
+        align: "left"
+      },
+      { name: "action", label: msg.value.columns.action, field: "action", align: "left" },
+      { name: "entity", label: msg.value.columns.entity, field: "entity", align: "left" },
+      {
+        name: "entityId",
+        label: msg.value.columns.id,
+        field: (r) => r.entityId.slice(0, 8),
+        align: "left"
+      },
+      { name: "changes", label: "", field: "id", align: "right" }
+    ]);
+    async function reload() {
+      loading.value = true;
+      try {
+        rows.value = await audit.list({
+          actor: filter.actor || void 0,
+          action: filter.action || void 0,
+          entity: filter.entity || void 0,
+          since: filter.since || void 0,
+          limit: props.pageSize ?? 200
+        });
+      } catch (err) {
+        rows.value = [];
+        console.warn("[AuditPage] loading the audit trail failed:", err);
+      } finally {
+        loading.value = false;
+      }
+    }
+    onMounted(reload);
+    function openDetail(row) {
+      detail.value = row;
+      detailOpen.value = true;
+    }
+    function actorEmail(r) {
+      return r.user?.email ?? r.userEmail ?? "—";
+    }
+    function formatTs(iso) {
+      if (!iso) return "—";
+      try {
+        return new Date(iso).toLocaleString(intlLocale.value, {
+          day: "2-digit",
+          month: "short",
+          year: "numeric",
+          hour: "2-digit",
+          minute: "2-digit"
+        });
+      } catch {
+        return String(iso);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { class: "sa-audit" }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            title: unref(msg).title,
+            subtitle: unref(formatMessage)(unref(msg).subtitle, { count: rows.value.length })
+          }, {
+            actions: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                loading: loading.value,
+                onRefresh: reload
+              }, null, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["title", "subtitle"]),
+          createVNode(_sfc_main$4, null, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$5, { class: "sa-audit__card" }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$6, { class: "q-mb-lg" }, {
+                    default: withCtx(() => [
+                      createVNode(QInput, {
+                        modelValue: filter.actor,
+                        "onUpdate:modelValue": [
+                          _cache[0] || (_cache[0] = ($event) => filter.actor = $event),
+                          reload
+                        ],
+                        outlined: "",
+                        dense: "",
+                        label: unref(msg).filters.actor,
+                        clearable: "",
+                        debounce: "250"
+                      }, null, 8, ["modelValue", "label"]),
+                      createVNode(QInput, {
+                        modelValue: filter.action,
+                        "onUpdate:modelValue": [
+                          _cache[1] || (_cache[1] = ($event) => filter.action = $event),
+                          reload
+                        ],
+                        outlined: "",
+                        dense: "",
+                        label: unref(msg).filters.action,
+                        clearable: "",
+                        debounce: "250"
+                      }, null, 8, ["modelValue", "label"]),
+                      createVNode(QInput, {
+                        modelValue: filter.entity,
+                        "onUpdate:modelValue": [
+                          _cache[2] || (_cache[2] = ($event) => filter.entity = $event),
+                          reload
+                        ],
+                        outlined: "",
+                        dense: "",
+                        label: unref(msg).filters.entity,
+                        clearable: "",
+                        debounce: "250"
+                      }, null, 8, ["modelValue", "label"]),
+                      createVNode(QInput, {
+                        modelValue: filter.since,
+                        "onUpdate:modelValue": [
+                          _cache[3] || (_cache[3] = ($event) => filter.since = $event),
+                          reload
+                        ],
+                        outlined: "",
+                        dense: "",
+                        type: "date",
+                        label: unref(msg).filters.since,
+                        clearable: ""
+                      }, null, 8, ["modelValue", "label"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_sfc_main$7, {
+                    rows: rows.value,
+                    columns: columns.value,
+                    loading: loading.value,
+                    "storage-key": "audit"
+                  }, {
+                    "body-cell-changes": withCtx(({ row }) => [
+                      createVNode(QTd, null, {
+                        default: withCtx(() => [
+                          createVNode(QBtn, {
+                            flat: "",
+                            dense: "",
+                            icon: "code",
+                            color: "primary",
+                            onClick: ($event) => openDetail(row)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(QTooltip, null, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(unref(common).details), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 1
+                  }, 8, ["rows", "columns", "loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$8, {
+            modelValue: detailOpen.value,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => detailOpen.value = $event),
+            title: `${detail.value?.action ?? ""} · ${detail.value?.entity ?? ""}`,
+            subtitle: detailSubtitle.value,
+            size: "md"
+          }, {
+            footer: withCtx(() => [
+              createElementVNode("div", _hoisted_2, [
+                withDirectives(createVNode(QBtn, {
+                  flat: "",
+                  label: unref(common).close
+                }, null, 8, ["label"]), [
+                  [ClosePopup]
+                ])
+              ])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("pre", _hoisted_1, toDisplayString(JSON.stringify(detail.value?.changes ?? {}, null, 2)), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "title", "subtitle"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const AuditPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9107cf44"]]);
+export {
+  AuditPage as default
+};