@burh/nuxt-core 1.0.404 → 1.0.406

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

@@ -1,272 +1,272 @@
-<template>
-	<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>
-
-		<validation-observer ref="inviteUser">
-			<div class="column p-4 member__container" v-for="(slot, idx) in slots" :key="idx">
-
-				<validation-provider
-					tag="div"
-					class="col-12"
-					:vid="`send-name-${idx}`"
-					name="Nome"
-					rules="required|regex:\w+\s+\w+"
-					v-slot="{ errors }"
-				>
-					<base-input
-						v-model="slot.name"
-						label="Nome Completo"
-						placeholder="Nome Completo"
-						:error="errors[0]"
-						:valid="errors.length ? true : false"
-					/>
-				</validation-provider>
-
-				<validation-provider
-					tag="div"
-					class="col-12"
-					:vid="`send-email-${idx}`"
-					name="Email"
-					rules="required|email"
-					v-slot="{ errors }"
-				>
-					<base-input
-						v-model="slot.email"
-						label="Email"
-						placeholder="Email"
-						type="email"
-						:error="errors[0]"
-						:valid="errors.length ? true : false"
-					/>
-				</validation-provider>
-
-				<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
-						>
-							<div class="text-center" slot="empty">
-								<p class="small text-muted mx-2 mb-2 mt-2">
-									Nenhum setor encontrado
-								</p>
-							</div>
-
-							<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 col-12">
-			<base-button
-				class="ml-auto"
-				type="primary"
-				@click="inviteUser"
-				:disabled="isLoading"
-				:class="{'is-loading': isLoading}"
-			>
-				{{ isLoading ? 'Enviando' : '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: {
-			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);
-		},
-
-		removeSlot(idx) {
-			this.slots.splice(idx, 1);
-		},
-
-		addSlot() {
-			const newSlot = this.getSlot();
-
-			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,
-						company_buffer_folder_id: slot.buffer != '' ? slot.buffer : null
-					}));
-
-				return [
-					...formattedSlots
-				];
-			};
-
-			let params = {
-				users: formatRequest()
-			};
-
-			this.$emit('invite-user', params);
-		},
-
-		getSlot() {
-			return {
-				idx: '',
-				name: '',
-				email: '',
-				role: '',
-				buffer: ''
-			};
-		},
-		resetSlots() {
-			this.$refs.inviteUser.reset();
-			this.slots = [];
-			this.slots.push(this.getSlot());
-		}
-	},
-	data() {
-		return {
-			slots: [],
-			bufferList: []
-		};
-	},
-	mounted() {
-		this.resetSlots();
-	}
-};
-</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;
-}
-
-.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>
+<template>
+	<modal :show="isModalOpen" v-on:close="closeModal" class="modal">
+
+		<template slot="header">
+			<h2 class="display-4 pb-3">
+				Insira os e-mails que deseja adicionar a empresa
+			</h2>
+		</template>
+
+		<validation-observer ref="inviteUser">
+			<div class="column p-4 member__container" v-for="(slot, idx) in slots" :key="idx">
+
+				<validation-provider
+					tag="div"
+					class="col-12"
+					:vid="`send-name-${idx}`"
+					name="Nome"
+					rules="required|regex:\w+\s+\w+"
+					v-slot="{ errors }"
+				>
+					<base-input
+						v-model="slot.name"
+						label="Nome Completo"
+						placeholder="Nome Completo"
+						:error="errors[0]"
+						:valid="errors.length ? true : false"
+					/>
+				</validation-provider>
+
+				<validation-provider
+					tag="div"
+					class="col-12"
+					:vid="`send-email-${idx}`"
+					name="Email"
+					rules="required|email"
+					v-slot="{ errors }"
+				>
+					<base-input
+						v-model="slot.email"
+						label="Email"
+						placeholder="Email"
+						type="email"
+						:error="errors[0]"
+						:valid="errors.length ? true : false"
+					/>
+				</validation-provider>
+
+				<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
+						>
+							<div class="text-center" slot="empty">
+								<p class="small text-muted mx-2 mb-2 mt-2">
+									Nenhum setor encontrado
+								</p>
+							</div>
+
+							<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 col-12">
+			<base-button
+				class="ml-auto"
+				type="primary"
+				@click="inviteUser"
+				:disabled="isLoading"
+				:class="{'is-loading': isLoading}"
+			>
+				{{ isLoading ? 'Enviando' : '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: {
+			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);
+		},
+
+		removeSlot(idx) {
+			this.slots.splice(idx, 1);
+		},
+
+		addSlot() {
+			const newSlot = this.getSlot();
+
+			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,
+						company_buffer_folder_id: slot.buffer != '' ? slot.buffer : null
+					}));
+
+				return [
+					...formattedSlots
+				];
+			};
+
+			let params = {
+				users: formatRequest()
+			};
+
+			this.$emit('invite-user', params);
+		},
+
+		getSlot() {
+			return {
+				idx: '',
+				name: '',
+				email: '',
+				role: '',
+				buffer: ''
+			};
+		},
+		resetSlots() {
+			this.$refs.inviteUser.reset();
+			this.slots = [];
+			this.slots.push(this.getSlot());
+		}
+	},
+	data() {
+		return {
+			slots: [],
+			bufferList: []
+		};
+	},
+	mounted() {
+		this.resetSlots();
+	}
+};
+</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;
+}
+
+.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/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>