Files
WebETA/src/components/CreateUserModal.vue
Alexandro Uc Santos c5f0831a81 feature notifications
2024-09-07 18:44:57 -06:00

126 lines
11 KiB
Vue
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<script setup>
import { computed, onMounted, reactive, ref } from 'vue';
import CustomInput from './ui/CustomInput.vue';
import States from './ui/States.vue';
import Cities from './ui/Cities.vue';
import Segments from './ui/Segments.vue';
import TruckTypes from './ui/TruckTypes.vue';
import Spiner from './ui/Spiner.vue';
import { validateEmail } from '../helpers/validations';
import { useAuthStore } from '../stores/auth';
import { useCompanyStore } from '../stores/company';
import Swal from 'sweetalert2';
import { useI18n } from 'vue-i18n';
const props = defineProps({
user: {
type: Object,
required: false
}
});
const { t } = useI18n();
onMounted(() => {
if(props.user) {
console.log(props.user)
userForm.name = props.user.first_name;
userForm.last_name = props.user.last_name;
userForm.email = props.user.email;
userForm.phone = props.user.phone;
// userForm.phone2 = props.user.phone2;
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 };
});
userForm.user_state = props.user.user_state?.map(m =>{
return { state_name:m };
});
userForm.truck_type = props.user.truck_type?.map(m =>{
return { meta_value:m };
});
userForm.user_description = props.user.user_description;
} else {
Object.assign(userForm, initState);
}
})
const authStore = useAuthStore();
const companyStore = useCompanyStore();
const initState = {
name: '',
last_name: '',
email: '',
phone: '',
// phone2: '',
job_role: '',
categories: [],
user_city: [],
user_state: [],
truck_type: [],
user_description: '',
};
const userForm = reactive({
...initState
})
const errors = ref({
name: null,
last_name: null,
email: null,
phone: null,
})
const formRef = ref(null);
const loading = ref(false);
const title = computed(() => {
return (props.user) ? t('labels.editUser') : t('labels.createUser');
});
defineEmits(['reset-user']);
const saveUser = async() => {
validations()
if(errors.value.name || errors.value.last_name || errors.value.email || errors.value.phone){
return;
} else {
let userData ={
first_name: userForm.name,
last_name: userForm.last_name,
email: userForm.email,
phone: userForm.phone,
// phone2: userForm.phone2,
job_role: userForm.job_role,
permissions: authStore.user.permissions,
compan¼
#'7'y&5,%1323'9/+ X (%3y'*(17),, Y
(/)37%5*,9)3'Àžv 95/)173,9)3'Àžw
)$'*3*13/'5+%Àžx1+7'(,Àžy%&1$,%Àžz -7Àž{ &$/*(-3&,9)3Àž| )-Àž} %%171++$/'5Àž~(/--&3Àž ,Àž€9(1'1,Àž<C380> )$,+3)+3&,9*Ádz
9%,)%73Àž
1*)/79)3&-À¿g 9$/'5+À¿h %71,)Àžƒ '''''Àž„ (+/7%À¿i )3&,9À¿j
3+,)%73Àž… ----/Àž† /7%(,Àž‡ 3&,9*Àžˆ 5+$/(Àž‰ 71,)&ÀžŠ ,Àž‹ %(+/7ÀžŒ &,9)3Àž<C380> '5+$/ÀžŽ )%71,Àž<C380> *****Àž<C380> +/7%(Àž‘ ,9)3'Àž’ /'5+%À¿k 1,)%9À¿l 33335Àž“ 7%(+1Àž” 9)3&-Àž• -$/'5+Àž– %71,)Àž— (+/7%Àž˜ )3&,9Àž™ +$/'5Àžš ,)%73Àž ----/Àžœ /7%(,Àž<C380> 3&,9*Àžž 5+$/(ÀžŸ 71,)&Àž  /Àž¡ %(+/7Àž¢ &,9)3Àž£ '5+$/Àž¤ )%71,Àž¥ *****Àž¦ /'5+%À¿m 1,)%9Àž§ 33335Àž¨ 7%(+1Àž© 9)3&-Àžª 1$/'5+Àž« %71,)Àž¬ '''''Àž­ (+/7%Àž® )3&,9À¿n +$/'5À¿o ,)%73Àž¯ ----/À¿p 3&,9*À¿q 5+$/(Àž° 71,)&Àž± 3Àž² %(+/7Àž³ &,9)3Àž´ '5+$/Àžµ )%71,Àž¶ *****À¿r +/7%(Àž· /'5+%À¿s 1,)%9Àž¸ 33335À¿t 7%(+1À¿u 9)3&-À¿v 5%71,)À¿w '''''À¿x (+/7%Àž¹ +$/'5À¿y ,)%73Àžº ----/Àž» /7%(,Àž¼ 3&,9*Àž½ 5+$/(À¿z 7&,9)3À¿{ '5+$/Àž¾ )%71,À¿| *****À¿} +/7%(Àž¿ ,9)3'À¿~ /'5+%ÀžÀ 1,)%9ÀžÁ 33335ÀžÂ 7%(+1ÀžÃ 9(+/7%À¿ )3&,9À¿€ +$/'5À¿<C380> 3&,9*À¿‚ 5+$/(À¿ƒ 71,)&À¿„
5$'5+$/À¿… *****Á
<EFBFBD> ,9)3'À¿† 1,)%9À¿‡ 9)3&-À¿ˆ %$/'5+À¿‰ %71,)À¿Š '''''À¿‹ ----/À¿Œ /7%(,À¿<C380> 3&,9*À¿Ž 71,)&À¿<C380> &%(+/7À¿<C380> &,9)3À¿ +/7%(À¿’ ,9)3'À¿“ /'5+%À¿” 1,)%9À¿• 33335À¿ 7%(+1À¿— '%71,)À¿˜ '''''À¿™ (+/7%À¿š ,)%73À¿ 3&,9*À¿œ 71,)&À¿<C380> (À¿ž &,9)3À¿Ÿ *****À¿  ,9)3'À¿¡ /'5+%Á
 1,)%9À¿¢ 33335À¿£ 7%(+1À¿¤ )+$/'5À¿¥ ,)%73À¿¦ ----/À¿§ /7%(,À¿¨ 5+$/(À¿© *&,9)3À¿ª '5+$/À¿« )%71,À¿¬ *****À¿­ 9)3&-À¿® ++$/'5À¿¯ ,%(+/7À¿° +/7%(À¿± 33335À¿² 7%(+1À¿³ -$/'5+À¿´ /7%(,À¿µ 3&,9*À¿¶ /9)3&-À¿· 1(+/7%À¿¸ ,)%73À¿¹ ----/Á
 3*****À¿º 5+$/'5À¿» ,)%73À¿¼ 71,)&À¿½ 7À¿¾ ,9)3'À¿¿ 9%71,)À¿À '''''À¿Á )3&,9À¿Â +$/'5À¿Ã ----/À¿Ä
7$)%71,À¿Å *****Á
 33335À¿Æ %(+/7%À¿Ç /7%(,À¿È 3&,9*À¿É 71,)&À¿Ê &&,9)3À¿Ë ,9)3'À¿Ì 9)3&-Á
 '%71,)À¿Í 5+$/(À¿Î (%(+/7À¿Ï ,9)3'À¿Ð 7%(+1À¿Ñ )$/'5+À¿Ò /7%(,À¿Ó
 +,)%73À¿Ô -)3&,9Á
 /33335Á
 1%71,)Á
˜ '''''Á
 (+/7%Á
š 71,)&Á

œ %(+/7Á
<EFBFBD> )%71,Á
ž 7%(+1Á
Ÿ 5'''''Á
  7&,9)3Á
¡ '5+$/Á
¢
£ $&,9)3Á
¤ %----/Á
¥ 71,)&Á
¦ '+$/'5Á
§ ,)%73Á
¨ 3&,9*Á
© (%(+/7Á
ª
« 9)3&-Á
¬ 1----/Á
­
® )%71,Á
¯ *****Á
° ,9)3'Á
± /'5+%Á
² 1,)%9Á
³ 33335Á
´ 7%(+1Á
µ 9)3&-Á
 5)3&,9Á
· ,)%73Á
¸ /7%(,Á
¹ *$*'5+$/Á
º ,%(+/7Á
»
%&'5+$/Á
¼ /33335Á
½ 9+$/'5Á
¾ ----/Á
¿ 3&,9*Á
À 5+$/(Á
Á 71,)&Á
Â
&$%(+/7Á
à &,9)3Á
Ä ,9)3'Á
Å /'5+%Á
Æ %$/'5+Á
Ç %71,)Á
È '''''Á
É ,)%73Á
Ê ----/Á
Ë /7%(,Á
Ì 3&,9*Á
Í 5+$/(Á
Î 71,)&Á
Ï
Ð %(+/7Á
Ñ +/7%(Á
Ò ,9)3'Á
Ó /'5+%Á
Ô 1,)%9Á
Õ 33335Á
Ö 7%(+1Á
× '----/Á
Ø /7%(,Á
Ù 3&,9*Á
Ú 71,)&Á
Û
Ü +/7%(Á
Ý ,9)3'Á
Þ */'5+%Á
ß -5+$/(Á
à
'$/'5+%Á
á %71,)&Á
â
ã %(+/7Á
ä )%71,Á
å ,9)3'Á
æ /'5+%Á
ç 1,)%9Á
è 33335Á
é '%71,)Á
ê )3&,9Á
ë 3&,9*Á
ì (Á
í %(+/7Á
î &,9)3Á
ï *****Á
ð ,9)3
ñ /'5+%Á
ò 1,)%9Á
ó 33335Á
ô 7%(+1Á
õ 9)3&-Á
ö )$/'5+Á
÷ /7%(,Á
ø 3&,9*Á
ù *'5+$/Á
ú )%71,Á
û *****Á
ü 33335Á
ý 7%(+1Á
þ 9)3&-Á
ÿ
((%(+/7Á &,9)3Á +/7%(Á +3(,9)3'Á 9)3&-Á )%71,)Á (+/7%Á +$/'5Ád{ *'5+$/Ád| -%71,)Á )3&,9Á /7%(,Á  3&,9)3Á
 '5+$/Á  5%71,)Á 
51+$/'5Á

71%71,)Á '''' 5+$/(Á 71,)&Á 5+$/'5Á,91&Á
7(7%(+1Á 37%(+1Á 7%(+/7Á /*,'5+$/(Ád} 71,)&Á +%1+$/'5Á
'-)3&,9Á 3'5+$/Á
-******Á +/7%(Á ,9)3'Á /'5+%Á 1,)%9Á 7%(+1Á  9)3&-Á! +$/'5+Á" %71,)Á# (+/7%Á$
3)$/'5+Á% %71,)Á& 1)3&,9Á'
5*Á( '),($1,)%73Ád~ /7%(,Ád
%(9)3&-Ád€ )'''''Á) -5+$/(Á* 71,)&Á+ , %(+/7Á- &,9)3Ád<C381> '5+$/Ád )%71,Ádƒ *****Ád„ +/7%(Ád… ,9)3'Á. /'5+%Á/ 1,)%9Ád† 33335Ád‡ 7%(+1Á0 9)3&-Á1 1$/'5+Á2 %71,)Á3 '''''Á4 (+/7%Ádˆ )3&,9Á5 +$/'5Ád‰ ,)%73Á6 ----/Á7 /7%(,Á8 3&,9*Á9 5+$/(Á: 71,)&Á; < %(+/7Á= &,9)3Á> '5+$/Á? )%71,Á@ *****ÁA +/7%(ÁB ,9)3'ÁC /'5+%ÁD 1,)%9ÁE 33335ÁF 7%(+1ÁG 9)3&-ÁH 5$/'5+ÁI %71,)ÁJ '''''ÁK (+/7%ÁL )3&,9ÁM +$/'5ÁN ,)%73ÁO ----/ÁP /7%(,ÁQ 3&,9*ÁR 5+$/(ÁS 71,)&ÁT U %(+/7ÁV &,9)3ÁW '5+$/ÁX )%71,ÁY *****ÁZ +/7%(Á[ ,9)3'ÁdŠ /'5+%Á\ 1,)%9Ád 33335Á] 7%(+1Á^ 9)3&-Á_ 9%71,)Á` (+/7%Áa )3&,9Áb +$/'5Ác ,)%73Ád ----/Áe /7%(,Áf 3&,9*Ág 5+$/(Áh 71,)&Ái
&ÁdŒ $%(+/7Ád<C381> &,9)3ÁdŽ '5+$/Ád<C381> )%71,Ád<C381> *****Ád 33335Ád %$/'5+Ád“ '''''Ád” (+/7%Ád• )3&,9Ád +$/'5Ád— ,)%73Ád˜ ----/Ád™ /7%(,Ádš 3&,9*Ád 5+$/(Ádœ 71,)&Ád<C381> &Ádž %(+/7ÁdŸ &,9)3Ád  '5+$/Ád¡ )%71,Ád¢ *****Ád£ +/7%(Ád¤ ,9)3'Ád¥ /'5+%Ád¦ 1,)%9Ád§ 33335Ád¨ 7%(+1Ád© 9)3&-Ádª '$/'5+Ád« %71,)Ád¬ '''''Ád­ (+/7%Ád® )3&,9Ád¯ +$/'5Ád° ,)%73Ád± ----/Ád² /7%(,Ád³ 3&,9*Ád´ 5+$/(Ádµ 71,)&Ád¶ (Ád· %(+/7Ád¸ &,9)3Ád¹ '5+$/Ádº )%71,Ád» *****Ád¼ +/7%(Ád½ ,9)3'Ád¾ /'5+%Ád¿ 1,)%9ÁdÀ 33335ÁdÁ 7%(+1Ád 9)3&-Ádà )$/'5+ÁdÄ '''''ÁdÅ )3&,9ÁdÆ +$/'5ÁdÇ ----/ÁdÈ /7%(,ÁdÉ 3&,9*ÁdÊ 71,)&ÁdË *ÁdÌ %(+/7ÁdÍ &,9)3ÁdÎ '5+$/ÁdÏ )%71,ÁdÐ *****ÁdÑ +/7%(ÁdÒ ,9)3'ÁdÓ /'5+%ÁdÔ 1,)%9ÁdÕ 33335ÁdÖ 7%(+1Ád× 9)3&-ÁdØ +$/'5+ÁdÙ %71,)ÁdÚ '''''ÁdÛ (+/7%ÁdÜ )3&,9ÁdÝ +$/'5ÁdÞ ,)%73Ádß ----/Ádà /7%(,Ádá 3&,9*Ádâ 5+$/(Ádã 71,)&Ádä ,Ádå %(+/7Ádæ &,9)3Ádç '5+$/Ádè )%71,Ádé *****Ádê +/7%(Ádë ,9)3'Ádì /'5+%Ádí 1,)%9Ádî 33335Ádï 7%(+1Ádð 9)3&-Ádñ -$/'5+Ádò %71,)Ádó '''''Ádô )3&,9Ádõ +$/'5Ádö ,)%73Ád÷ ----/Ádø /7%(,Ádù 3&,9*Ádú 5+$/(Ádû 71,)&Ádü /Ádý %(+/7Ádþ &,9)3Ádÿ '5+$/Áe )%71,Áe *****Áe +/7%(Áe ,9)3'Áe /'5+%Áe 1,)%9Áe 33335Áe 7%(+1Áe 9)3&-Áe  1$/'5+Áe
 %71,)Áe  '''''Áe  (+/7%Áe
 )3&,9Áe +$/'5Áe ,)%73Áe ----/Áe /7%(,Áe 3&,9*Áe 5+$/(Áe 71,)&Áe 3Áe %(+/7Áe &,9)3Áe '5+$/Áe )%71,Áe *****Áe +/7%(Áe ,9)3'Áe /'5+%Áe 1,)%9Áe 33335Áe  7%(+1Áe! 9)3&-Áe" 5$/'5+Áe# %71,)Áe$ '''''Áe% (+/7%Áe& )3&,9Áe' +$/'5Áe( ,)%73Áe) ----/Áe* /7%(,Áe+ 3&,9*Áe, 5+$/(Áe- 71,)&Áe. 7Áe/ %(+/7Áe0 &,9)3Áe1 '5+$/Áe2 )%71,Áe3 *****Áe4 ,9)3'Áe5 /'5+%Áe6 1,)%9Áe7 33335Áe8 7%(+1Áe9 9)3&-Áe: 9$/'5+Áe; %71,)Áe< '''''Áe= (+/7%Áe> )3&,9Áe? +$/'5Áe@ ,)%73ÁeA ----/ÁeB /7%(,ÁeC 3&,9*ÁeD 5+$/(ÁeE 71,)&ÁeF
'ÁeG $%(+/7ÁeH &,9)3ÁeI '5+$/ÁeJ )%71,ÁeK *****ÁeL +/7%(ÁeM ,9)3'ÁeN /'5+%ÁeO 1,)%9ÁeP 33335ÁeQ 9)3&-ÁeR %$/'5+ÁeS '''''ÁeT (+/7%ÁeU )3&,9ÁeV +$/'5ÁeW ,)%73ÁeX ----/ÁeY /7%(,ÁeZ 3&,9*Áe[ 5+$/(Áe\ 71,)&Áe] &Áe^ %(+/7Áe_ &,9)3Áe` '5+$/Áea )%71,Áeb *****Áec +/7%(Áed ,9)3'Áee /'5+%Áef 1,)%9Áeg 33335Áeh 7%(+1Áei 9)3&-Áej '$/'5+Áek %71,)Áel '''''Áem (+/7%Áen )3&,9Áeo +$/'5Áep ,)%73Áeq ----/Áer /7%(,Áes 3&,9*Áet 5+$/(Áeu 71,)&Áev (Áew %(+/7Áex &,9)3Áey '5+$/Áez )%71,Áe{ *****Áe| +/7%(Áe} ,9)3'Áe~ /'5+%Áe 1,)%9Áe 33335Áe<EFBFBD> 7%(+1Áe 9)3&-Áeƒ )$/'5+Áe ,)%73Áe *+/7%(Áe ,9)3'Áe /'5+%Áeˆ 1,)%9Áe 33335ÁeŠ 7%(+1Áe 9)3&-ÁeŒ +$/'5+Áe<EFBFBD> %71,)ÁeŽ '''''Áe<EFBFBD> (+/7%Áe<EFBFBD> 5+$/(Áe 71,)&Áe ,Áe &,9)3Áe '5+$/Áe )%71,Áe +/7%(Áe ,9)3'Áe˜ /'5+%Áe 1,)%9Áeš 33335Áe 7%(+1Áeœ 9)3&-Áe<EFBFBD> -$/'5+Áež %71,)ÁeŸ '''''Áe  (+/7%Áe¡ )3&,9Áe¢ +$/'5Áe£ ,)%73Áe¤ 5+$/(Áe¥ 71,)&Áe¦ /Áe§ %(+/7Áe¨ &,9)3Áe© '5+$/Áeª )%71,Áe« *****Áe¬ +/7%(Áe­ ,9)3'Áe® /'5+%Áe¯ 1,)%9Áe° 33335Áe± 7%(+1Áe² 9)3&-Áe³ 1$/'5+Áe´ %71,)Áeµ '''''Áe (+/7%Áe· +$/'5Áe¸ ,)%73Áe¹ ----/Áeº /7%(,Áe» 3&,9*Áe¼ 5+$/(Áe½ 71,)&Áe¾ 3Áe¿ %(+/7ÁeÀ &,9)3ÁeÁ '5+$/Áe )%71,Áeà *****ÁeÄ 1,)%9ÁeÅ 33335ÁeÆ 7%(+1ÁeÇ 9)3&-ÁeÈ 5$/'5+ÁeÉ %71,)ÁeÊ '''''ÁeË (+/7%ÁeÌ )3&,9ÁeÍ +$/'5ÁeÎ ,)%73ÁeÏ ----/ÁeÐ /7%(,ÁeÑ 3&,9*ÁeÒ 5+$/(ÁeÓ 71,)&ÁeÔ 7ÁeÕ %(+/7ÁeÖ &,9)3Áe× '5+$/ÁeØ )%71,ÁeÙ *****ÁeÚ +/7%(ÁeÛ ,9)3'ÁeÜ /'5+%ÁeÝ 1,)%9ÁeÞ 33335Áeß 7%(+1Áeà 9)3&-Áeá 9$/'5+Áeâ %71,)Áeã '''''Áeä (+/7%Áeå )3&,9Áeæ +$/'5Áeç ,)%73Áeè /7%(,Áeé 5+$/(Áeê 71,)&Áeë
(Áeì $%(+/7Áeí &,9)3Áeî '5+$/Áeï )%71,Áeð *****Áeñ +/7%(Áeò ,9)3'Áeó /'5+%Áeô 1,)%9Áeõ 33335Áeö 7%(+1Áe÷ 9)3&-Áeø %$/'5+Áeù '''''Áeú (+/7%Áeû )3&,9Áeü +$/'5Áeý /7%(,Áeþ 3&,9*Áeÿ 5+$/(Áf 71,)&Áf &Áf %(+/7Áf &,9)3Áf )11%75/7%(,Áf *-,&%3+/7%(Áf +5,57(&,9)3Áf 7)%3&,9*Áf 71,)&Áf 
3'71,)&Áf
-$&,+/7%(Áf  ,9)3'Áf  /'5+%Áf
 1,)%9Áf 5(+/7%Áf )3&,9Áf +$/'5Áf /7%(,Áf
'$/'5+%Áf 9)3&-Áf %$/'5+Áf (+/7%Áf )3&,9Áf +$/'5Áf ,)%73Áf ----/Áf /7%(,Áf &)%71,Áf *****Áf +/7%(Áf ,9)3'Áf /'5+%Áf  1,)%9Áf! ''''''Áf" (+/7%Áf# )3&,9Áf$ +$/'5Áf% ,)%73Áf& ----/Áf' (%(+/7Áf( &,9)3Áf) '5+$/Áf* )%71,Áf+ *****Áf, +/7%(Áf- 9)3&-Áf. ,%(+/7Áf/ &,9)3Áf0 '5+$/Áf1 )%71,Áf2 7%(+1Áf3 9)3&-Áf4 -%71,)Áf5 '''''Áf6 /7%(,Áf7 5+$/(Áf8 /)%71,Áf9 *****Áf: 9)3&-Áf; 1$/'5+Áf< (+/7%Áf= )3&,9Áf> +$/'5Áf? 71,)&Áf@ 3ÁfA %(+/7ÁfB 9)3&-ÁfC 5/7%(,ÁfD 7)%71,ÁfE 9'''''ÁfF 71,)&ÁfG
($%(+/7ÁfH )%71,ÁfI +/7%(ÁfJ 7%(+1ÁfK %)3&