@burh/nuxt-core 1.0.359 → 1.0.360

package/components/burh-ds/Loads/LoadingBar.vue

@@ -1,83 +1,83 @@
-<template>
-	<div
-		class="loading__bar"
-		v-if="isShowing"
-	>
-		<div
-			class="loading__bar__content"
-			:style="`--loading-bar-color: ${defaultColor}; --loading-bar-w: ${loadingWidth}%`"
-		></div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'loading-bar',
-	props: {
-		defaultColor: {
-			type: String,
-			default: '#5865F2'
-		},
-		isLoading: {
-			type: Boolean,
-			default: false
-		}
-	},
-	watch: {
-		isLoading() {
-			this.setLoading();
-		}
-	},
-	data() {
-		return {
-			loadingWidth: 0,
-			loadingInterval: null,
-			isShowing: false
-		};
-	},
-	methods: {
-		setLoading() {
-			if (this.isLoading) {
-				this.isShowing = true;
-				this.setLoadingInterval();
-			} else {
-				this.loadingInterval = null;
-				this.loadingWidth = 100;
-
-				setTimeout(() => {
-					this.isShowing = false;
-					this.loadingWidth = 0;
-				}, 1000);
-			}
-		},
-		setLoadingInterval() {
-			this.loadingInterval = setInterval(() => {
-				if (this.loadingWidth < 100 && this.isLoading) {
-					this.loadingWidth += 1 / 4;
-				}
-			}, 100);
-		}
-	},
-	mounted() {
-		this.setLoading();
-		this.setLoadingInterval();
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.loading__bar {
-    background: #e9ecef;
-    width: 100%;
-    height: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    &__content {
-        width: var(--loading-bar-w);
-        height: 100%;
-        background: var(--loading-bar-color);
-        transition: width 0.5s;
-    }
-}
-</style>
+<template>
+	<div
+		class="loading__bar"
+		v-if="isShowing"
+	>
+		<div
+			class="loading__bar__content"
+			:style="`--loading-bar-color: ${defaultColor}; --loading-bar-w: ${loadingWidth}%`"
+		></div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'loading-bar',
+	props: {
+		defaultColor: {
+			type: String,
+			default: '#5865F2'
+		},
+		isLoading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	watch: {
+		isLoading() {
+			this.setLoading();
+		}
+	},
+	data() {
+		return {
+			loadingWidth: 0,
+			loadingInterval: null,
+			isShowing: false
+		};
+	},
+	methods: {
+		setLoading() {
+			if (this.isLoading) {
+				this.isShowing = true;
+				this.setLoadingInterval();
+			} else {
+				this.loadingInterval = null;
+				this.loadingWidth = 100;
+
+				setTimeout(() => {
+					this.isShowing = false;
+					this.loadingWidth = 0;
+				}, 1000);
+			}
+		},
+		setLoadingInterval() {
+			this.loadingInterval = setInterval(() => {
+				if (this.loadingWidth < 100 && this.isLoading) {
+					this.loadingWidth += 1 / 4;
+				}
+			}, 100);
+		}
+	},
+	mounted() {
+		this.setLoading();
+		this.setLoadingInterval();
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.loading__bar {
+    background: #e9ecef;
+    width: 100%;
+    height: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    &__content {
+        width: var(--loading-bar-w);
+        height: 100%;
+        background: var(--loading-bar-color);
+        transition: width 0.5s;
+    }
+}
+</style>

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

@@ -1,206 +1,206 @@
-<template>
-	<el-dialog
-		:visible.sync="isActive"
-		width="55%"
-		custom-class="position-relative"
-		@close="$emit('close')"
-	>
-		<template>
-			<div class="role">
-				<h3>Cadastrar Cliente</h3>
-
-				<section>
-					<validation-observer ref="sendRole">
-						<validation-provider
-							tag="div"
-							name="Nome"
-							rules="required"
-							v-slot="{ errors }"
-						>
-							<label for="name">Nome da Empresa</label>
-							<base-input
-								type="text"
-								id="name"
-								v-model="name"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-							/>
-							<label for="name">Razão Social</label>
-							<base-input
-								type="text"
-								id="name"
-								v-model="name"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-							/>
-							<label for="name">CNPJ</label>
-							<base-input
-								type="text"
-								id="name"
-								v-model="name"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-							/>
-							<label for="name">CEP</label>
-							<base-input
-								type="text"
-								id="name"
-								v-model="name"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-							/>
-							<label for="name">Endereço</label>
-							<base-input
-								type="text"
-								id="name"
-								v-model="name"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-							/>
-							<label for="name">Cidade</label>
-							<base-input
-								type="text"
-								id="name"
-								v-model="name"
-								:error="errors[0]"
-								:valid="errors.length ? true : false"
-							/>
-						</validation-provider>
-					</validation-observer>
-					<button
-						type="button"
-						:class="{'invalid-form': name === '' && !permissions}"
-						:disabled="name === '' && !permissions"
-						@click="sendRequest"
-						class="btn ml-auto d-block btn-primary btn-md"
-					>
-						Enviar
-					</button>
-				</section>
-			</div>
-
-			<span class="tool tool-close" @click="$emit('close')">
-				Fechar
-				<font-awesome-icon
-					:icon="['fas', 'times']"
-					class="text-white ml-1"
-				/>
-			</span>
-		</template>
-	</el-dialog>
-</template>
-
-<script>
-import { Dialog, Select, Option } from 'element-ui';
-
-export default {
-	name: 'add-customer-modal',
-	components: {
-		[Dialog.name]: Dialog,
-		[Select.name]: Select,
-		[Option.name]: Option,
-	},
-	props: {
-		isActive: {
-			type: Boolean,
-			default: false,
-			description: 'Modal open verification'
-		},
-	},
-	data() {
-		return {
-			name: '',
-			permissions: null,
-			permessionsData: [
-				{
-					id: 22845207,
-					name: 'Administrador'
-				},
-				{
-					id: 22890835,
-					name: 'Usuário Empresas'
-				},
-				{
-					id: 22913699,
-					name: 'Portal do RH'
-				},
-				{
-					id: 22959227,
-					name: 'Universidade Corporativa'
-				},
-			]
-		};
-	},
-	methods: {
-		async sendRequest() {
-			const pass = await this.$refs.sendRole.validate();
-			if (!pass) {
-				return;
-			}
-
-			let payload = {
-				level: this.name,
-				permission_id: this.permissions
-			};
-
-			this.$emit('add-role', payload);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-
-/deep/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    max-width: 47.5rem;
-}
-
-.role {
-    padding: 2rem 3rem;
-
-    section {
-        margin-top: 2rem;
-
-        .invalid-form {
-            opacity: 0.3;
-        }
-    }
-}
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-
-    &-close {
-        position: absolute;
-        width: 88px;
-        height: 27px;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
-</style>
+<template>
+	<el-dialog
+		:visible.sync="isActive"
+		width="55%"
+		custom-class="position-relative"
+		@close="$emit('close')"
+	>
+		<template>
+			<div class="role">
+				<h3>Cadastrar Cliente</h3>
+
+				<section>
+					<validation-observer ref="sendRole">
+						<validation-provider
+							tag="div"
+							name="Nome"
+							rules="required"
+							v-slot="{ errors }"
+						>
+							<label for="name">Nome da Empresa</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">Razão Social</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">CNPJ</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">CEP</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">Endereço</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">Cidade</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+						</validation-provider>
+					</validation-observer>
+					<button
+						type="button"
+						:class="{'invalid-form': name === '' && !permissions}"
+						:disabled="name === '' && !permissions"
+						@click="sendRequest"
+						class="btn ml-auto d-block btn-primary btn-md"
+					>
+						Enviar
+					</button>
+				</section>
+			</div>
+
+			<span class="tool tool-close" @click="$emit('close')">
+				Fechar
+				<font-awesome-icon
+					:icon="['fas', 'times']"
+					class="text-white ml-1"
+				/>
+			</span>
+		</template>
+	</el-dialog>
+</template>
+
+<script>
+import { Dialog, Select, Option } from 'element-ui';
+
+export default {
+	name: 'add-customer-modal',
+	components: {
+		[Dialog.name]: Dialog,
+		[Select.name]: Select,
+		[Option.name]: Option,
+	},
+	props: {
+		isActive: {
+			type: Boolean,
+			default: false,
+			description: 'Modal open verification'
+		},
+	},
+	data() {
+		return {
+			name: '',
+			permissions: null,
+			permessionsData: [
+				{
+					id: 22845207,
+					name: 'Administrador'
+				},
+				{
+					id: 22890835,
+					name: 'Usuário Empresas'
+				},
+				{
+					id: 22913699,
+					name: 'Portal do RH'
+				},
+				{
+					id: 22959227,
+					name: 'Universidade Corporativa'
+				},
+			]
+		};
+	},
+	methods: {
+		async sendRequest() {
+			const pass = await this.$refs.sendRole.validate();
+			if (!pass) {
+				return;
+			}
+
+			let payload = {
+				level: this.name,
+				permission_id: this.permissions
+			};
+
+			this.$emit('add-role', payload);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+/deep/ .el-dialog__body {
+    padding: 0;
+}
+
+/deep/ .el-dialog__header {
+    display: none;
+}
+
+/deep/ .el-dialog {
+    overflow: hidden;
+    border-radius: 10px;
+    max-width: 47.5rem;
+}
+
+.role {
+    padding: 2rem 3rem;
+
+    section {
+        margin-top: 2rem;
+
+        .invalid-form {
+            opacity: 0.3;
+        }
+    }
+}
+
+.tool {
+    position: absolute;
+    top: 1rem;
+    z-index: 10;
+    color: $primary;
+    cursor: pointer;
+
+    &-close {
+        position: absolute;
+        width: 88px;
+        height: 27px;
+        right: 7px;
+        top: 7px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        font-size: 11px;
+
+        font-weight: 500;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 17.5px;
+        color: #fff;
+    }
+}
+</style>