@burh/nuxt-core 1.0.311 → 1.0.313

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

@@ -1,118 +1,78 @@
 <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>
-				<div style="display: inline-block;">
-					<el-switch 
-						v-model="switchSingle"
-						active-color="#5865F2"
-						inactive-text="Usuario em específico"	
-						active-text="Enviar em massa">
-					</el-switch>
-				</div>
+			<h2 class="display-4 px-4">
+				Insira os e-mail que deseja enviar o treinamento
 			</h2>
 		</template>
-		<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">Cargo</label>
-				</div>
+		<div class="row px-4">
+			<div class="col-6">
+				<label for="name">Nome Completo</label>
 			</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"
-						/>
-					</validation-provider>
+			<div class="col-6">
+				<label for="email">E-mail</label>
+			</div>
+			<!-- <div class="col-4">
+				<label for="email">Cargo</label>
+			</div> -->
+		</div>
+		<validation-observer ref="sendCourse">
+			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
+				<validation-provider
+					tag="div"
+					class="col-6"
+					: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"
+					/>
+				</validation-provider>
 
-					<validation-provider
-						tag="div"
-						class="col-4"
-						style="height: 50px"
-						:vid="`send-email-${idx}`"
-						name="Email"
-						rules="required|email"
-						v-slot="{ errors }"
+				<validation-provider
+					tag="div"
+					class="col-5"
+					: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"
+					/>
+				</validation-provider>
+				<!-- <div tag="div" class="col-3" name="role">
+					<el-select
+						class="select-danger"
+						v-model="slot.role"
+						:placeholder="''"
 					>
-						<base-input
-							v-model="slot.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="selectedRole"
-							style="height: 50px"
-							:placeholder="''"
+						<el-option
+							v-for="role in corporativeRole"
+							:key="role.id"
+							:label="role.name"
+							:value="role.id"
 						>
-							<el-option
-								v-for="role in corporativeRole"
-								:key="role.id"
-								:label="role.name"
-								: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>
+						</el-option>
+					</el-select>
+				</div> -->
+				<div class="col-1">
+					<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>
-			</validation-observer>
-		</div>
-		<!-- envio em massa -->
-		<div v-else style="height:100px">
-			<div class="px-4">
-				<label for="email">Cargo</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
-							class="select-danger"
-							multiple
-							style="width: 100%;"
-							v-model="selectedRole"
-							:placeholder="''"
-						>
-							<el-option
-								v-for="role in corporativeRole"
-								:key="role.id"
-								:label="role.name"	
-								:value="role.id"
-							>
-							</el-option>
-						</el-select>
-					</div>
-				</div>
-			</validation-observer>
-		</div>
+		</validation-observer>
+
 		<hr />
 
 		<div class="row px-4">
@@ -149,14 +109,13 @@
 </template>
 
 <script>
-import { Select, Option, Switch } from 'element-ui';
+import { Select, Option } from 'element-ui';
 
 export default {
 	name: 'send-course',
 	components: {
 		[Select.name]: Select,
-		[Option.name]: Option,
-		[Switch.name]: Switch
+		[Option.name]: Option
 	},
 	props: {
 		isModalOpen: {
@@ -173,7 +132,7 @@ export default {
 		},
 
 		removeSlot(idx) {
-			this.payload.users.splice(idx, 1);
+			this.slots.splice(idx, 1);
 		},
 
 		addSlot() {
@@ -181,10 +140,10 @@ export default {
 				idx: '',
 				name: '',
 				email: '',
-				access_level_id: ''
+				role: ''
 			};
 
-			this.payload.users = [...this.payload.users, newSlot];
+			this.slots = [...this.slots, newSlot];
 		},
 
 		async sendTest() {
@@ -194,56 +153,43 @@ export default {
 				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: this.selectedRole
-						}));
-	
-					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 };
-					})
-	
+			const filterSlots = slot => slot.email !== '';
+
+			const formatRequest = () => {
+				let formattedCourses = this.coursesToSend.map(course => ({
+					course_id: course
+				}));
+
+				let formattedSlots = this.slots
+					.filter(filterSlots)
+					.map(slot => ({
+						name: slot.name.substring(slot.name.indexOf(' '), 0),
+						last_name: slot.name.substring(
+							slot.name.indexOf(' ') + 1
+						),
+						email: slot.email,
+						courses: formattedCourses,
+						role_id: slot.role
+					}));
+
+				return {
+					...formattedSlots
 				};
-				this.resetSlots();
-				this.$emit('send-course', params);
-			}
+			};
+
+			let params = {
+				users: formatRequest()
+			};
+			this.resetSlots();
+			this.$emit('send-course', params);
 		},
 		resetSlots() {
-			this.payload.users = [
+			this.slots = [
 				{
 					idx: '',
 					name: '',
 					email: '',
-					access_level_id: ''
+					role: ''
 				}
 			];
 		}
@@ -251,26 +197,19 @@ export default {
 	watch: {
 		selectedCourse(newValue) {
 			this.coursesToSend = newValue ? [newValue] : [];
-		},
-		switchSingle(){this.selectedRole = '';}
+		}
 	},
 	data() {
 		return {
-			payload: {
-				users: [
-					{
-						idx: '',
-						name: '',
-						email: '',	
-						access_level_id: null
-					}
-				],
-				courses: [{ id: '' }],
-				access_levels:[{ id: '' }]
-			},
-			selectedRole: '',
-			switchSingle: false,
-			coursesToSend: [],
+			slots: [
+				{
+					idx: '',
+					name: '',
+					email: '',
+					role: ''
+				}
+			],
+			coursesToSend: []
 		};
 	}
 };
@@ -292,10 +231,4 @@ export default {
 .pointer {
     cursor: pointer;
 }
-/deep/ .el-switch__label{
-		height: 13.5px !important;
-			&.is-active{
-				color: #5865F2 !important;
-			}
-		}
 </style>

package/package.json

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