@fishawack/lab-velocity 2.0.0-beta.6 → 2.0.0-beta.60

package/_Build/vue/modules/AuthModule/routes/PCompanies/columns.js

@@ -0,0 +1,268 @@
+import { h, resolveComponent } from "vue";
+import { ElInput } from "element-plus";
+
+import VelBasic from "../../../../components/form/basic.vue";
+import VelButton from "../../../../components/basic/Button.vue";
+import VelSelect from "../../../../components/form/Select.vue";
+import VelFormRole from "../../../../components/layout/FormRole.vue";
+import Chip from "../../../../components/layout/Chip.vue";
+import Chips from "../../../../components/layout/Chips.vue";
+
+export default [
+    {
+        key: "name",
+        sortable: true,
+    },
+    {
+        key: "primary_contact",
+        label: "Primary Contact",
+        condition: {
+            table: false,
+            form: {
+                write: ({ method }) => method === "patch",
+            },
+        },
+        preparation: ({ form }) => form.primary_contact?.id,
+        render: {
+            read: ({ model }) => h("span", model.primary_contact?.name),
+            write: ({ $route }) =>
+                h(VelSelect, {
+                    endpoint: `api/users`,
+                    params: {
+                        "filter[company_id]": $route.params.companiesId,
+                    },
+                    labelKey: "name",
+                    filterable: true,
+                    searchParam: "name",
+                }),
+        },
+    },
+    {
+        key: "primary_contact_email",
+        label: "Primary Contact Email",
+        condition: {
+            table: false,
+            form: false,
+        },
+        render: {
+            read: ({ model }) => h("span", model.primary_contact?.email),
+        },
+    },
+    {
+        key: "primary_contact_contacted",
+        label: "Primary Contact Contacted",
+        condition: {
+            table: false,
+            form: false,
+        },
+        render: {
+            read: ({ model }) =>
+                h("span", String(!!model.primary_contact_contacted)),
+        },
+    },
+    {
+        key: "domains",
+        condition: {
+            table: false,
+        },
+        initial: ({ model }) => model?.domains || [],
+        render: {
+            read: ({ model }) => h("span", model.domains.join(", ")),
+            write: ({ form }) =>
+                h("div", { class: "form__group vel-basic" }, [
+                    h("p", { class: "my-0" }, [
+                        "Domain/s ",
+                        h("sup", { class: "color-status-red-100" }, "*"),
+                    ]),
+                    h(
+                        "ul",
+                        { class: "list-none pl-0 mt mb-2" },
+                        form.domains.map((domain, index) =>
+                            h("li", { key: index, class: "mb-0.5" }, [
+                                h(
+                                    ElInput,
+                                    {
+                                        modelValue: form.domains[index],
+                                        "onUpdate:modelValue": (val) => {
+                                            form.domains[index] = val;
+                                        },
+                                        placeholder: "avalerehealth.com",
+                                    },
+                                    {
+                                        prepend: () => "@",
+                                        append: () =>
+                                            h(
+                                                VelButton,
+                                                {
+                                                    type: "danger",
+                                                    onClick: () =>
+                                                        form.domains.splice(
+                                                            index,
+                                                            1,
+                                                        ),
+                                                },
+                                                () =>
+                                                    h(
+                                                        resolveComponent(
+                                                            "GSvg",
+                                                        ),
+                                                        {
+                                                            class: "vel-icon",
+                                                            name: "icon-trash",
+                                                        },
+                                                    ),
+                                            ),
+                                    },
+                                ),
+                                form.errors?.has?.(`domains.${index}`) &&
+                                    h(
+                                        "small",
+                                        {
+                                            class: "form__error vel-basic__error",
+                                        },
+                                        form.errors.first(`domains.${index}`),
+                                    ),
+                            ]),
+                        ),
+                    ),
+                    h("div", [
+                        h(
+                            VelButton,
+                            {
+                                onClick: () => form.domains.push(""),
+                            },
+                            () => [
+                                "Add Domain ",
+                                h(resolveComponent("GIcon"), {
+                                    name: "icon-plus",
+                                    embed: true,
+                                    asis: true,
+                                    class: "fill-0 icon--0.5 ml",
+                                }),
+                            ],
+                        ),
+                    ]),
+                ]),
+        },
+    },
+    {
+        key: "seats",
+        label: "Available Seats",
+        type: "number",
+        min: 0,
+        condition: {
+            table: false,
+        },
+    },
+    {
+        key: "user_count",
+        label: "Total Users",
+        width: "150",
+        condition: {
+            form: false,
+        },
+    },
+    {
+        key: "sso_enabled",
+        label: "SSO Enabled",
+        condition: {
+            table: false,
+            form: false,
+        },
+    },
+    {
+        key: "roles",
+        label: "Role",
+        condition: {
+            description: false,
+            form: {
+                write: ({ $store }) => $store.getters.can("edit roles"),
+            },
+        },
+        initial: ({ model }) =>
+            model?.roles.map((val) => ({
+                label: val.label,
+                value: val.id,
+            })) || [],
+        preparation: ({ form }) =>
+            form.roles.map((d) => (typeof d === "object" ? d.value : d)),
+        render: {
+            read: ({ model }) =>
+                h(
+                    model.roles.length === 1 ? Chip : Chips,
+                    model.roles.length === 1
+                        ? {
+                              name: model.roles[0].name,
+                              label: model.roles[0].label,
+                          }
+                        : { array: model.roles },
+                ),
+            write: ({ model, form }) =>
+                h(VelFormRole, {
+                    overrides: model?.overrides_roles_and_permissions,
+                    form,
+                }),
+        },
+    },
+    {
+        key: "sso_type",
+        label: "Provider",
+        condition: {
+            table: false,
+            description: false,
+            form: {
+                write: ({ $store }) => $store.getters.can("edit sso"),
+            },
+        },
+        initial: ({ model }) => model?.sso_type || undefined,
+        preparation: ({ form }) => form.sso_type?.value,
+        render: {
+            write: () =>
+                h(VelSelect, {
+                    clearable: true,
+                    class: "mt-2",
+                    options: [
+                        { value: "azure", label: "azure" },
+                        { value: "google", label: "google" },
+                    ],
+                }),
+        },
+    },
+    {
+        key: "sso_client_id",
+        label: "Key",
+        condition: {
+            table: false,
+            description: false,
+            form: {
+                write: ({ $store }) => $store.getters.can("edit sso"),
+            },
+        },
+        initial: ({ model }) => model?.sso_client_id || undefined,
+    },
+    {
+        key: "sso_tenant",
+        label: "Tenant",
+        condition: {
+            table: false,
+            description: false,
+            form: {
+                write: ({ $store }) => $store.getters.can("edit sso"),
+            },
+        },
+        initial: ({ model }) => model?.sso_tenant || undefined,
+    },
+    {
+        key: "sso_client_secret",
+        label: "Secret",
+        type: "password",
+        condition: {
+            table: false,
+            description: false,
+            form: {
+                write: ({ $store }) => $store.getters.can("edit sso"),
+            },
+        },
+        initial: ({ model }) => model?.sso_client_secret || undefined,
+    },
+];

package/_Build/vue/modules/AuthModule/routes/PCompanies/resource.js

@@ -0,0 +1,213 @@
+import { merge } from "lodash";
+import { h, resolveComponent } from "vue";
+import axios from "axios";
+import { ElNotification } from "element-plus";
+
+import { columns, defaultResource, meta } from "../../../resource/index.js";
+import companiesColumns from "./columns.js";
+
+import VelFormRole from "../../../../components/layout/FormRole.vue";
+import VelButton from "../../../../components/basic/Button.vue";
+import VelTableSorter from "../../../../components/layout/TableSorter.vue";
+import VelRoleLegend from "../../../../components/layout/RoleLegend.vue";
+
+import userResource from "../PUsers/resource.js";
+import teamResource from "../PTeams/resource.js";
+
+export default [
+    "companies",
+    {
+        api: {
+            params: {
+                index: () => ({}),
+                show: () => ({
+                    include: "primary_contact",
+                }),
+            },
+        },
+        permissions: {
+            create: ({ $store }) => $store.getters.can("write companies"),
+            edit: ({ $store }) => $store.getters.can("write companies"),
+            delete: ({ $store }) => $store.getters.can("delete companies"),
+        },
+        singular: "company",
+        icon: "icon-cases",
+        auditable: true,
+        trashable: true,
+        ...merge(columns(companiesColumns), {
+            index: {
+                layout: [
+                    ...defaultResource.index.layout,
+                    () =>
+                        h(VelRoleLegend, {
+                            class: "mt-5",
+                        }),
+                ],
+            },
+            show: {
+                actions: [
+                    ({ model }) =>
+                        model.primary_contact &&
+                        h(
+                            VelButton,
+                            {
+                                type: "primary",
+                                async onClick() {
+                                    try {
+                                        const res = await axios.post(
+                                            `/api/companies/${model.id}/welcome`,
+                                        );
+                                        ElNotification({
+                                            title: "Success",
+                                            message: res.data.message,
+                                            type: "success",
+                                        });
+
+                                        model.primary_contact_contacted = true;
+                                    } catch (e) {
+                                        ElNotification({
+                                            title: "Warning",
+                                            message:
+                                                e.response?.data?.message ||
+                                                e.message,
+                                            type: "warning",
+                                        });
+                                    }
+                                },
+                            },
+                            "Send welcome email",
+                        ),
+                    ...defaultResource.show.actions,
+                ],
+                tabs: [
+                    ...defaultResource.show.tabs,
+                    ({ model }) => ({
+                        label: "Access control",
+                        component: h(VelFormRole, {
+                            overrides: model.overrides_roles_and_permissions,
+                            form: { roles: model.roles.map((d) => d.id) },
+                            readonly: true,
+                        }),
+                    }),
+                    ({ model, $store, $router, $route, ...rest }) => {
+                        const resource = meta(...teamResource);
+
+                        const props = {
+                            model,
+                            $store,
+                            $router,
+                            $route,
+                            ...rest,
+                            resource,
+                        };
+
+                        return {
+                            label: "Teams",
+                            component: h("div", [
+                                h(
+                                    "div",
+                                    { class: "flex justify-end items-end" },
+                                    [
+                                        resource.permissions.create(props) &&
+                                            h(
+                                                VelButton,
+                                                {
+                                                    tag: "a",
+                                                    type: "primary",
+                                                    size: "large",
+                                                    onClick: () => {
+                                                        $router.push({
+                                                            name: `companies.${resource.routeName}.create`,
+                                                        });
+                                                    },
+                                                },
+                                                () => [
+                                                    h(
+                                                        resolveComponent(
+                                                            "GIcon",
+                                                        ),
+                                                        {
+                                                            class: "fill-0 mr-0.5 icon--0.5",
+                                                            name: "icon-plus",
+                                                            embed: true,
+                                                            artboard: true,
+                                                        },
+                                                    ),
+                                                    `Create ${resource.singular}`,
+                                                ],
+                                            ),
+                                    ],
+                                ),
+                                h(
+                                    VelTableSorter,
+                                    resource.index.structure(props),
+                                ),
+                            ]),
+                        };
+                    },
+                    ({ model, $store, $router, $route, ...rest }) => {
+                        const resource = meta(...userResource);
+
+                        resource.api.params.index = ({ $route }) => ({
+                            include: "company",
+                            "filter[company_id]": $route.params.companiesId,
+                        });
+
+                        const props = {
+                            model,
+                            $store,
+                            $router,
+                            $route,
+                            ...rest,
+                            resource,
+                        };
+
+                        return {
+                            label: "Users",
+                            component: h("div", [
+                                h(
+                                    "div",
+                                    { class: "flex justify-end items-end" },
+                                    [
+                                        resource.permissions.create(props) &&
+                                            h(
+                                                VelButton,
+                                                {
+                                                    tag: "a",
+                                                    type: "primary",
+                                                    size: "large",
+                                                    onClick: () => {
+                                                        $router.push({
+                                                            name: `${resource.slug}.create`,
+                                                        });
+                                                    },
+                                                },
+                                                () => [
+                                                    h(
+                                                        resolveComponent(
+                                                            "GIcon",
+                                                        ),
+                                                        {
+                                                            class: "fill-0 mr-0.5 icon--0.5",
+                                                            name: "icon-plus",
+                                                            embed: true,
+                                                            artboard: true,
+                                                        },
+                                                    ),
+                                                    `Create ${resource.singular}`,
+                                                ],
+                                            ),
+                                    ],
+                                ),
+                                h(
+                                    VelTableSorter,
+                                    resource.index.structure(props),
+                                ),
+                            ]),
+                        };
+                    },
+                ],
+            },
+        }),
+    },
+];

package/_Build/vue/modules/AuthModule/routes/PIntegrations/columns.js

@@ -0,0 +1,58 @@
+import { h } from "vue";
+
+import VelSelect from "../../../../components/form/Select.vue";
+
+export default [
+    {
+        key: "name",
+        sortable: true,
+    },
+    {
+        key: "scopes",
+        endpoint: "api/scopes",
+        labelKey: "description",
+        filterable: true,
+        clearable: true,
+        multiple: true,
+        initial: (props) =>
+            props.model?.client?.scopes?.map((id) => ({
+                id,
+                description: id,
+            })) ?? [],
+        preparation: ({ form }) => form.scopes.map((d) => d.id),
+        render: {
+            read: ({ model }) => h("span", model.client?.scopes.join(", ")),
+            write: () => h(VelSelect),
+        },
+        condition: {
+            table: false,
+        },
+    },
+    {
+        key: "client_id",
+        label: "Client ID",
+        condition: {
+            form: false,
+        },
+    },
+    {
+        key: "user_id",
+        label: "Created by",
+        render: {
+            read: ({ model }) => h("span", model?.user?.name ?? "System"),
+        },
+        condition: {
+            form: false,
+        },
+    },
+    {
+        key: "access_logs_count",
+        label: "API Calls",
+        render: {
+            read: ({ model }) => h("span", model?.access_logs_count ?? 0),
+        },
+        condition: {
+            form: false,
+        },
+    },
+];

package/_Build/vue/modules/AuthModule/routes/PIntegrations/resource.js

@@ -0,0 +1,79 @@
+import { merge } from "lodash";
+import { h, ref } from "vue";
+
+import { columns, defaultResource } from "../../../resource/index.js";
+import integrationsColumns from "./columns.js";
+import TokenDisplay from "../../../../components/layout/TokenDisplay.vue";
+
+const newToken = ref(null);
+
+export default [
+    "integrations",
+    {
+        icon: `icon-keyboard-tab`,
+        api: {
+            params: {
+                index: () => ({ include: "user,client,accessLogsCount" }),
+                show: () => ({ include: "user,client,accessLogsCount" }),
+            },
+        },
+        searchable: {
+            value: "name",
+        },
+        permissions: {
+            create: ({ $store }) => $store.getters.can("write integrations"),
+            edit: ({ $store }) => $store.getters.can("write integrations"),
+            delete: ({ $store }) => $store.getters.can("delete integrations"),
+        },
+        ...merge(columns(integrationsColumns), {
+            form: {
+                submit: async (props) => {
+                    const { form, resource, $router, model } = props;
+                    const hold = JSON.parse(JSON.stringify(form.data()));
+                    const isEdit = !!model;
+                    const endpoint = isEdit
+                        ? `${resource.api.endpoint(props)}/${model.id}`
+                        : `${resource.api.endpoint(props)}`;
+                    try {
+                        form.populate(resource.form.preparation(props));
+                        let res = await form.post(endpoint);
+                        newToken.value = res.data.token;
+                        await $router.replace({
+                            name: `${resource.name}.show`,
+                            params: {
+                                integrationsId: res.data.id,
+                            },
+                        });
+                    } catch (e) {
+                        console.log(e);
+                    } finally {
+                        if (
+                            !form.successful ||
+                            !form.__options.resetOnSuccess
+                        ) {
+                            form.populate(hold);
+                        }
+                    }
+                },
+            },
+            show: {
+                ...defaultResource.show,
+                layout: [
+                    ...defaultResource.show.layout,
+                    () =>
+                        h({
+                            setup: () => () => {
+                                if (!newToken.value) return null;
+                                return h(TokenDisplay, {
+                                    token: newToken.value,
+                                    onClose: () => {
+                                        newToken.value = null;
+                                    },
+                                });
+                            },
+                        }),
+                ],
+            },
+        }),
+    },
+];

package/_Build/vue/modules/AuthModule/routes/PTeams/columns.js

@@ -0,0 +1,78 @@
+import { h } from "vue";
+
+import VelSelect from "../../../../components/form/Select.vue";
+import VelFormRole from "../../../../components/layout/FormRole.vue";
+import Chip from "../../../../components/layout/Chip.vue";
+import Chips from "../../../../components/layout/Chips.vue";
+
+export default [
+    {
+        key: "name",
+        sortable: true,
+    },
+    {
+        key: "description",
+    },
+    {
+        key: "company_id",
+        label: "Company",
+        endpoint: "api/companies",
+        labelKey: "name",
+        filterable: true,
+        searchParam: "name",
+        condition: {
+            form: {
+                write: ({ $route, model }) =>
+                    !$route.params.companiesId && !model?.company,
+            },
+        },
+        initial: ({ model, $route }) =>
+            model?.company ||
+            ($route.params.companiesId && {
+                id: $route.params.companiesId,
+            }),
+        preparation: ({ form }) => form.company_id?.id,
+        render: {
+            read: ({ model }) => h("span", model.company.name),
+            write: () => h(VelSelect),
+        },
+    },
+    {
+        key: "user_count",
+        label: "Users",
+        condition: {
+            form: false,
+        },
+    },
+    {
+        key: "roles",
+        initial: ({ model }) => model?.roles.map((val) => val.id) || [],
+        preparation: ({ form }) =>
+            form.roles?.map((d) => (typeof d === "object" ? d.value : d)),
+        render: {
+            read: ({ model }) =>
+                h(
+                    !model.overrides_roles_and_permissions ||
+                        model.roles.length === 1
+                        ? Chip
+                        : Chips,
+                    !model.overrides_roles_and_permissions
+                        ? {
+                              name: "inherited",
+                              label: "Inherited",
+                          }
+                        : model.roles.length === 1
+                          ? {
+                                name: model.roles[0].name,
+                                label: model.roles[0].label,
+                            }
+                          : { array: model.roles },
+                ),
+            write: ({ model, form }) =>
+                h(VelFormRole, {
+                    overrides: model?.overrides_roles_and_permissions,
+                    form,
+                }),
+        },
+    },
+];