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

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

@@ -1,112 +0,0 @@
-<template>
-    <VBreadcrumbs :items="breadcrumbs" />
-
-    <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"
-                api="users"
-                :json-data="jsonData"
-                defaults="include=company"
-                :fixed-height="false"
-                :display-edit-action="$store.getters.can('write users')"
-            />
-
-            <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: "user",
-                multiLabel: "users",
-                pageLink: "users",
-                api: "/api/users",
-                searchable: {
-                    label: "Search users",
-                    value: "email",
-                },
-                tableStructure: [
-                    {
-                        label: "Name",
-                        key: "name",
-                        sortable: true,
-                    },
-                    {
-                        label: "Email",
-                        key: "email",
-                        sortable: true,
-                    },
-                    {
-                        label: "Company",
-                        sortable: true,
-                        component: {
-                            is: () => "router-link",
-                            props: (row) => ({
-                                to: {
-                                    name: "companies.show",
-                                    params: { id: row.company_id },
-                                },
-                                text: row.company.name,
-                            }),
-                        },
-                    },
-                    {
-                        label: "Role",
-                        component: {
-                            module: (row) => {
-                                if (
-                                    !row.overrides_roles_and_permissions ||
-                                    row.roles.length === 1
-                                )
-                                    return require("../../../components/Chip.vue")
-                                        .default;
-
-                                return require("../../../components/Chips.vue")
-                                    .default;
-                            },
-                            props: (row) => {
-                                if (!row.overrides_roles_and_permissions)
-                                    return {
-                                        name: "inherited",
-                                        label: "Inherited",
-                                    };
-
-                                return row.roles.length === 1
-                                    ? {
-                                          name: row.roles[0].name,
-                                          label: row.roles[0].label,
-                                      }
-                                    : { array: row.roles };
-                            },
-                        },
-                    },
-                ],
-            },
-        };
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PUsers/Children/partials/form.vue

@@ -1,173 +0,0 @@
-<!-- eslint-disable vue/no-mutating-props -->
-<template>
-    <form class="" @submit.prevent="submit">
-        <template v-if="method !== 'patch'">
-            <el-basic
-                v-model="form.name"
-                name="name"
-                :error="form.errors"
-                type="text"
-                placeholder="Name"
-                label="Name"
-            />
-
-            <el-basic
-                v-model="form.email"
-                placeholder="Email"
-                label="Email"
-                type="text"
-                name="email"
-                :error="form.errors"
-            />
-
-            Company: <span v-text="company?.name" />
-
-            <hr class="my-3 hr-muted" />
-
-            <VelCheckbox
-                v-model="form.notify_user"
-                name="notify_user"
-                :error="form.errors"
-                label="Send email to notify user of account and password"
-            />
-            <VelCheckbox
-                v-model="form.force_password_change"
-                name="force_password_change"
-                :error="form.errors"
-                label="Force password change on first login"
-            />
-            <VelCheckbox
-                v-model="form.set_password"
-                name="set_password"
-                :error="form.errors"
-                label="Auto generate password"
-            />
-            <template v-if="!form.set_password">
-                <el-basic
-                    v-model="form.password"
-                    name="password"
-                    :error="form.errors"
-                    type="password"
-                    placeholder="Password"
-                    label="Password"
-                />
-                <el-basic
-                    v-model="form.password_confirmation"
-                    name="password_confirmation"
-                    :error="form.errors"
-                    type="password"
-                    placeholder="Password Confirmation"
-                    label="Password Confirmation"
-                />
-            </template>
-
-            <hr class="my-5 hr-muted" />
-        </template>
-
-        <template v-if="$store.getters.can('edit roles')">
-            <template v-if="enableRoles">
-                <VelButton
-                    type="secondary"
-                    @click="
-                        form.roles = [];
-                        enableRoles = false;
-                    "
-                >
-                    Reset roles
-                </VelButton>
-                <FormRole :form="form" />
-            </template>
-            <template v-else>
-                <VelButton @click="enableRoles = true">
-                    <GIcon name="icon-plus" embed asis class="fill-0 mr" />
-                    Override roles
-                </VelButton>
-                <p class="mt-2">
-                    Roles will be inherited from the company level.
-                </p>
-            </template>
-            <hr class="my-5 hr-muted" />
-        </template>
-
-        <VFormFooter :loading="form.processing" />
-    </form>
-</template>
-
-<script>
-import axios from "axios";
-import { debounce } from "lodash";
-import VelButton from "../../../../../../components/basic/Button.vue";
-import VelCheckbox from "../../../../../../components/form/Checkbox.vue";
-
-export default {
-    components: {
-        VFormFooter: require("../../../../components/VFormFooter.vue").default,
-        FormRole: require("../../../../components/FormRole.vue").default,
-        VelCheckbox,
-        VelButton,
-    },
-    props: {
-        form: {
-            required: true,
-            type: Object,
-        },
-        submit: {
-            required: true,
-            type: Function,
-        },
-        method: {
-            required: true,
-            type: String,
-        },
-    },
-
-    data() {
-        return {
-            companies: null,
-            enableRoles: null,
-            company: null,
-        };
-    },
-
-    computed: {
-        domain() {
-            return this.form.email?.split("@")[1];
-        },
-    },
-
-    watch: {
-        "form.roles": {
-            handler(newVal) {
-                if (this.enableRoles === null) {
-                    this.enableRoles = newVal.length > 0;
-                }
-            },
-        },
-        "form.email": debounce(function () {
-            if (this.domain) {
-                axios
-                    .get("/api/companies", {
-                        params: {
-                            "filter[domains.domain]": this.domain,
-                        },
-                    })
-                    .then((res) => {
-                        this.company = res.data.data[0];
-                    })
-                    .catch((error) => {
-                        console.error("Error fetching company:", error);
-                        this.company = null;
-                    });
-            } else {
-                this.company = null;
-            }
-        }, 500),
-    },
-
-    mounted() {
-        axios.getAll("/api/companies").then((res) => {
-            this.companies = res.data.data;
-        });
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PUsers/Children/show.vue

@@ -1,123 +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">
-            <template v-if="user">
-                <div class="bg-0 p-3 box-shadow-1 border-r-4 mb-6">
-                    <VPageHeader
-                        icon="icon-user"
-                        :title="`${user.name} ${user.last_name ?? ''}`"
-                    >
-                        <VelButton
-                            v-if="$store.getters.can('write users')"
-                            tag="a"
-                            type="primary"
-                            @click="
-                                $router.push({
-                                    name: 'users.edit',
-                                    param: user.id,
-                                })
-                            "
-                        >
-                            <GIcon
-                                class="fill-0 mr-0.5"
-                                name="icon-edit"
-                                embed
-                                artboard
-                            />
-                            Edit user
-                        </VelButton>
-                    </VPageHeader>
-
-                    <hr class="my-3 hr-muted" />
-
-                    <table>
-                        <tbody>
-                            <tr>
-                                <td class="p">Email</td>
-                                <td class="p">{{ user.email }}</td>
-                            </tr>
-                            <tr>
-                                <td class="p">Company</td>
-                                <td class="p">
-                                    <router-link
-                                        :to="{
-                                            name: 'companies.show',
-                                            params: { id: user.company.id },
-                                        }"
-                                    >
-                                        {{ user.company?.name }}
-                                    </router-link>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-
-                    <hr class="my-3 hr-muted" />
-
-                    <FormRole
-                        :overrides="user.overrides_roles_and_permissions"
-                        :form="{ roles: user.roles.map((d) => d.id) }"
-                        :readonly="true"
-                    />
-                </div>
-            </template>
-
-            <div v-else class="absolute transform-center text-center">
-                <VelSpinner />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import axios from "axios";
-import VelButton from "../../../../../components/basic/Button.vue";
-import VelSpinner from "../../../../../components/form/Spinner.vue";
-
-export default {
-    name: "PShow",
-
-    components: {
-        VBreadcrumbs: require("../../../components/VBreadcrumbs.vue").default,
-        VPageHeader: require("../../../components/VPageHeader.vue").default,
-        FormRole: require("../../../components/FormRole.vue").default,
-        VelButton,
-        VelSpinner,
-    },
-
-    props: {
-        breadcrumbs: {
-            type: Array,
-            required: true,
-        },
-    },
-
-    data() {
-        return {
-            user: null,
-            addBreadcrumbs: [...this.$props.breadcrumbs],
-        };
-    },
-
-    mounted() {
-        axios
-            .get(`/api/users/${this.$route.params.id}?include=company`)
-            .then((res) => {
-                this.user = res.data.data;
-                this.addBreadcrumbs.push({
-                    href: {
-                        name: "users.show",
-                        param: this.user.id,
-                    },
-                    text: this.user.name,
-                });
-            });
-    },
-};
-</script>

package/_Build/vue/modules/AuthModule/adminRoutes/PUsers/parent.vue

@@ -1,36 +0,0 @@
-<template>
-    <PageTitle title="Users" />
-
-    <router-view :key="$route.path" :breadcrumbs="breadcrumbs" />
-</template>
-
-<script>
-import PageTitle from "../../../../components/layout/pageTitle.vue";
-
-export default {
-    name: "PUsers",
-
-    components: {
-        PageTitle,
-    },
-
-    data() {
-        return {
-            breadcrumbs: [
-                {
-                    href: {
-                        name: "index",
-                    },
-                    text: "Home",
-                },
-                {
-                    href: {
-                        name: "users.index",
-                    },
-                    text: "Users",
-                },
-            ],
-        };
-    },
-};
-</script>