@fishawack/lab-velocity 2.0.0-beta.5 → 2.0.0-beta.50

package/index.js

@@ -1,13 +1,26 @@
 import Router from "./_Build/vue/modules/AuthModule/js/router.js";
 import Axios from "./_Build/vue/modules/AuthModule/js/axios.js";
 import Store from "./_Build/vue/modules/AuthModule/js/store.js";
+import { ImpersonationPlugin } from "./_Build/vue/modules/AuthModule/js/impersonation-banner.js";
 
 export const Auth = {
     Router,
     Axios,
     Store,
+    ImpersonationPlugin,
 };
 
+export { default as Resource } from "./_Build/vue/modules/resource/index.js";
+
+export { default as UserResource } from "./_Build/vue/modules/AuthModule/routes/PUsers/resource.js";
+export { default as UserColumns } from "./_Build/vue/modules/AuthModule/routes/PUsers/columns.js";
+export { default as CompanyResource } from "./_Build/vue/modules/AuthModule/routes/PCompanies/resource.js";
+export { default as CompanyColumns } from "./_Build/vue/modules/AuthModule/routes/PCompanies/columns.js";
+export { default as TeamResource } from "./_Build/vue/modules/AuthModule/routes/PTeams/resource.js";
+export { default as TeamColumns } from "./_Build/vue/modules/AuthModule/routes/PTeams/columns.js";
+export { default as IntegrationResource } from "./_Build/vue/modules/AuthModule/routes/PIntegrations/resource.js";
+export { default as IntegrationColumns } from "./_Build/vue/modules/AuthModule/routes/PIntegrations/columns.js";
+
 export { default as Button } from "./_Build/vue/components/basic/Button.vue";
 export { default as Link } from "./_Build/vue/components/basic/link.vue";
 
@@ -22,14 +35,24 @@ export { default as Switch } from "./_Build/vue/components/form/Switch.vue";
 export { default as Wysiwyg } from "./_Build/vue/components/form/Wysiwyg.vue";
 export { default as Wysiwyg2 } from "./_Build/vue/components/form/Wysiwyg2.vue";
 export { default as Upload } from "./_Build/vue/components/form/Upload.vue";
+export { default as Avatar } from "./_Build/vue/components/form/Avatar.vue";
 export { default as InputNumber } from "./_Build/vue/components/form/InputNumber.vue";
 
-export { default as SideBar } from "./_Build/vue/components/layout/sideBar.vue";
+export { default as RoleLegend } from "./_Build/vue/components/layout/RoleLegend.vue";
+export { default as FormRole } from "./_Build/vue/components/layout/FormRole.vue";
+export { default as TableSorter } from "./_Build/vue/components/layout/TableSorter.vue";
+export { default as Chip } from "./_Build/vue/components/layout/Chip.vue";
+export { default as Chips } from "./_Build/vue/components/layout/Chips.vue";
+export { default as SideBar } from "./_Build/vue/components/layout/SideBar.vue";
 export { default as Footer } from "./_Build/vue/components/layout/Footer.vue";
 export { default as Header } from "./_Build/vue/components/layout/Header.vue";
+export { default as Layout } from "./_Build/vue/components/layout/Layout.vue";
+export { default as Navigation } from "./_Build/vue/components/layout/Navigation.vue";
 export { default as PageTitle } from "./_Build/vue/components/layout/pageTitle.vue";
 export { default as Alert } from "./_Build/vue/components/layout/Alert.vue";
 export { default as Tooltip } from "./_Build/vue/components/layout/Tooltip.vue";
+export { default as Audit } from "./_Build/vue/components/layout/Audit.vue";
+export { default as TokenDisplay } from "./_Build/vue/components/layout/TokenDisplay.vue";
 export { default as Menu } from "./_Build/vue/components/navigation/Menu.vue";
 export { default as MenuItem } from "./_Build/vue/components/navigation/MenuItem.vue";
 export { default as MenuItemGroup } from "./_Build/vue/components/navigation/MenuItemGroup.vue";
@@ -40,3 +63,10 @@ export { default as BreadcrumbsItem } from "./_Build/vue/components/navigation/B
 export { default as Icon } from "./_Build/vue/components/Icon.vue";
 export { default as Svg } from "./_Build/vue/components/Svg.vue";
 export { default as Loader } from "./_Build/vue/components/layout/Loader.vue";
+
+export { default as Filters } from "./_Build/js/libs/filters.js";
+export {
+    ucfirst,
+    calendarFormat,
+    dateFormat,
+} from "./_Build/js/libs/filters.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fishawack/lab-velocity",
-    "version": "2.0.0-beta.5",
+    "version": "2.0.0-beta.50",
     "description": "Avalere Health branded style system",
     "scripts": {
         "setup": "npm ci || npm i && npm run content",
@@ -54,18 +54,21 @@
         "@tiptap/starter-kit": "^2.11.2",
         "@tiptap/vue-3": "^2.11.2",
         "axios": "^1.11.0",
-        "element-plus": "^2.7.8",
+        "dayjs": "^1.11.20",
+        "element-plus": "^2.11.8",
         "form-backend-validation": "github:mikemellor11/form-backend-validation#master",
+        "js-cookie": "^3.0.5",
         "lodash": "^4.17.21",
         "quill": "^1.3.7",
         "sanitize-html": "^2.13.1"
     },
     "files": [
         "*.scss",
-        "modules",
         "components",
+        "_Build/js/libs",
         "_Build/vue/components",
-        "_Build/vue/modules/AuthModule"
+        "_Build/vue/modules/AuthModule",
+        "_Build/vue/modules/resource"
     ],
     "main": "index.js",
     "release": {

package/vendor.scss

@@ -15,7 +15,6 @@
 @import "@fishawack/lab-ui/_typography.scss";
 @import "@fishawack/lab-ui/_grid.scss";
 @import "@fishawack/lab-ui/_button.scss";
-
 @import "@fishawack/lab-ui/_utilities.scss";
 
 // Element-plus base style

package/_Build/vue/components/layout/sideBar.vue

@@ -1,25 +0,0 @@
-<template>
-    <div class="vel-side-bar" :class="{ active: active }">
-        <div>
-            <slot name="navigation" />
-        </div>
-
-        <div class="vel-side-bar__bottom">
-            <button class="vel-side-bar__button" @click="active = !active">
-                <slot name="expand"> > </slot>
-            </button>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "SideBar",
-
-    data() {
-        return {
-            active: true,
-        };
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/Upload/upload.vue

@@ -1,251 +0,0 @@
-<template>
-    <VBreadcrumbs :items="breadcrumbs" class="mb-8" container-classes="m-0" />
-
-    <div class="container px-6 tablet:px-4 mobile:px-2 mb-8 ml-0 mr-0">
-        <div class="grid__1/2">
-            <div class="grid__1/1 grid justify-between mb-4 items-end">
-                <h2 class="h1">User import</h2>
-                <div>
-                    <el-button
-                        tag="a"
-                        type="secondary"
-                        href="/media/content/files/example.csv"
-                        download
-                    >
-                        <GIcon
-                            class="fill-1 mr-0.5"
-                            name="icon-download"
-                            embed
-                            artboard
-                        />
-                        Download example file
-                    </el-button>
-                </div>
-            </div>
-            <div class="grid__1/1">
-                <el-select
-                    v-model="form.roles"
-                    placeholder="Select"
-                    multiple
-                    name="roles"
-                    :error="form.errors"
-                    label="Roles"
-                    :options="[
-                        {
-                            label: 'Administrator',
-                            value: '1',
-                        },
-                        {
-                            label: 'Subscriber',
-                            value: '2',
-                        },
-                    ]"
-                />
-
-                <el-select
-                    v-if="form.roles && form.roles.length"
-                    v-model="form.permissions"
-                    placeholder="Select"
-                    multiple
-                    name="permissions"
-                    :error="form.errors"
-                    label="Permissions"
-                    :options="[
-                        {
-                            label: `Inherit Permissions`,
-                            value: null,
-                        },
-                        //{ // temporarily disabled as not used yet
-                        //    label: &quot;Approve Content&quot;,
-                        //    value: &quot;2&quot;
-                        //},
-                        {
-                            label: 'View content',
-                            value: '3',
-                        },
-                        {
-                            label: 'Write content',
-                            value: '4',
-                            disabled: !form.roles.includes(1),
-                        },
-                        {
-                            label: 'Delete content',
-                            value: '5',
-                            disabled: !form.roles.includes(1),
-                        },
-                    ]"
-                />
-            </div>
-            <div class="grid__1/1">
-                <hr class="my-3 hr-muted" />
-
-                <el-upload
-                    ref="upload"
-                    v-model="form.files"
-                    name="files"
-                    label="Upload spreadsheet"
-                    :auto-upload="false"
-                    :limit="1"
-                    :on-exceed="handleExceed"
-                >
-                    <template #trigger>
-                        <el-button
-                            class="mt"
-                            type="primary"
-                            :disabled="form.processing || form.files.length"
-                            >Select file</el-button
-                        >
-                    </template>
-
-                    <el-button
-                        class="ml relative button--spinner"
-                        type="success"
-                        :disabled="form.processing || !form.files.length"
-                        @click="submitUpload"
-                    >
-                        <span :class="{ active: !form.processing }"
-                            >Upload</span
-                        >
-                        <GSpinner :class="{ active: form.processing }" />
-                    </el-button>
-
-                    <small class="block my color-muted"
-                        >Upload one spreadsheet with a size less than
-                        50MB</small
-                    >
-                </el-upload>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-"use strict";
-
-import Form from "form-backend-validation";
-import { ElMessageBox, genFileId } from "element-plus";
-
-export default {
-    name: "Create",
-
-    components: {
-        VBreadcrumbs: require("../../../../components/VBreadcrumbs.vue")
-            .default,
-    },
-
-    data() {
-        return {
-            id: null,
-            breadcrumbs: [
-                {
-                    href: {
-                        name: "index",
-                    },
-                    text: "Home",
-                },
-            ],
-            form: new Form(
-                {
-                    step: 0,
-                    files: [],
-                    roles: [2],
-                    permissions: [null],
-                    company_id: null,
-                },
-                {
-                    http: window.axios,
-                },
-            ),
-        };
-    },
-
-    watch: {
-        "form.roles": {
-            handler(newVal) {
-                const subscriptions = [
-                    3, // view content
-                    4, // write content
-                    5, // delete content
-                ];
-
-                if (!newVal.includes(1)) {
-                    this.form.permissions = this.form.permissions.filter(
-                        (item) => subscriptions.includes(item),
-                    );
-
-                    if (!newVal.includes(2)) {
-                        this.form.permissions = this.form.permissions.filter(
-                            (item) => !subscriptions.includes(item),
-                        );
-                    }
-                }
-            },
-        },
-    },
-
-    async mounted() {
-        this.id = this.$route.params.id;
-        this.form.company_id = this.id;
-        window.axios.get(`/api/companies/${this.id}`).then((res) => {
-            const company = res.data.data;
-            this.breadcrumbs.push(
-                {
-                    href: {
-                        name: "companies.show",
-                        param: this.id,
-                    },
-                    text: company.name,
-                },
-                {
-                    href: {
-                        name: "companies.pload",
-                    },
-                    text: "User upload",
-                },
-            );
-        });
-    },
-
-    methods: {
-        submitUpload() {
-            this.form.post(`/api/users/import`).then(({ data }) => {
-                this.open(data);
-            });
-        },
-
-        handleExceed(files) {
-            this.$refs.upload.clearFiles();
-
-            const file = files[0];
-            file.uid = genFileId();
-
-            this.$refs.upload.handleStart(file);
-        },
-
-        open(data) {
-            let html = "Succesfully imported all users";
-
-            if (data.length > 0) {
-                html =
-                    "Errors detected on upload following emails were not added to the system<table>";
-                for (let x = 0; x < data.length; x++) {
-                    html += `<tr><td>${data[x].email}</td></tr>`;
-                }
-                html += "</table>";
-            }
-
-            ElMessageBox.alert(html, {
-                confirmButtonText: "Ok",
-                dangerouslyUseHTMLString: true,
-            })
-                .then(() => {
-                    this.$router.replace({
-                        name: "companies.show",
-                        params: { id: this.id },
-                    });
-                })
-                .catch(() => {});
-        },
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/create.vue

@@ -1,62 +0,0 @@
-<template>
-    <VBreadcrumbs :items="breadcrumbs" class="mb-8" container-classes="m-0" />
-
-    <div class="container px-6 tablet:px-4 mobile:px-2 mb-8 ml-0 mr-0">
-        <div class="grid__1/1">
-            <div class="grid__1/1 mb-4">
-                <h2 class="h1">Create Company</h2>
-            </div>
-            <div class="mt grid__1/2">
-                <XForm ref="form" :form="form" :submit="submit" />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import Form from "form-backend-validation";
-
-export default {
-    name: "PCreate",
-
-    components: {
-        VBreadcrumbs: require("../../../components/VBreadcrumbs.vue").default,
-        XForm: require("./partials/form.vue").default,
-    },
-
-    props: {
-        breadcrumbs: {
-            type: Array,
-            required: true,
-        },
-    },
-
-    data() {
-        return {
-            form: new Form({
-                name: null,
-                domains: [],
-                roles: [],
-                sso_client_id: undefined,
-                sso_tenant: undefined,
-                sso_client_secret: undefined,
-                sso_type: undefined,
-            }),
-        };
-    },
-
-    methods: {
-        async submit() {
-            try {
-                let res = await this.form.post(`/api/companies`);
-                this.$router.replace({
-                    name: "companies.show",
-                    params: { id: res.data.id },
-                });
-            } catch (e) {
-                this.$root.errors(e);
-            }
-        },
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/edit.vue

@@ -1,98 +0,0 @@
-<template>
-    <VBreadcrumbs
-        :items="addBreadcrumbs"
-        class="mb-8"
-        container-classes="m-0"
-    />
-
-    <div class="container px-6 tablet:px-4 mobile:px-2 mb-8 ml-0 mr-0">
-        <div class="grid__1/1">
-            <div class="grid__1/1 mb-4">
-                <h2 class="h1">Edit Company</h2>
-            </div>
-            <div class="grid__1/2">
-                <XForm
-                    :id="id"
-                    ref="form"
-                    :form="form"
-                    :submit="submit"
-                    method="patch"
-                />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import Form from "form-backend-validation";
-export default {
-    name: "PEdit",
-
-    components: {
-        VBreadcrumbs: require("../../../components/VBreadcrumbs.vue").default,
-        XForm: require("./partials/form.vue").default,
-    },
-
-    props: {
-        breadcrumbs: {
-            type: Array,
-            required: true,
-        },
-    },
-
-    data() {
-        return {
-            id: null,
-            form: new Form({
-                name: null,
-                domains: [],
-                roles: [],
-                primary_contact: null,
-                sso_client_id: undefined,
-                sso_tenant: undefined,
-                sso_client_secret: undefined,
-                sso_type: undefined,
-            }),
-            addBreadcrumbs: [...this.$props.breadcrumbs],
-        };
-    },
-
-    async mounted() {
-        this.id = this.$route.params.id;
-        window.axios
-            .get(`/api/companies/${this.id}?include=primary_contact`)
-            .then((res) => {
-                const company = res.data.data;
-                this.form.name = company.name;
-                this.form.primary_contact = company?.primary_contact?.id;
-                this.form.domains = company.domains;
-                this.form.roles = company.roles.map((val) => val.id);
-                this.form.sso_client_id = company.sso_client_id;
-                this.form.sso_tenant = company.sso_tenant;
-                this.form.sso_client_secret = company.sso_client_secret;
-                this.form.sso_type = company.sso_type;
-                this.addBreadcrumbs.push({
-                    href: {
-                        name: "companies.show",
-                        param: this.id,
-                    },
-                    text: company.name,
-                });
-            });
-    },
-
-    methods: {
-        async submit() {
-            try {
-                let res = await this.form.patch(`/api/companies/${this.id}`);
-                this.$router.replace({
-                    name: "companies.show",
-                    params: { id: res.data.id },
-                });
-            } catch (e) {
-                this.$root.errors(e);
-            }
-        },
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/index.vue

@@ -1,90 +0,0 @@
-<template>
-    <VBreadcrumbs :items="breadcrumbs" class="mb-8" container-classes="m-0" />
-
-    <div class="container px-6 tablet:px-4 mobile:px-2 mb-8 ml-0 mr-0">
-        <div class="grid__1/1">
-            <h2 class="h1 pb-4">
-                {{ breadcrumbs[breadcrumbs.length - 1].text }}
-            </h2>
-
-            <VTableSorter
-                key="PIndex"
-                :json-data="jsonData"
-                api="companies"
-                :fixed-height="false"
-                :display-edit-action="$store.getters.can('write companies')"
-            />
-
-            <VRoleLegend class="mt-5" />
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "PIndex",
-
-    components: {
-        VBreadcrumbs: require("../../../components/VBreadcrumbs.vue").default,
-        VTableSorter: require("../../../components/VTableSorter.vue").default,
-        VRoleLegend: require("../../../components/VRoleLegend.vue").default,
-    },
-
-    props: {
-        breadcrumbs: {
-            type: Array,
-            required: true,
-        },
-    },
-
-    data() {
-        return {
-            jsonData: {
-                label: "company",
-                multiLabel: "companies",
-                pageLink: "companies",
-                api: "/api/companies",
-                searchable: {
-                    label: "Search companies",
-                    value: "name",
-                },
-                tableStructure: [
-                    {
-                        label: "Name",
-                        key: "name",
-                        sortable: true,
-                    },
-                    {
-                        label: "Total users",
-                        key: "user_count",
-                        sortable: false,
-                        width: "150",
-                    },
-                    {
-                        label: "Role",
-                        component: {
-                            module: (row) => {
-                                if (row.roles.length === 1)
-                                    return require("../../../components/Chip.vue")
-                                        .default;
-
-                                return require("../../../components/Chips.vue")
-                                    .default;
-                            },
-                            props: (row) =>
-                                row.roles.length === 1
-                                    ? {
-                                          name: row.roles[0].name,
-                                          label: row.roles[0].label,
-                                      }
-                                    : { array: row.roles },
-                        },
-                    },
-                ],
-            },
-        };
-    },
-
-    mounted() {},
-};
-</script>