@burh/nuxt-core 1.0.501 → 1.0.503

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

@@ -1,237 +1,237 @@
-<template>
-	<modal
-		:show.sync="isActive"
-		:size="'lg'"
-		@close="$emit('close')"
-	>
-		<template>
-			<div class="modal-request">
-				<h3>Requisição de Vagas</h3>
-
-				<validation-observer ref="sendTest">
-					<section>
-						<label for="job">Escolha a vaga desejada</label>
-						<el-select
-							filterable
-							no-match-text="Nenhuma vaga encontrada"
-							no-data-text="Nenhuma vaga encontrada"
-							placeholder="Escolha"
-							v-model="jobs.job"
-							class="w-100"
-						>
-							<el-option
-								v-for="(job, index) in allJobs"
-								class="select-danger"
-								:value="job.id"
-								:label="job.title"
-								:key="index"
-							></el-option>
-						</el-select>
-
-						<label for="reason" class="mt-4">Motivo</label>
-						<el-select
-							filterable
-							no-match-text="Nenhum dado encontrado"
-							no-data-text="Nenhum dado encontrado"
-							placeholder="Escolha"
-							v-model="jobs.reason"
-							class="w-100"
-						>
-							<el-option
-								v-for="(reas, index) in allReasons"
-								class="select-danger"
-								:value="reas.value"
-								:label="reas.label"
-								:key="index"
-							></el-option>
-						</el-select>
-
-						<validation-provider
-							tag="div"
-							name="Salário"
-							rules="required"
-							v-slot="{ errors }"
-						>
-							<base-input
-								v-model="jobs.salary"
-								class="w-100 mt-4"
-								id="salary"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-								label="Salário"
-								v-on:input="setSalary($event)"
-								placeholder="R$ 1.500,00"
-							/>
-						</validation-provider>
-
-						<el-checkbox v-model="jobs.confidential">
-							Confidencial
-						</el-checkbox>
-
-						<label for="observations" class="mt-4"
-						>Observações</label
-						>
-						<textarea
-							id="observations"
-							class="form-control"
-							v-model="jobs.observations"
-						></textarea>
-
-						<button
-							type="button"
-							@click="sendRequest"
-							class="btn btn-primary"
-							:disabled="!jobs.job || !jobs.reason"
-						>
-							Solicitar Abertura
-						</button>
-					</section>
-				</validation-observer>
-			</div>
-
-			<span class="tool tool-close" @click="$emit('close')">
-				Fechar
-				<i class="fas fa-times text-white ml-1"/>
-			</span>
-		</template>
-	</modal>
-</template>
-
-<script>
-import { Select, Option, Checkbox } from 'element-ui';
-
-export default {
-	name: 'request-modal',
-	components: {
-		[Select.name]: Select,
-		[Option.name]: Option,
-		[Checkbox.name]: Checkbox
-	},
-	props: {
-		isActive: Boolean,
-		allJobs: Array,
-		userId: String,
-		allReasons: Array
-	},
-	data() {
-		return {
-			jobs: {
-				job: '',
-				reason: '',
-				salary: 'R$ 0,00',
-				confidential: false,
-				observations: ''
-			}
-		};
-	},
-	methods: {
-		async sendRequest() {
-			const pass = await this.$refs.sendTest.validate();
-			if (!pass || !this.jobs.job || !this.jobs.reason) {
-				return;
-			}
-
-			let salary = this.jobs.salary;
-			salary = this.replaceAll(salary, '.', '');
-			salary = salary
-				.replace(',', '.')
-				.replace('R$', '')
-				.trim();
-
-			let payload = {
-				job_id: this.jobs.job,
-				user_id: parseInt(this.userId),
-				reason: this.jobs.reason,
-				salary: parseInt(salary),
-				private: this.jobs.confidential,
-				note: this.jobs.observations
-			};
-
-			this.$emit('send-request', payload);
-			this.$emit('close');
-
-			let field = {};
-			for (field in this.jobs) this.jobs[field] = '';
-			this.jobs.salary = 'R$ 0,00';
-		},
-		setSalary(e, onlyMasking = false) {
-			let value = e
-				.replace(/\s/g, '')
-				.replace('R$', '')
-				.replace('.', '')
-				.replace(',', '');
-
-			if (value.trim() == '') {
-				this.jobs.salary = 'R$ 0,00';
-				return;
-			}
-
-			if (value.length > 2) {
-				let position = value.length - 2;
-				value = [
-					value.slice(0, position),
-					'.',
-					value.slice(position)
-				].join('');
-			} else {
-				value = '0.' + value;
-			}
-
-			while (value.charAt(0) === '0' && value.length >= 5) {
-				value = value.substr(1);
-			}
-
-			if (!onlyMasking) {
-				this.jobs.salary = parseFloat(value).toLocaleString('pt-BR', {
-					style: 'currency',
-					currency: 'BRL'
-				});
-			} else {
-				return parseFloat(value).toLocaleString('pt-BR', {
-					style: 'currency',
-					currency: 'BRL'
-				});
-			}
-		},
-		replaceAll(str, find, replace) {
-			return str.replace(
-				new RegExp(find.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g'),
-				replace
-			);
-		}
-	},
-	watch: {
-		isActive(newValue) {
-			!newValue && this.$emit('close-modal');
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-
-/deep/ .modal-body {
-    margin: 1rem 2rem;
-}
-
-.modal-request {
-    section {
-        display: flex;
-        flex-direction: column;
-        margin-top: 1.5rem;
-
-        label {
-            text-transform: uppercase;
-            color: #8898aa;
-            font-weight: 600;
-            font-size: 0.8rem;
-        }
-
-        button {
-            width: 55%;
-            margin-left: auto;
-        }
-    }
-}
-</style>
+<template>
+	<modal
+		:show.sync="isActive"
+		:size="'lg'"
+		@close="$emit('close')"
+	>
+		<template>
+			<div class="modal-request">
+				<h3>Requisição de Vagas</h3>
+
+				<validation-observer ref="sendTest">
+					<section>
+						<label for="job">Escolha a vaga desejada</label>
+						<el-select
+							filterable
+							no-match-text="Nenhuma vaga encontrada"
+							no-data-text="Nenhuma vaga encontrada"
+							placeholder="Escolha"
+							v-model="jobs.job"
+							class="w-100"
+						>
+							<el-option
+								v-for="(job, index) in allJobs"
+								class="select-danger"
+								:value="job.id"
+								:label="job.title"
+								:key="index"
+							></el-option>
+						</el-select>
+
+						<label for="reason" class="mt-4">Motivo</label>
+						<el-select
+							filterable
+							no-match-text="Nenhum dado encontrado"
+							no-data-text="Nenhum dado encontrado"
+							placeholder="Escolha"
+							v-model="jobs.reason"
+							class="w-100"
+						>
+							<el-option
+								v-for="(reas, index) in allReasons"
+								class="select-danger"
+								:value="reas.value"
+								:label="reas.label"
+								:key="index"
+							></el-option>
+						</el-select>
+
+						<validation-provider
+							tag="div"
+							name="Salário"
+							rules="required"
+							v-slot="{ errors }"
+						>
+							<base-input
+								v-model="jobs.salary"
+								class="w-100 mt-4"
+								id="salary"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+								label="Salário"
+								v-on:input="setSalary($event)"
+								placeholder="R$ 1.500,00"
+							/>
+						</validation-provider>
+
+						<el-checkbox v-model="jobs.confidential">
+							Confidencial
+						</el-checkbox>
+
+						<label for="observations" class="mt-4"
+						>Observações</label
+						>
+						<textarea
+							id="observations"
+							class="form-control"
+							v-model="jobs.observations"
+						></textarea>
+
+						<button
+							type="button"
+							@click="sendRequest"
+							class="btn btn-primary"
+							:disabled="!jobs.job || !jobs.reason"
+						>
+							Solicitar Abertura
+						</button>
+					</section>
+				</validation-observer>
+			</div>
+
+			<span class="tool tool-close" @click="$emit('close')">
+				Fechar
+				<i class="fas fa-times text-white ml-1"/>
+			</span>
+		</template>
+	</modal>
+</template>
+
+<script>
+import { Select, Option, Checkbox } from 'element-ui';
+
+export default {
+	name: 'request-modal',
+	components: {
+		[Select.name]: Select,
+		[Option.name]: Option,
+		[Checkbox.name]: Checkbox
+	},
+	props: {
+		isActive: Boolean,
+		allJobs: Array,
+		userId: String,
+		allReasons: Array
+	},
+	data() {
+		return {
+			jobs: {
+				job: '',
+				reason: '',
+				salary: 'R$ 0,00',
+				confidential: false,
+				observations: ''
+			}
+		};
+	},
+	methods: {
+		async sendRequest() {
+			const pass = await this.$refs.sendTest.validate();
+			if (!pass || !this.jobs.job || !this.jobs.reason) {
+				return;
+			}
+
+			let salary = this.jobs.salary;
+			salary = this.replaceAll(salary, '.', '');
+			salary = salary
+				.replace(',', '.')
+				.replace('R$', '')
+				.trim();
+
+			let payload = {
+				job_id: this.jobs.job,
+				user_id: parseInt(this.userId),
+				reason: this.jobs.reason,
+				salary: parseInt(salary),
+				private: this.jobs.confidential,
+				note: this.jobs.observations
+			};
+
+			this.$emit('send-request', payload);
+			this.$emit('close');
+
+			let field = {};
+			for (field in this.jobs) this.jobs[field] = '';
+			this.jobs.salary = 'R$ 0,00';
+		},
+		setSalary(e, onlyMasking = false) {
+			let value = e
+				.replace(/\s/g, '')
+				.replace('R$', '')
+				.replace('.', '')
+				.replace(',', '');
+
+			if (value.trim() == '') {
+				this.jobs.salary = 'R$ 0,00';
+				return;
+			}
+
+			if (value.length > 2) {
+				let position = value.length - 2;
+				value = [
+					value.slice(0, position),
+					'.',
+					value.slice(position)
+				].join('');
+			} else {
+				value = '0.' + value;
+			}
+
+			while (value.charAt(0) === '0' && value.length >= 5) {
+				value = value.substr(1);
+			}
+
+			if (!onlyMasking) {
+				this.jobs.salary = parseFloat(value).toLocaleString('pt-BR', {
+					style: 'currency',
+					currency: 'BRL'
+				});
+			} else {
+				return parseFloat(value).toLocaleString('pt-BR', {
+					style: 'currency',
+					currency: 'BRL'
+				});
+			}
+		},
+		replaceAll(str, find, replace) {
+			return str.replace(
+				new RegExp(find.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g'),
+				replace
+			);
+		}
+	},
+	watch: {
+		isActive(newValue) {
+			!newValue && this.$emit('close-modal');
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+/deep/ .modal-body {
+    margin: 1rem 2rem;
+}
+
+.modal-request {
+    section {
+        display: flex;
+        flex-direction: column;
+        margin-top: 1.5rem;
+
+        label {
+            text-transform: uppercase;
+            color: #8898aa;
+            font-weight: 600;
+            font-size: 0.8rem;
+        }
+
+        button {
+            width: 55%;
+            margin-left: auto;
+        }
+    }
+}
+</style>