@fishawack/lab-velocity 2.0.0-beta.40 → 2.0.0-beta.42

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

@@ -1,17 +1,18 @@
+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 Chip from "../../../../components/layout/Chip.vue";
-import Chips from "../../../../components/layout/Chips.vue";
 import VelTableSorter from "../../../../components/layout/TableSorter.vue";
 import VelRoleLegend from "../../../../components/layout/RoleLegend.vue";
-import component from "./form.vue";
+
 import userResource from "../PUsers/resource.js";
 import teamResource from "../PTeams/resource.js";
-import { defaultResource, meta } from "../../../resource/index.js";
-
-import { ElNotification } from "element-plus";
-import { h, resolveComponent } from "vue";
-import axios from "axios";
 
 export default [
     "companies",
@@ -33,241 +34,181 @@ export default [
         },
         singular: "company",
         icon: "icon-cases",
-        form: {
-            component,
-            fields: ({ model }) => ({
-                name: model?.name || null,
-                primary_contact: model?.primary_contact?.id || null,
-                domains: model?.domains || [],
-                seats: model?.seats != null ? model.seats : null,
-                roles:
-                    model?.roles.map((val) => ({
-                        label: val.label,
-                        value: val.id,
-                    })) || [],
-                sso_client_id: model?.sso_client_id || undefined,
-                sso_tenant: model?.sso_tenant || undefined,
-                sso_client_secret: model?.sso_client_secret || undefined,
-                sso_type: model?.sso_type || undefined,
-            }),
-            preparation: (props) => {
-                const data = props.form.data();
-                data.roles = data.roles.map((d) => d.value);
-                return data;
+        auditable: true,
+        ...merge(columns(companiesColumns), {
+            index: {
+                layout: [
+                    ...defaultResource.index.layout,
+                    () =>
+                        h(VelRoleLegend, {
+                            class: "mt-5",
+                        }),
+                ],
             },
-        },
-        table: {
-            structure: () => [
-                {
-                    key: "name",
-                    sortable: true,
-                },
-                {
-                    key: "user_count",
-                    label: "Total users",
-                    width: "150",
-                },
-                {
-                    key: "role",
-                    render: ({ model }) =>
+            show: {
+                actions: [
+                    ({ model }) =>
+                        model.primary_contact &&
                         h(
-                            model.roles.length === 1 ? Chip : Chips,
-                            model.roles.length === 1
-                                ? {
-                                      name: model.roles[0].name,
-                                      label: model.roles[0].label,
-                                  }
-                                : { array: model.roles },
-                        ),
-                },
-            ],
-        },
-        description: {
-            structure: () => [
-                {
-                    key: "domains",
-                    render: ({ model }) => h("span", model.domains.join(", ")),
-                },
-                {
-                    key: "sso_enabled",
-                    label: "SSO Enabled",
-                },
-                {
-                    key: "primary_contact",
-                    label: "Primary Contact",
-                    render: ({ model }) =>
-                        h("span", model.primary_contact?.name),
-                },
-                {
-                    key: "primary_contact_email",
-                    label: "Primary Contact Email",
-                    render: ({ model }) =>
-                        h("span", model.primary_contact?.email),
-                },
-                {
-                    key: "primary_contact_contacted",
-                    label: "Primary Contact Contacted",
-                    render: ({ model }) =>
-                        h("span", !!model.primary_contact_contacted),
-                },
-                {
-                    label: "Total Users",
-                    key: "user_count",
-                },
-                {
-                    label: "Available Seats",
-                    key: "seats",
-                },
-            ],
-        },
-        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",
-                                    });
+                            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",
-                                    });
-                                }
+                                        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,
+                            "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);
+                    ({ model, $store, $router, $route, ...rest }) => {
+                        const resource = meta(...teamResource);
 
-                    const props = {
-                        model,
-                        $store,
-                        $router,
-                        $route,
-                        ...rest,
-                        resource,
-                    };
+                        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}`,
-                                        ],
-                                    ),
+                        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),
+                                ),
                             ]),
-                            h(VelTableSorter, resource.index.structure(props)),
-                        ]),
-                    };
-                },
-                ({ model, $store, $router, $route, ...rest }) => {
-                    const resource = meta(...userResource);
+                        };
+                    },
+                    ({ model, $store, $router, $route, ...rest }) => {
+                        const resource = meta(...userResource);
 
-                    resource.api.params.index = ({ $route }) => ({
-                        include: "company",
-                        "filter[company_id]": $route.params.companiesId,
-                    });
+                        resource.api.params.index = ({ $route }) => ({
+                            include: "company",
+                            "filter[company_id]": $route.params.companiesId,
+                        });
 
-                    const props = {
-                        model,
-                        $store,
-                        $router,
-                        $route,
-                        ...rest,
-                        resource,
-                    };
+                        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}`,
-                                        ],
-                                    ),
+                        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),
+                                ),
                             ]),
-                            h(VelTableSorter, resource.index.structure(props)),
-                        ]),
-                    };
-                },
-            ],
-        },
+                        };
+                    },
+                ],
+            },
+        }),
     },
 ];

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

@@ -0,0 +1,122 @@
+import { merge } from "lodash";
+import { ElMessageBox } from "element-plus";
+import { h } from "vue";
+
+import { columns } from "../../../resource/index.js";
+import VelSelect from "../../../../components/form/Select.vue";
+
+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([
+                {
+                    key: "name",
+                    sortable: true,
+                },
+                {
+                    key: "scopes",
+                    endpoint: "api/scopes",
+                    labelKey: "description",
+                    filterable: true,
+                    clearable: true,
+                    multiple: true,
+                    initial: () => [],
+                    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,
+                    },
+                },
+            ]),
+            {
+                form: {
+                    submit: async (props) => {
+                        const { form, resource, $router } = props;
+                        const hold = JSON.parse(JSON.stringify(form.data()));
+                        try {
+                            form.populate(resource.form.preparation(props));
+                            let res = await form.post(
+                                `${resource.api.endpoint(props)}`,
+                            );
+                            ElMessageBox.alert(
+                                `<p>The token below will not be shown again. Ensure you've taken a copy before closing this window.<br><br><strong>Token</strong>:</p><p><em>${res.data.token}</em></p>`,
+                                "Token minted",
+                                {
+                                    confirmButtonText: "Ok",
+                                    dangerouslyUseHTMLString: true,
+                                },
+                            )
+                                .then(() => {
+                                    $router.replace({
+                                        name: `${resource.name}.show`,
+                                        params: {
+                                            integrationsId: res.data.id,
+                                        },
+                                    });
+                                })
+                                .catch(() => {});
+                        } catch (e) {
+                            console.log(e);
+                        } finally {
+                            if (
+                                !form.successful ||
+                                !form.__options.resetOnSuccess
+                            ) {
+                                form.populate(hold);
+                            }
+                        }
+                    },
+                },
+            },
+        ),
+    },
+];

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

@@ -32,6 +32,7 @@ export default [
                 }),
             },
         },
+        auditable: true,
         permissions: {
             create: ({ $store }) => $store.getters.can("write teams"),
             edit: ({ $store }) => $store.getters.can("write teams"),