@burh/nuxt-core 1.0.393 → 1.0.395

package/components/burh-ds/Curriculum/UserCurriculum/UserCvLeftSide.vue

@@ -43,7 +43,7 @@
 
 			<span
 				v-if="
-					userData.user_complementary_information.wage_pretension > 1
+					userData && userData.user_complementary_information && userData.user_complementary_information.wage_pretension && userData.user_complementary_information.wage_pretension > 1
 				"
 			>Pretensão salarial:
 				{{
@@ -160,7 +160,7 @@
 				/>
 			</a>
 			<a
-				v-show="userData.user_complementary_information.facebook_url"
+				v-if="userData && userData.user_complementary_information && userData.user_complementary_information.facebook_url || false"
 				:href="userData.user_complementary_information.facebook_url"
 				target="_blank"
 				class="ml-2"
@@ -173,7 +173,7 @@
 				/>
 			</a>
 			<a
-				v-show="userData.user_complementary_information.linkedin_url"
+				v-if="userData && userData.user_complementary_information && userData.user_complementary_information.linkedin_url || false"
 				:href="userData.user_complementary_information.linkedin_url"
 				target="_blank"
 				class="ml-2"
@@ -186,7 +186,7 @@
 				/>
 			</a>
 			<a
-				v-show="userData.user_complementary_information.website"
+				v-if="userData && userData.user_complementary_information && userData.user_complementary_information.website || false"
 				:href="userData.user_complementary_information.website"
 				class="text-center ml-2"
 				target="_blank"

package/components/burh-ds/Curriculum/UserCurriculum/UserCvMiddle.vue

@@ -26,6 +26,7 @@
 		<div class="about content-block mt-5 ml-3 mr-3">
 			<h5 class="font-weight-bold">Sobre</h5>
 			<p
+				v-if="userData && userData.user_complementary_information && userData.user_complementary_information.about || false"
 				id="USER_ABOUT"
 				class="mb-0"
 				:class="
@@ -43,17 +44,17 @@
 			<a
 				href="#"
 				aria-label="expandir conteudo"
-				v-show="
-					userData.user_complementary_information.about &&
+				v-if="
+					userData && userData.user_complementary_information && userData.user_complementary_information.about &&
 						!wordIsLesserThan(
 							userData.user_complementary_information.about
-						)
+						) || false
 				"
 				@click.prevent.stop="toggleReadMore($event, 'USER_ABOUT')"
 			>Ler mais</a
 			>
 
-			<p v-show="!userData.user_complementary_information.about" class="">
+			<p v-if="userData && userData.user_complementary_information && userData.user_complementary_information.about || false" class="">
 				Nenhuma informação adicionada
 			</p>
 		</div>

package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue

@@ -15,6 +15,7 @@
 				<upgrade-plan @send-contact="sendContact" v-show="isLocked" />
 				<p class="notes-title mb-0">Histórico com sua empresa</p>
 				<div class="line mb-3"></div>
+
 				<div
 					class="mt-3"
 					v-for="(item, index) in orderByDate(companyHistory())"
@@ -232,35 +233,13 @@
 							<p class="mt-3">{{ userReportData.comment.comment }}</p>
 						</div>
 						<div
-							class="d-flex justify-content-between align-items-center mx-3"
+							class="d-flex justify-content-end align-items-center mr-3"
 						>
-							<p @click.prevent="hasCommentRemove = !hasCommentRemove" class="notes-date remove-baloon">
-								Excluir
-							</p>
 							<p class="notes-date">
 								{{ userReportData.comment.created_at | convertDate }}
 							</p>
 						</div>
 					</div>
-                        <div v-if="hasCommentRemove" class="archive-remove">
-						<p>Você tem certeza que deseja apagar este comentário?</p>
-                            <div class="d-flex">
-                                <base-button
-                                    @click="removeComment(userReportData.comment.id)"
-                                    size="sm"
-                                    class="btn-outline-primary col-6 p-1"
-                                >
-                                    Apagar
-                                </base-button>
-                                <base-button
-                                    @click="hasCommentRemove = false"
-                                    size="sm"
-                                    class="btn-outline-danger col-6 p-1"
-                                >
-                                    Cancelar
-                                </base-button>
-                            </div>
-					    </div>
 					<div class="notes-owner d-flex mt-2">
 						<img
 							v-if="userReportData.comment.user.urlAvatar"
@@ -372,7 +351,6 @@ export default {
 			},
 			userReportData: [],
 			hasReportRemove: false,
-			hasCommentRemove: false,
 			isLocked: !this.companyHasProduct(
 				this.$store.state.loja && this.$store.state.loja.showableProducts && this.$store.state.loja.showableProducts['HISTORICO_USUARIO'] || false
 			),
@@ -398,11 +376,6 @@ export default {
 		this.getUserFolderData();
 	},
 	methods: {
-        removeComment(item){
-            this.userReportData.comment = undefined;
-			this.$emit('remove-comment', item);
-			this.hasCommentRemove = false;
-        },
 		handleNewReportNoteSubmit() {
 			if (this.newReportNote.length > 3) {
 				this.$emit('new-report-note', this.newReportNote, this.userFolderId, this.userData.id);
@@ -491,10 +464,10 @@ export default {
 			this.newNote = '';
 		},
 		companyHistory() {
-			// let sms = this.userData.company_sms.map(x => ({
-			// 	date: x.created_at,
-			// 	text: 'Recebeu um SMS'
-			// }));
+			let sms = this.userData.company_sms.map(x => ({
+				date: x.created_at,
+				text: 'Recebeu um SMS'
+			}));
 			let tests = this.userData.tests.map(x => {
 				if (x.finished_at) {
 					return {
@@ -509,22 +482,12 @@ export default {
 				}
 
 			});
-
-			let courses = this.userData.courses_user.map(x => {
-					if (x.finished_at) {
-							return{
-									date: x.finished_at,
-									text: `Finalizou o curso ${x.course.name.toUpperCase()}`
-							}
-					}
-			});
-
 			let discs = this.userData.solides.map(x => ({
 				date: x.end,
 				text: 'Realizou um teste DISC'
 			}));
 
-			return tests.concat(discs, courses);
+			return sms.concat(tests, discs);
 		},
 		orderByDate(data) {
 			let sortedArray = data.sort((a, b) => {
@@ -570,9 +533,7 @@ export default {
     .el-tabs__nav-wrap.is-top::after {
 	background: #fff !important;
 }
-.remove-baloon{
-    cursor: pointer;
-}
+
     .el-tabs__active-bar.is-top {
         width: 30px !important;
         height: 4px !important;

package/components/burh-ds/Modals/InviteToRole.vue

@@ -1,30 +1,18 @@
 <template>
-	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" class="modal">
-        
+	<modal :show="isModalOpen" v-on:close="closeModal" class="modal">
+
 		<template slot="header">
 			<h2 class="display-4 pb-3">
 				Insira os e-mails que deseja convidar a empresa
 			</h2>
 		</template>
 
-		<div class="row px-4">
-			<div class="col-4">
-				<label for="name">Nome Completo</label>
-			</div>
-			<div class="col-4">
-				<label for="email">E-mail</label>
-			</div>
-			<div class="col-4">
-				<label for="email">Cargo</label>
-			</div>
-		</div>
-
 		<validation-observer ref="inviteUser">
-			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
+			<div class="column p-4 member__container" v-for="(slot, idx) in slots" :key="idx">
 
 				<validation-provider
 					tag="div"
-					class="col-4"
+					class="col-12"
 					:vid="`send-name-${idx}`"
 					name="Nome"
 					rules="required|regex:\w+\s+\w+"
@@ -32,6 +20,8 @@
 				>
 					<base-input
 						v-model="slot.name"
+						label="Nome Completo"
+						placeholder="Nome Completo"
 						:error="errors[0]"
 						:valid="errors.length ? true : false"
 					/>
@@ -39,7 +29,7 @@
 
 				<validation-provider
 					tag="div"
-					class="col-4"
+					class="col-12"
 					:vid="`send-email-${idx}`"
 					name="Email"
 					rules="required|email"
@@ -47,42 +37,82 @@
 				>
 					<base-input
 						v-model="slot.email"
+						label="Email"
+						placeholder="Email"
 						:error="errors[0]"
 						:valid="errors.length ? true : false"
 					/>
 				</validation-provider>
 
-				<div tag="div" class="col-3" name="role">
-					<el-select
-						class="select-danger"
-						v-model="slot.role"
-						:placeholder="''"
-					>
-						<el-option
-							v-for="role in corporativeRole"
-							:key="role.id"
-							:label="role.level"
-							:value="role.level"
+				<div class="select__container px-3">
+					<div name="role">
+						<label for="select" class="form-control-label">Setor</label>
+
+						<el-select
+							class="select-danger"
+							id="select"
+							placeholder="Setor"
+							v-model="slot.role"
+							clearable
 						>
-						</el-option>
-					</el-select>
-				</div>
+							<div class="text-center" slot="empty">
+								<p class="small text-muted mx-2 mb-2 mt-2">
+									Nenhum setor encontrado
+								</p>
+							</div>
 
-				<div class="col-1 pt-2">
-					<i
-						v-if="idx !== slots.length - 1"
-						class="fa fa-trash pointer"
-						@click="removeSlot(idx)"
-					></i>
-					<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
+							<el-option
+								v-for="role in corporativeRole"
+								:key="role.id"
+								:label="role.level"
+								:value="role.level"
+							>
+							</el-option>
+						</el-select>
+					</div>
+
+					<div name="role">
+						<label for="buffer" class="form-control-label">Vincular ao buffer</label>
+
+						<el-select
+							class="select-danger"
+							id="buffer"
+							placeholder="Buffer"
+							v-model="slot.buffer"
+							clearable
+						>
+							<div class="text-center" slot="empty">
+								<p class="small text-muted mx-2 mb-2 mt-2">
+									Nenhum buffer encontrado
+								</p>
+							</div>
+
+							<el-option
+								v-for="buffer in bufferList"
+								:key="buffer.id"
+								:label="buffer.name"
+								:value="buffer.main_folder_id"
+							>
+							</el-option>
+						</el-select>
+					</div>
+
+					<div class="icon__position pt-2 d-flex align-items-center justify-content-center">
+						<i
+							v-if="idx !== slots.length - 1"
+							class="fa fa-trash pointer"
+							@click="removeSlot(idx)"
+						></i>
+						<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
+					</div>
 				</div>
 
 			</div>
 		</validation-observer>
 
-		<div class="row">
+		<div class="row col-12">
 			<base-button
-				class="mx-auto"
+				class="ml-auto"
 				type="primary"
 				@click="inviteUser"
 				:disabled="isLoading"
@@ -108,14 +138,29 @@ export default {
 			type: Boolean,
 			default: false
 		},
-		corporativeRole: null,
+		corporativeRole: {
+			type: Array,
+			default: () => []
+		},
 		isLoading: {
 			type: Boolean,
 			default: false,
 			description: 'Loading for request'
 		}
 	},
+	watch: {
+		isModalOpen(to) {
+			if (to) {
+				this.resetSlots();
+				this.getBufferList();
+			}
+		}
+	},
 	methods: {
+		async getBufferList() {
+			const { data } = await this.$services.buffer.search();
+			this.bufferList = data || [];
+		},
 		closeModal(e) {
 			this.$emit('closemodal', e);
 		},
@@ -125,12 +170,7 @@ export default {
 		},
 
 		addSlot() {
-			const newSlot = {
-				idx: '',
-				name: '',
-				email: '',
-				role: ''
-			};
+			const newSlot = this.getSlot();
 
 			this.slots = [...this.slots, newSlot];
 		},
@@ -152,45 +192,46 @@ export default {
 						name: slot.name.substring(slot.name.indexOf(' '), 0),
 						last_name: slot.name.substring(slot.name.indexOf(' ') + 1),
 						email: slot.email,
-						access_level: slot.role
+						access_level: slot.role,
+						company_buffer_folder_id: slot.buffer
 					}));
 
 				return [
 					...formattedSlots
 				];
 			};
-            
+
 			let params = {
 				users: formatRequest()
 			};
 
-			this.resetSlots();
 			this.$emit('invite-user', params);
 		},
 
+		getSlot() {
+			return {
+				idx: '',
+				name: '',
+				email: '',
+				role: '',
+				buffer: ''
+			};
+		},
 		resetSlots() {
-			this.slots = [
-				{
-					idx: '',
-					name: '',
-					email: '',
-					role: ''
-				}
-			];
+			this.$refs.inviteUser.reset();
+			this.slots = [];
+			this.slots.push(this.getSlot());
 		}
 	},
 	data() {
 		return {
-			slots: [
-				{
-					idx: '',
-					name: '',
-					email: '',
-					role: ''
-				}
-			],
+			slots: [],
+			bufferList: []
 		};
 	},
+	mounted() {
+		this.resetSlots();
+	}
 };
 </script>
 <style lang="scss" scoped>
@@ -214,4 +255,17 @@ export default {
 .is-loading {
 	opacity: 0.3;
 }
+.member__container {
+    &:not(:nth-child(1)) {
+        border: 1px solid #e9e9e9;
+    }
+}
+.select__container {
+    display: grid;
+    grid-template-columns: 1fr 1fr 10px;
+    gap: 20px;
+}
+.icon__position {
+    margin-top: 23px;
+}
 </style>

package/components/burh-ds/Modals/SendCourse.vue

@@ -1,339 +1,364 @@
-<template>
-	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" class="modal">
-		<template slot="header">
-
-			<h2 class="display-4 px-2">
-				Insira os e-mail que deseja enviar o treinamento <br>
-
-			</h2>
-		</template>
-		<div class="switch-position">
-			<el-switch
-				v-model="switchSingle"
-				active-color="#5865F2"
-				inactive-text="Enviar para novos usuários"
-				active-text="Enviar por setor">
-			</el-switch>
-		</div>
-		<div v-if="switchSingle === false" style="min-height:100px">
-			<div class="row px-4">
-				<div class="col-4">
-					<label for="name">Nome Completo</label>
-				</div>
-				<div class="col-4">
-					<label for="email">E-mail</label>
-				</div>
-				<div class="col-4">
-					<label for="email">Setor</label>
-				</div>
-			</div>
-			<validation-observer ref="sendCourse">
-				<div class="row px-4" v-for="(slot, idx) in payload.users" :key="idx">
-
-					<validation-provider
-						tag="div"
-						class="col-4"
-						style="height: 50px"
-						:vid="`send-name-${idx}`"
-						name="Nome"
-						rules="required|regex:\w+\s+\w+"
-						v-slot="{ errors }"
-					>
-						<base-input
-							v-model="slot.name"
-							:error="errors[0]"
-							:valid="errors.length ? true : false"
-							placeholder="Nome Completo"
-						/>
-					</validation-provider>
-
-					<validation-provider
-						tag="div"
-						class="col-4"
-						style="height: 50px"
-						:vid="`send-email-${idx}`"
-						name="Email"
-						rules="required|email"
-						v-slot="{ errors }"
-					>
-						<base-input
-							v-model="slot.email"
-							:error="errors[0]"
-							:valid="errors.length ? true : false"
-							placeholder="E-mail"
-						/>
-					</validation-provider>
-
-					<div tag="div" class="col-3" name="role">
-						<el-select
-							filterable
-							no-match-text="Nenhum cargo encontrado"
-							no-data-text="Nenhum cargo encontrado"
-							class="select-danger"
-							v-model="slot.access_level_id"
-							style="height: 50px"
-							placeholder="Escolha o setor"
-						>
-							<el-option
-								v-for="role in corporativeRole"
-								:key="role.id"
-								:label="role.level"
-								:value="role.id"
-							>
-							</el-option>
-						</el-select>
-					</div>
-
-					<div class="col-1">
-						<i
-							v-if="idx !== payload.users.length - 1"
-							class="fa fa-trash pointer"
-							@click="removeSlot(idx)"
-						></i>
-						<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
-					</div>
-
-				</div>
-
-			</validation-observer>
-		</div>
-		<!-- envio em massa -->
-		<div v-else style="height:100px">
-			<div class="px-4">
-				<label for="email">Setor</label>
-			</div>
-			<validation-observer ref="sendCourse">
-				<div class="row px-4" v-for="(slot, idx) in payload.users" :key="idx">
-					<div tag="div" class="col-12" name="role">
-						<el-select
-							filterable
-							no-match-text="Nenhum cargo encontrado"
-							no-data-text="Nenhum cargo encontrado"
-							class="select-danger"
-							multiple
-							style="width: 100%;"
-							v-model="selectedRole"
-							placeholder="Escolha o setor"
-						>
-							<el-option
-								v-for="role in corporativeRole"
-								:key="role.id"
-								:label="role.level"
-								:value="role.id"
-							>
-							</el-option>
-						</el-select>
-					</div>
-				</div>
-			</validation-observer>
-		</div>
-		<hr />
-
-		<div class="row px-4">
-			<div class="col-12">
-				<label for="courses">Acesso aos Treinamentos</label>
-			</div>
-		</div>
-		<div class="row px-4">
-			<div class="col-12">
-				<el-select
-					v-model="coursesToSend"
-					multiple
-					style="width: 100%;"
-					placeholder="Treinamentos"
-					name="courses"
-				>
-					<el-option
-						v-for="item in courses"
-						:key="item.id"
-						:label="item.name"
-						:value="item.id"
-					>
-					</el-option>
-				</el-select>
-			</div>
-		</div>
-
-		<div class="row">
-			<base-button
-				class="mx-auto"
-				type="primary"
-				@click="sendTest"
-				:disabled="isLoading"
-				:class="{'is-loading': isLoading}"
-			>
-				{{ isLoading ? 'Enviando' : 'Enviar' }}
-			</base-button>
-		</div>
-	</modal>
-</template>
-
-<script>
-import { Select, Option, Switch } from 'element-ui';
-
-export default {
-	name: 'send-course',
-	components: {
-		[Select.name]: Select,
-		[Option.name]: Option,
-		[Switch.name]: Switch
-	},
-	props: {
-		isModalOpen: {
-			type: Boolean,
-			default: false
-		},
-		selectedCourse: Number,
-		corporativeRole: null,
-		courses: Array,
-		isLoading: {
-			type: Boolean,
-			default: false,
-			description: 'Loading to send course'
-		}
-	},
-	methods: {
-		closeModal(e) {
-			this.$emit('closemodal', e);
-		},
-
-		removeSlot(idx) {
-			this.payload.users.splice(idx, 1);
-		},
-
-		addSlot() {
-			const newSlot = {
-				idx: '',
-				name: '',
-				email: '',
-				access_level_id: this.selectedRole,
-			};
-
-			this.payload.users = [...this.payload.users, newSlot];
-		},
-
-		async sendTest() {
-			const pass = await this.$refs.sendCourse.validate();
-
-			if (!pass) {
-				return;
-			}
-
-			const filterUsers = user => user.email !== '';
-			let formattedCourses = this.coursesToSend.map(id => ({
-				id
-			}));
-			if( this.switchSingle === false) {
-				const formatRequest = () => {
-					let formattedSlots = this.payload.users
-						.filter(filterUsers)
-						.map(user => ({
-							name: user.name.substring(user.name.indexOf(' '), 0),
-							last_name: user.name.substring(
-								user.name.indexOf(' ') + 1
-							),
-							email: user.email,
-							access_level_id: user.access_level_id
-						}));
-
-					return {
-						...formattedSlots
-
-					};
-				};
-
-				let params = {
-					users: formatRequest(),
-					courses: formattedCourses,
-
-				};
-				this.resetSlots();
-				this.$emit('send-course', params);
-			} else {
-
-				let params = {
-					courses: formattedCourses,
-					access_levels: this.selectedRole.map(id => {
-						return { id };
-					})
-
-				};
-				this.resetSlots();
-				this.$emit('send-course', params);
-			}
-		},
-		resetSlots() {
-			this.payload.users = [
-				{
-					idx: '',
-					name: '',
-					email: '',
-					access_level_id: ''
-				}
-			];
-		}
-	},
-	watch: {
-		selectedCourse(newValue) {
-			this.coursesToSend = newValue ? [newValue] : [];
-		},
-		switchSingle(){
-			this.resetSlots();
-		}
-	},
-	data() {
-		return {
-			payload: {
-				users: [
-					{
-						idx: '',
-						name: '',
-						email: '',
-						access_level_id: this.selectedRole
-					}
-				],
-				courses: [{ id: '' }],
-				access_levels:[{ id: '' }]
-			},
-			selectedRole: '',
-			switchSingle: false,
-			coursesToSend: [],
-		};
-	}
-};
-</script>
-<style lang="scss" scoped>
-.send-test-modal {
-    position: fixed;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    width: 60%;
-    height: 50%;
-    background-color: #ffffff;
-    z-index: 999 !important;
-    top: 20% !important;
-    left: 20% !important;
-    box-sizing: border-box;
-}
-
-.pointer {
-    cursor: pointer;
-}
-.switch-position{
-	padding: 16px 0;
-	margin-bottom: 16px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-/deep/ .el-switch__label{
-		/* height: 13.5px !important; */
-			&.is-active{
-				color: #5865F2 !important;
-			}
-		}
-
-.is-loading {
-	opacity: 0.3;
-}
-</style>
+<template>
+	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" class="modal">
+		<basics :isLoading="isLoading" v-if="isLoading"/>
+		<template slot="header">
+
+			<h2 class="display-4 px-2">
+				Insira os e-mail que deseja enviar o treinamento <br>
+
+			</h2>
+		</template>
+		<div class="switch-position">
+			<el-switch
+				v-model="switchSingle"
+				active-color="#5865F2"
+				inactive-text="Enviar para novos usuários"
+				active-text="Enviar por setor">
+			</el-switch>
+
+		</div>
+		<div v-if="switchSingle === false" style="min-height:100px">
+			<div class="row px-4">
+				<div class="col-4">
+					<label for="name">Nome Completo</label>
+				</div>
+				<div class="col-4">
+					<label for="email">E-mail</label>
+				</div>
+				<div class="col-4">
+					<label for="email">Setor</label>
+				</div>
+			</div>
+			<validation-observer ref="sendCourse">
+				<div class="row px-4" v-for="(slot, idx) in payload.users" :key="idx">
+
+					<validation-provider
+						tag="div"
+						class="col-4"
+						style="height: 50px"
+						:vid="`send-name-${idx}`"
+						name="Nome"
+						rules="required|regex:\w+\s+\w+"
+						v-slot="{ errors }"
+						:disabled="payload.all_users ? true : false"
+					>
+						<base-input
+							:disabled="payload.all_users ? true : false"
+							v-model="slot.name"
+							:error="errors[0]"
+							:valid="errors.length ? true : false"
+							placeholder="Nome Completo"
+						/>
+					</validation-provider>
+
+					<validation-provider
+						tag="div"
+						class="col-4"
+						style="height: 50px"
+						:vid="`send-email-${idx}`"
+						name="Email"
+						rules="required|email"
+						v-slot="{ errors }"
+						:disabled="payload.all_users ? true : false"
+					>
+						<base-input
+							:disabled="payload.all_users ? true : false"
+							v-model="slot.email"
+							:error="errors[0]"
+							:valid="errors.length ? true : false"
+							placeholder="E-mail"
+						/>
+					</validation-provider>
+
+					<div tag="div" class="col-3" name="role">
+						<el-select
+							filterable
+							no-match-text="Nenhum cargo encontrado"
+							no-data-text="Nenhum cargo encontrado"
+							class="select-danger"
+							v-model="slot.access_level_id"
+							style="height: 50px"
+							placeholder="Escolha o setor"
+							:disabled="payload.all_users ? true : false"
+						>
+							<el-option
+								v-for="role in corporativeRole"
+								:key="role.id"
+								:label="role.level"
+								:value="role.id"
+							>
+							</el-option>
+						</el-select>
+					</div>
+
+					<div class="col-1">
+						<i
+							v-if="idx !== payload.users.length - 1"
+							class="fa fa-trash pointer"
+							@click="removeSlot(idx)"
+						></i>
+						<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
+					</div>
+
+				</div>
+
+			</validation-observer>
+		</div>
+		<!-- envio em massa -->
+		<div v-else style="height:100px">
+			<div class="px-4">
+				<label for="email">Setor</label>
+			</div>
+			<validation-observer ref="sendCourse">
+				<div class="row px-4" v-for="(slot, idx) in payload.users" :key="idx">
+					<div tag="div" class="col-12" name="role">
+						<el-select
+							filterable
+							no-match-text="Nenhum cargo encontrado"
+							no-data-text="Nenhum cargo encontrado"
+							class="select-danger"
+							multiple
+							style="width: 100%;"
+							v-model="selectedRole"
+							placeholder="Escolha o setor"
+							:disabled="payload.all_users ? true : false"
+						>
+							<el-option
+								v-for="role in corporativeRole"
+								:key="role.id"
+								:label="role.level"
+								:value="role.id"
+							>
+							</el-option>
+						</el-select>
+					</div>
+				</div>
+			</validation-observer>
+		</div>
+
+		<el-checkbox
+			class="checkbox-user"
+			v-model="payload.all_users"
+		>  Enviar para todos usúarios
+		</el-checkbox>
+		<hr />
+
+		<div class="row px-4">
+			<div class="col-12">
+				<label for="courses">Acesso aos Treinamentos</label>
+			</div>
+		</div>
+		<div class="row px-4">
+			<div class="col-12">
+				<el-select
+					v-model="coursesToSend"
+					multiple
+					style="width: 100%;"
+					placeholder="Treinamentos"
+					name="courses"
+				>
+					<el-option
+						v-for="item in courses"
+						:key="item.id"
+						:label="item.name"
+						:value="item.id"
+					>
+					</el-option>
+				</el-select>
+			</div>
+		</div>
+
+		<div class="row">
+			<base-button
+				class="mx-auto"
+				type="primary"
+				@click="sendTest"
+				:disabled="isLoading"
+				:class="{'is-loading': isLoading}"
+			>
+				{{ isLoading ? 'Enviando' : 'Enviar' }}
+			</base-button>
+		</div>
+	</modal>
+</template>
+
+<script>
+import { Select, Option, Switch, Checkbox } from 'element-ui';
+import Basics from '../Loadings/Basics';
+
+export default {
+	name: 'send-course',
+	components: {
+		[Select.name]: Select,
+		[Option.name]: Option,
+		[Switch.name]: Switch,
+		[Checkbox.name]: Checkbox,
+		Basics,
+	},
+	props: {
+		isModalOpen: {
+			type: Boolean,
+			default: false
+		},
+		selectedCourse: Number,
+		corporativeRole: null,
+		courses: Array,
+		isLoading: {
+			type: Boolean,
+			default: false,
+			description: 'Loading to send course'
+		}
+	},
+	watch: {
+		selectedCourse(newValue) {
+			this.coursesToSend = newValue ? [newValue] : [];
+		},
+		switchSingle(){
+			this.resetSlots();
+		}
+	},
+	data() {
+		return {
+			payload: {
+				users: [
+					{
+						idx: '',
+						name: '',
+						email: '',
+						access_level_id: this.selectedRole
+					}
+				],
+				courses: [{ id: '' }],
+				access_levels:[{ id: '' }],
+				all_users : false
+			},
+			selectedRole: '',
+			switchSingle: false,
+			coursesToSend: [],
+		};
+	},
+	methods: {
+		closeModal(e) {
+			this.$emit('closemodal', e);
+		},
+
+		removeSlot(idx) {
+			this.payload.users.splice(idx, 1);
+		},
+
+		addSlot() {
+			const newSlot = {
+				idx: '',
+				name: '',
+				email: '',
+				access_level_id: this.selectedRole,
+			};
+
+			this.payload.users = [...this.payload.users, newSlot];
+		},
+
+		async sendTest() {
+			const pass = await this.$refs.sendCourse.validate();
+
+			if (!pass) {
+				return;
+			}
+
+			const filterUsers = user => user.email !== '';
+			let formattedCourses = this.coursesToSend.map(id => ({
+				id
+			}));
+			let  allUsers = this.payload.all_users;
+
+			if(this.switchSingle === false) {
+				const formatRequest = () => {
+					let formattedSlots = this.payload.users
+						.filter(filterUsers)
+						.map(user => ({
+							name: user.name.substring(user.name.indexOf(' '), 0),
+							last_name: user.name.substring(
+								user.name.indexOf(' ') + 1
+							),
+							email: user.email,
+							access_level_id: user.access_level_id
+						}));
+
+					return {
+						...formattedSlots
+
+					};
+				};
+
+				let params = {
+					users: formatRequest(),
+					courses: formattedCourses,
+					all_users: allUsers
+				};
+				this.resetSlots();
+				this.$emit('send-course', params);
+			} else {
+				let params = {
+					courses: formattedCourses,
+					access_levels: this.selectedRole.map(id => {
+						return { id };
+					}),
+					all_users: allUsers
+
+				};
+				this.resetSlots();
+				this.$emit('send-course', params);
+			}
+		},
+		resetSlots() {
+			this.payload.users = [
+				{
+					idx: '',
+					name: '',
+					email: '',
+					access_level_id: ''
+				},
+			];
+			// this.payload.all_users = false;
+		}
+	},
+
+};
+</script>
+<style lang="scss" scoped>
+.send-test-modal {
+    position: fixed;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    width: 60%;
+    height: 50%;
+    background-color: #ffffff;
+    z-index: 999 !important;
+    top: 20% !important;
+    left: 20% !important;
+    box-sizing: border-box;
+}
+
+.pointer {
+    cursor: pointer;
+}
+.switch-position{
+	padding: 16px 0;
+	margin-bottom: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+/deep/ .el-switch__label{
+		/* height: 13.5px !important; */
+			&.is-active{
+				color: #5865F2 !important;
+			}
+		}
+
+.is-loading {
+	opacity: 0.3;
+}
+.checkbox-user{
+    margin-left: 24px;
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.393",
+  "version": "1.0.395",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {