@burh/nuxt-core 1.0.337 → 1.0.338

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

@@ -1,206 +1,206 @@
-<template>
-	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" 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">
-
-				<validation-provider
-					tag="div"
-					class="col-4"
-					: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"
-					: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="''"
-					>
-						<el-option
-							v-for="role in corporativeRole"
-							:key="role.id"
-							:label="role.level"
-							:value="role.level"
-						>
-						</el-option>
-					</el-select>
-				</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>
-				</div>
-
-			</div>
-		</validation-observer>
-
-		<div class="row">
-			<base-button 
-				class="mx-auto" 
-				type="primary" 
-				@click="inviteUser"
-			>
-				Convidar
-			</base-button>
-		</div>
-	</modal>
-</template>
-
-<script>
-import { Select, Option } from 'element-ui';
-
-export default {
-	name: 'invite-to-role',
-	components: {
-		[Select.name]: Select,
-		[Option.name]: Option
-	},
-	props: {
-		isModalOpen: {
-			type: Boolean,
-			default: false
-		},
-		corporativeRole: null,
-	},
-	methods: {
-		closeModal(e) {
-			this.$emit('closemodal', e);
-		},
-
-		removeSlot(idx) {
-			this.slots.splice(idx, 1);
-		},
-
-		addSlot() {
-			const newSlot = {
-				idx: '',
-				name: '',
-				email: '',
-				role: ''
-			};
-
-			this.slots = [...this.slots, newSlot];
-		},
-
-		async inviteUser() {
-			const pass = await this.$refs.inviteUser.validate();
-
-			if (!pass) {
-				return;
-			}
-
-			const filterSlots = slot => slot.email !== '';
-
-			const formatRequest = () => {
-
-				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,
-						access_level: slot.role
-					}));
-
-				return [
-					...formattedSlots
-				];
-			};
-            
-			let params = {
-				users: formatRequest()
-			};
-
-			this.resetSlots();
-			this.$emit('invite-user', params);
-		},
-
-		resetSlots() {
-			this.slots = [
-				{
-					idx: '',
-					name: '',
-					email: '',
-					role: ''
-				}
-			];
-		}
-	},
-	data() {
-		return {
-			slots: [
-				{
-					idx: '',
-					name: '',
-					email: '',
-					role: ''
-				}
-			],
-		};
-	},
-};
-</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;
-}
-</style>
+<template>
+	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" 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">
+
+				<validation-provider
+					tag="div"
+					class="col-4"
+					: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"
+					: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="''"
+					>
+						<el-option
+							v-for="role in corporativeRole"
+							:key="role.id"
+							:label="role.level"
+							:value="role.level"
+						>
+						</el-option>
+					</el-select>
+				</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>
+				</div>
+
+			</div>
+		</validation-observer>
+
+		<div class="row">
+			<base-button 
+				class="mx-auto" 
+				type="primary" 
+				@click="inviteUser"
+			>
+				Convidar
+			</base-button>
+		</div>
+	</modal>
+</template>
+
+<script>
+import { Select, Option } from 'element-ui';
+
+export default {
+	name: 'invite-to-role',
+	components: {
+		[Select.name]: Select,
+		[Option.name]: Option
+	},
+	props: {
+		isModalOpen: {
+			type: Boolean,
+			default: false
+		},
+		corporativeRole: null,
+	},
+	methods: {
+		closeModal(e) {
+			this.$emit('closemodal', e);
+		},
+
+		removeSlot(idx) {
+			this.slots.splice(idx, 1);
+		},
+
+		addSlot() {
+			const newSlot = {
+				idx: '',
+				name: '',
+				email: '',
+				role: ''
+			};
+
+			this.slots = [...this.slots, newSlot];
+		},
+
+		async inviteUser() {
+			const pass = await this.$refs.inviteUser.validate();
+
+			if (!pass) {
+				return;
+			}
+
+			const filterSlots = slot => slot.email !== '';
+
+			const formatRequest = () => {
+
+				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,
+						access_level: slot.role
+					}));
+
+				return [
+					...formattedSlots
+				];
+			};
+            
+			let params = {
+				users: formatRequest()
+			};
+
+			this.resetSlots();
+			this.$emit('invite-user', params);
+		},
+
+		resetSlots() {
+			this.slots = [
+				{
+					idx: '',
+					name: '',
+					email: '',
+					role: ''
+				}
+			];
+		}
+	},
+	data() {
+		return {
+			slots: [
+				{
+					idx: '',
+					name: '',
+					email: '',
+					role: ''
+				}
+			],
+		};
+	},
+};
+</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;
+}
+</style>

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

@@ -1,65 +1,65 @@
-<template>
-	<div>
-		<notifications></notifications>
-		<modal :show.sync="show.mobileModal" class="modal-share">
-			<template slot="header">
-				<!-- <h5 class="modal-title" id="exampleModalLabel">Compartilhar</h5> -->
-			</template>
-			<div class="img-app-container">
-				<img src="img/android_and_ios.png" class="img-app"/>
-			</div>
-
-			<p class="p-title">Estamos atualizando nossos aplicativos</p>
-			<p class="p-text">Nossos Apps iOS e Android estão passando por melhorias, queremos garantir a melhor experiência possível e feedback em tempo real das vagas para você.</p>
-
-		</modal>
-	</div>
-</template>
-
-<script>
-import { mask } from 'vue-the-mask';
-
-export default {
-	name: 'mobile-modal',
-	directives:{
-		mask
-	},
-	components: {
-	},
-	props: {
-		show: Object,
-		url: String
-	},
-	data() {
-		return {
-			modals: {
-				mobileModal: false
-			},
-		};
-	},
-	mounted(){
-
-	},
-	methods:{
-
-	}
-};
-</script>
-<style lang="scss">
-    .img-app-container {
-        text-align: center;
-    }
-    .img-app {
-        width: 300px !important;
-        height: auto !important;
-    }
-    .p-text {
-        text-align: center;
-    }
-    .p-title {
-        font-size: 27px;
-        font-weight: bold;
-        text-align: center;
-        color:#5865F2;
-    }
-</style>
+<template>
+	<div>
+		<notifications></notifications>
+		<modal :show.sync="show.mobileModal" class="modal-share">
+			<template slot="header">
+				<!-- <h5 class="modal-title" id="exampleModalLabel">Compartilhar</h5> -->
+			</template>
+			<div class="img-app-container">
+				<img src="img/android_and_ios.png" class="img-app"/>
+			</div>
+
+			<p class="p-title">Estamos atualizando nossos aplicativos</p>
+			<p class="p-text">Nossos Apps iOS e Android estão passando por melhorias, queremos garantir a melhor experiência possível e feedback em tempo real das vagas para você.</p>
+
+		</modal>
+	</div>
+</template>
+
+<script>
+import { mask } from 'vue-the-mask';
+
+export default {
+	name: 'mobile-modal',
+	directives:{
+		mask
+	},
+	components: {
+	},
+	props: {
+		show: Object,
+		url: String
+	},
+	data() {
+		return {
+			modals: {
+				mobileModal: false
+			},
+		};
+	},
+	mounted(){
+
+	},
+	methods:{
+
+	}
+};
+</script>
+<style lang="scss">
+    .img-app-container {
+        text-align: center;
+    }
+    .img-app {
+        width: 300px !important;
+        height: auto !important;
+    }
+    .p-text {
+        text-align: center;
+    }
+    .p-title {
+        font-size: 27px;
+        font-weight: bold;
+        text-align: center;
+        color:#5865F2;
+    }
+</style>