ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

create user with role warehouse

Browse Source
This commit is contained in:
Alexandro Uc Santos
2025-03-01 16:53:04 -06:00
parent a0b0dee7d2
commit 1a857f989d
8 changed files with 124 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/components/CreateUserModal.vue
View File

@@ -20,14 +20,16 @@
});
const { t } = useI18n();
onMounted(() => {
const authStore = useAuthStore();
const companyStore = useCompanyStore();
onMounted(async() => {
if(props.user) {
console.log(props.user)
userForm.job_role = props.user.job_role;
userForm.name = props.user.first_name;
userForm.last_name = props.user.last_name;
userForm.email = props.user.email;
userForm.phone = props.user.phone;
userForm.job_role = props.user.job_role;
userForm.categories = props.user.categories;
userForm.user_city = props.user.user_city?.map(m =>{
return { city_name: m };
@@ -39,14 +41,15 @@
return { meta_value:m };
});
userForm.user_description = props.user.user_description;
if(props.user.job_role === 'warehouse') {
await loadWarehouses();
userForm.warehouse = warehouses.value.find(w => w._id === props.user.branch?._id);
}
} else {
Object.assign(userForm, initState);
}
})
const authStore = useAuthStore();
const companyStore = useCompanyStore();
const initState = {
name: '',
last_name: '',
@@ -59,6 +62,7 @@
user_state: [],
truck_type: [],
user_description: '',
warehouse: null
};
const userForm = reactive({
@@ -70,10 +74,14 @@
last_name: null,
email: null,
phone: null,
job_role: null,
warehouse: null
})
const formRef = ref(null);
const loading = ref(false);
const loadingWarehouses = ref(false);
const warehouses = ref([]);
const title = computed(() => {
return (props.user) ? t('labels.editUser') : t('labels.createUser');
@@ -83,7 +91,7 @@
const saveUser = async() => {
validations()
if(errors.value.name || errors.value.last_name || errors.value.email || errors.value.phone){
if(errors.value.name || errors.value.last_name || errors.value.email || errors.value.phone || errors.value.job_role || errors.value.warehouse) {
return;
} else {
let userData ={
@@ -98,13 +106,14 @@
user_city: userForm.user_city?.length <= 0 ? null : userForm.user_city?.map((e) => e.city_name),
user_state: userForm.user_state?.length <= 0 ? null : userForm.user_state?.map((e) => e.state_name),
truck_type: userForm.truck_type?.length <= 0 ? null : userForm.truck_type?.map((e) => e.meta_value),
user_description: userForm.user_description
user_description: userForm.user_description,
branch: userForm.warehouse?._id
}
const dataUpdate = {
categories: userForm.categories,
name: userForm.name + ' ' + userForm.last_name
name: userForm.name + ' ' + userForm.last_name,
branch: userForm.warehouse
}
let result = 'error';
@@ -141,8 +150,26 @@
last_name: userForm.last_name.length <= 1 ? t('errors.lastname') : null,
email: !validateEmail(userForm.email) ? t('errors.email') : null,
phone: userForm.phone.length < 10 ? t('errors.phone') : null,
job_role: userForm.job_role === '' ? t('errors.required') : null,
warehouse: (userForm.job_role == 'warehouse' && userForm.warehouse === null)
? t('errors.required')
: null
};
}
const handleRoleChange = async () => {
if (userForm.job_role === "warehouse") {
await loadWarehouses();
}
}
const loadWarehouses = async () => {
loadingWarehouses.value = true;
warehouses.value = await companyStore.getLocationsLoads('loading');
loadingWarehouses.value = false;
}
</script>
<template>
@@ -194,48 +221,81 @@
:filled="false"
:error="errors.email"
/>
<div class="d-flex flex-column">
<label class="custom-label" for="role">{{ t('labels.userRole') }}</label>
<div
v-if="userForm.job_role !== 'owner'"
class="d-flex flex-column"
>
<label class="custom-label" for="role">{{ t('labels.userRole') }}*</label>
<select
class="custom-input-light"
name="role"
id="role"
v-model="userForm.job_role"
@change="handleRoleChange"
>
<option disabled value="">-- {{ t('labels.selectedRol') }} --</option>
<!-- <option value="owner">Dueño</option> -->
<option value="manager">{{ t('labels.manager') }}</option>
<option value="staff">{{ t('labels.staff') }}</option>
<option v-if="authStore.user?.permissions === 'role_carrier'" value="driver">{{ t('labels.driver') }}</option>
<option
v-if="authStore.user?.permissions === 'role_shipper'"
value="warehouse"
>
{{ t('labels.warehouse') }}
</option>
<option
v-if="authStore.user?.permissions === 'role_carrier'"
value="driver"
>
{{ t('labels.driver') }}
</option>
</select>
<span class="error-msg" v-if="errors.job_role">{{ errors.job_role }}</span>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('global.segments') }}</label>
<Segments
v-model="userForm.categories"
:multiple="true"
/>
<div v-if="userForm.job_role === 'warehouse'">
<Spiner v-if="loadingWarehouses"/>
<div class="d-flex flex-column my-4" v-if="!loadingWarehouses">
<label class="custom-label" for="locationLoad">{{ t('labels.warehouses') }}*</label>
<select
class="custom-input-light"
name="locationLoad"
id="locationLoad"
v-model="userForm.warehouse"
>
<option disabled value="null">-- {{ t('labels.warehouseSelect') }} --</option>
<option v-for="loc in warehouses" :value="loc">{{ loc.branch_name }}</option>
</select>
<span class="error-msg" v-if="errors.warehouse">{{ errors.warehouse }}</span>
</div>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('directory.typeTruck') }}</label>
<TruckTypes
v-model="userForm.truck_type"
:multiple="true"
/>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('labels.locationLoadState') }}</label>
<States
v-model="userForm.user_state"
:multiple="true"
/>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('labels.locationLoadCity') }}</label>
<Cities
v-model="userForm.user_city"
:multiple="true"
/>
<div v-else>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('global.segments') }}</label>
<Segments
v-model="userForm.categories"
:multiple="true"
/>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('directory.typeTruck') }}</label>
<TruckTypes
v-model="userForm.truck_type"
:multiple="true"
/>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('labels.locationLoadState') }}</label>
<States
v-model="userForm.user_state"
:multiple="true"
/>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('labels.locationLoadCity') }}</label>
<Cities
v-model="userForm.user_city"
:multiple="true"
/>
</div>
</div>
<div class="d-flex flex-column">
<label class="custom-label" for="description">{{ t('labels.userInfo') }}</label>

2
src/components/NavBar.vue
View File

@@ -34,7 +34,7 @@
noty.notifications = resp.data;
}
const roleCheck = 'store';
const roleCheck = 'warehouse';
</script>
<template>

11
src/components/Sidebar.vue
View File

@@ -40,7 +40,7 @@
});
}
const roleCheck = 'store';
const roleCheck = 'warehouse';
</script>
@@ -128,7 +128,9 @@
class="nav-link" :to="{name: 'published-trucks'}">{{ t('global.acceptedOffers') }}</RouterLink>
</div>
</li>
<li :class="[route.name === 'calendar' ? 'bg-nav-active' : '']">
<li
v-if="jobRole !== roleCheck"
:class="[route.name === 'calendar' ? 'bg-nav-active' : '']">
<div>
<i class="fa-regular fa-calendar" :class="[route.name === 'calendar' ? 'router-link-active' : '']"></i>
<RouterLink
@@ -136,7 +138,10 @@
class="nav-link" :to="{name: 'calendar'}">{{ t('global.calendar') }}</RouterLink>
</div>
</li>
<li :class="[route.name === 'store' ? 'bg-nav-active' : '']">
<li
v-if="jobRole === roleCheck"
:class="[route.name === 'store' ? 'bg-nav-active' : '']"
>
<div>
<i class="fa-solid fa-shop-lock" :class="[route.name === 'store' ? 'router-link-active' : '']"></i>
<RouterLink