From c49c130e9e694bf1b92dd44717e9e547f23d1e6c Mon Sep 17 00:00:00 2001
From: Darko Gjorgjijoski <dg@darkog.com>
Date: Sat, 4 Apr 2026 00:00:53 +0200
Subject: [PATCH] =?UTF-8?q?Remove=20Add=20Member=20button=20and=20Create?=
 =?UTF-8?q?=20page=20=E2=80=94=20members=20are=20added=20via=20invitation?=
 =?UTF-8?q?=20only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/scripts/admin/admin-router.js       |  13 -
 .../scripts/admin/views/members/Create.vue    | 294 ------------------
 .../scripts/admin/views/members/Index.vue     |  15 -
 3 files changed, 322 deletions(-)
 delete mode 100644 resources/scripts/admin/views/members/Create.vue

diff --git a/resources/scripts/admin/admin-router.js b/resources/scripts/admin/admin-router.js
index b8be3067..fbc1b70b 100644
--- a/resources/scripts/admin/admin-router.js
+++ b/resources/scripts/admin/admin-router.js
@@ -68,7 +68,6 @@ const ExpenseCreate = () => import('@/scripts/admin/views/expenses/Create.vue')
 
 // Members
 const MemberIndex = () => import('@/scripts/admin/views/members/Index.vue')
-const MemberCreate = () => import('@/scripts/admin/views/members/Create.vue')
 
 // Estimates
 const EstimateIndex = () => import('@/scripts/admin/views/estimates/Index.vue')
@@ -415,18 +414,6 @@ export default [
         meta: { isOwner: true },
         component: MemberIndex,
       },
-      {
-        path: 'members/create',
-        meta: { isOwner: true },
-        name: 'members.create',
-        component: MemberCreate,
-      },
-      {
-        path: 'members/:id/edit',
-        name: 'members.edit',
-        meta: { isOwner: true },
-        component: MemberCreate,
-      },
 
       // Estimates
       {
diff --git a/resources/scripts/admin/views/members/Create.vue b/resources/scripts/admin/views/members/Create.vue
deleted file mode 100644
index d7f7a4dc..00000000
--- a/resources/scripts/admin/views/members/Create.vue
+++ /dev/null
@@ -1,294 +0,0 @@
-<template>
-  <BasePage>
-    <BasePageHeader :title="pageTitle">
-      <BaseBreadcrumb>
-        <BaseBreadcrumbItem :title="$t('general.home')" to="dashboard" />
-        <BaseBreadcrumbItem :title="$t('members.user', 2)" to="/admin/members" />
-        <BaseBreadcrumbItem :title="pageTitle" to="#" active />
-      </BaseBreadcrumb>
-    </BasePageHeader>
-
-    <form action="" autocomplete="off" @submit.prevent="submitUser">
-      <div class="grid grid-cols-12">
-        <BaseCard class="mt-6 col-span-12 md:col-span-8">
-          <BaseInputGrid layout="one-column">
-            <BaseInputGroup
-              :content-loading="isFetchingInitialData"
-              :label="$t('members.name')"
-              :error="
-                v$.userData.name.$error && v$.userData.name.$errors[0].$message
-              "
-              required
-            >
-              <BaseInput
-                v-model.trim="userStore.userData.name"
-                :content-loading="isFetchingInitialData"
-                :invalid="v$.userData.name.$error"
-                @input="v$.userData.name.$touch()"
-              >
-              </BaseInput>
-            </BaseInputGroup>
-
-            <BaseInputGroup
-              :content-loading="isFetchingInitialData"
-              :label="$t('members.email')"
-              :error="
-                v$.userData.email.$error &&
-                v$.userData.email.$errors[0].$message
-              "
-              required
-            >
-              <BaseInput
-                v-model.trim="userStore.userData.email"
-                type="email"
-                :content-loading="isFetchingInitialData"
-                :invalid="v$.userData.email.$error"
-                @input="v$.userData.email.$touch()"
-              >
-              </BaseInput>
-            </BaseInputGroup>
-
-            <BaseInputGroup
-              :content-loading="isFetchingInitialData"
-              :label="$t('members.companies')"
-              :error="
-                v$.userData.companies.$error &&
-                v$.userData.companies.$errors[0].$message
-              "
-              required
-            >
-              <BaseMultiselect
-                v-model="userStore.userData.companies"
-                mode="tags"
-                :object="true"
-                autocomplete="new-password"
-                label="name"
-                :options="companies"
-                value-prop="id"
-                :invalid="v$.userData.companies.$error"
-                :content-loading="isFetchingInitialData"
-                searchable
-                :can-deselect="false"
-                class="w-full"
-                track-by="name"
-              />
-            </BaseInputGroup>
-
-            <ValidateEach
-              v-for="(company, i) in userStore.userData.companies"
-              :key="i"
-              :state="company"
-              :rules="companyArrayRules"
-            >
-              <template #default="{ v }">
-                <div class="space-y-6">
-                  <BaseInputGroup
-                    :content-loading="isFetchingInitialData"
-                    :label="
-                      $t('members.select_company_role', { company: company.name })
-                    "
-                    :error="v.role.$error && v.role.$errors[0].$message"
-                    required
-                  >
-                    <BaseMultiselect
-                      v-model="userStore.userData.companies[i].role"
-                      value-prop="name"
-                      track-by="id"
-                      autocomplete="off"
-                      :content-loading="isFetchingInitialData"
-                      label="name"
-                      :options="userStore.userData.companies[i].roles"
-                      :can-deselect="false"
-                      :invalid="v.role.$invalid"
-                      @change="v.role.$touch()"
-                    />
-                  </BaseInputGroup>
-                </div>
-              </template>
-            </ValidateEach>
-
-            <BaseInputGroup
-              :content-loading="isFetchingInitialData"
-              :label="$t('members.password')"
-              :error="
-                v$.userData.password.$error &&
-                v$.userData.password.$errors[0].$message
-              "
-              :required="!isEdit"
-            >
-              <BaseInput
-                v-model="userStore.userData.password"
-                name="new-password"
-                autocomplete="new-password"
-                :content-loading="isFetchingInitialData"
-                type="password"
-                :invalid="v$.userData.password.$error"
-                @input="v$.userData.password.$touch()"
-              >
-              </BaseInput>
-            </BaseInputGroup>
-
-            <BaseInputGroup
-              :content-loading="isFetchingInitialData"
-              :label="$t('members.phone')"
-            >
-              <BaseInput
-                v-model.trim="userStore.userData.phone"
-                :content-loading="isFetchingInitialData"
-              ></BaseInput>
-            </BaseInputGroup>
-          </BaseInputGrid>
-
-          <BaseButton
-            :content-loading="isFetchingInitialData"
-            type="submit"
-            :loading="isSaving"
-            :disabled="isSaving"
-            class="mt-6"
-          >
-            <template #left="slotProps">
-              <BaseIcon
-                v-if="!isSaving"
-                name="ArrowDownOnSquareIcon"
-                :class="slotProps.class"
-              />
-            </template>
-            {{ isEdit ? $t('members.update_user') : $t('members.save_user') }}
-          </BaseButton>
-        </BaseCard>
-      </div>
-    </form>
-  </BasePage>
-</template>
-
-<script setup>
-import { ref, computed, reactive } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import { useCompanyStore } from '@/scripts/admin/stores/company'
-import {
-  required,
-  minLength,
-  email,
-  requiredIf,
-  helpers,
-} from '@vuelidate/validators'
-import useVuelidate from '@vuelidate/core'
-import { ValidateEach } from '@vuelidate/components'
-import { useI18n } from 'vue-i18n'
-import { useMembersStore } from '@/scripts/admin/stores/members'
-
-const userStore = useMembersStore()
-
-const { t } = useI18n()
-const route = useRoute()
-const router = useRouter()
-const companyStore = useCompanyStore()
-
-let isSaving = ref(false)
-let isFetchingInitialData = ref(false)
-let selectedCompanies = ref([])
-let companies = ref([])
-
-const isEdit = computed(() => route.name === 'members.edit')
-
-const pageTitle = computed(() =>
-  isEdit.value ? t('members.edit_user') : t('members.new_user')
-)
-
-const rules = computed(() => {
-  return {
-    userData: {
-      name: {
-        required: helpers.withMessage(t('validation.required'), required),
-        minLength: helpers.withMessage(
-          t('validation.name_min_length', { count: 3 }),
-          minLength(3)
-        ),
-      },
-      email: {
-        required: helpers.withMessage(t('validation.required'), required),
-        email: helpers.withMessage(t('validation.email_incorrect'), email),
-      },
-      password: {
-        required: requiredIf(function () {
-          helpers.withMessage(t('validation.required'), required)
-          return !isEdit.value
-        }),
-        minLength: helpers.withMessage(
-          t('validation.password_min_length', { count: 8 }),
-          minLength(8)
-        ),
-      },
-      companies: {
-        required: helpers.withMessage(t('validation.required'), required),
-      },
-    },
-  }
-})
-
-const companyArrayRules = {
-  role: {
-    required: helpers.withMessage(t('validation.required'), required),
-  },
-}
-
-const v$ = useVuelidate(rules, userStore, {
-  $scope: true,
-})
-
-loadInitialData()
-
-userStore.resetUserData()
-
-async function loadInitialData() {
-  isFetchingInitialData.value = true
-  try {
-    if (isEdit.value) {
-      await userStore.fetchUser(route.params.id)
-    }
-
-    let res = await companyStore.fetchUserCompanies()
-
-    if (res?.data?.data) {
-      companies.value = res.data.data.map((r) => {
-        r.role = null
-
-        return r
-      })
-    }
-  } catch {
-    isFetchingInitialData.value = false
-  }
-
-  isFetchingInitialData.value = false
-}
-
-async function submitUser() {
-  v$.value.$touch()
-
-  if (v$.value.$invalid) {
-    return true
-  }
-
-  try {
-    isSaving.value = true
-    let data = {
-      ...userStore.userData,
-      companies: userStore.userData.companies.map((c) => {
-        return {
-          role: c.role,
-          id: c.id,
-        }
-      }),
-    }
-
-    const action = isEdit.value ? userStore.updateUser : userStore.addUser
-    await action(data)
-
-    router.push('/admin/members')
-    isSaving.value = false
-  } catch (error) {
-    isSaving.value = false
-  }
-}
-</script>
diff --git a/resources/scripts/admin/views/members/Index.vue b/resources/scripts/admin/views/members/Index.vue
index cf4b4f87..1e3e8dfb 100644
--- a/resources/scripts/admin/views/members/Index.vue
+++ b/resources/scripts/admin/views/members/Index.vue
@@ -27,7 +27,6 @@
 
           <BaseButton
             v-if="userStore.currentUser.is_owner"
-            variant="primary-outline"
             @click="showInviteModal = true"
           >
             <template #left="slotProps">
@@ -39,20 +38,6 @@
             </template>
             {{ $t('members.invite_member') }}
           </BaseButton>
-
-          <BaseButton
-            v-if="userStore.currentUser.is_owner"
-            @click="$router.push('members/create')"
-          >
-            <template #left="slotProps">
-              <BaseIcon
-                name="PlusIcon"
-                :class="slotProps.class"
-                aria-hidden="true"
-              />
-            </template>
-            {{ $t('members.add_member') }}
-          </BaseButton>
         </div>
       </template>
     </BasePageHeader>