@burh/nuxt-core 1.0.291 → 1.0.292

package/components/burh-ds/Loadings/LoadingFullPage.vue

@@ -1,68 +1,68 @@
-<template>
-	<div class="vld-parent">
-		<loading :active.sync="isLoading"
-			:can-cancel="true"
-			:on-cancel="onCancel"
-			:is-full-page="fullPage"
-			:color="'#4460F4'"
-			:loader="'dots'"
-			:class="isBottomLoading ? 'bottom-loading' : ''"
-			></loading>
-
-		<!-- <label><input type="checkbox" v-model="fullPage">Full page?</label>
-		<button @click.prevent="doAjax">fetch Data</button> -->
-	</div>
-</template>
-
-<script>
-// Import component
-import Loading from 'vue-loading-overlay';
-// Import stylesheet
-import 'vue-loading-overlay/dist/vue-loading.css';
-
-export default {
-	name: 'loading-full-page',
-	// data() {
-	// 	return {
-	// 		isLoading: false,
-	// 		fullPage: true
-	// 	};
-	// },
-	props: {
-		isLoading: {
-		    type: Boolean,
-	        default: false
-		},
-		fullPage: {
-		    type: Boolean,
-	        default: true
-		},
-		isBottomLoading: {
-			type: Boolean,
-			default: false
-		}
-	},
-	components: {
-		Loading
-	},
-	methods: {
-		doAjax() {
-			this.isLoading = true;
-			// simulate AJAX
-			setTimeout(() => {
-				this.isLoading = false;
-			}, 5000);
-		},
-		onCancel() {
-
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-.bottom-loading{
-	top: initial;
-	max-height: 4rem;
-	background-color: transparent;
-}
-</style>
+<template>
+	<div class="vld-parent">
+		<loading :active.sync="isLoading"
+			:can-cancel="true"
+			:on-cancel="onCancel"
+			:is-full-page="fullPage"
+			:color="'#4460F4'"
+			:loader="'dots'"
+			:class="isBottomLoading ? 'bottom-loading' : ''"
+			></loading>
+
+		<!-- <label><input type="checkbox" v-model="fullPage">Full page?</label>
+		<button @click.prevent="doAjax">fetch Data</button> -->
+	</div>
+</template>
+
+<script>
+// Import component
+import Loading from 'vue-loading-overlay';
+// Import stylesheet
+import 'vue-loading-overlay/dist/vue-loading.css';
+
+export default {
+	name: 'loading-full-page',
+	// data() {
+	// 	return {
+	// 		isLoading: false,
+	// 		fullPage: true
+	// 	};
+	// },
+	props: {
+		isLoading: {
+		    type: Boolean,
+	        default: false
+		},
+		fullPage: {
+		    type: Boolean,
+	        default: true
+		},
+		isBottomLoading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	components: {
+		Loading
+	},
+	methods: {
+		doAjax() {
+			this.isLoading = true;
+			// simulate AJAX
+			setTimeout(() => {
+				this.isLoading = false;
+			}, 5000);
+		},
+		onCancel() {
+
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.bottom-loading{
+	top: initial;
+	max-height: 4rem;
+	background-color: transparent;
+}
+</style>

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: '#4460F4'
-		},
-		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: '#4460F4'
+		},
+		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/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:#4460F4;
-    }
-</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:#4460F4;
+    }
+</style>

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

@@ -1,87 +1,87 @@
-<template>
-	<div>
-		<modal
-			:show.sync="isModalOpen"
-			@close="$emit('close-modal')"
-			class="modal modal-new"
-			bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
-			headerClasses="container-fluid new-modal-header pb-0"
-		>
-			<template slot="header">
-				<p>&ThinSpace;</p>
-			</template>
-			<div class="text-center mb-4 mt-0">
-				<img src="/img/logotipo_color.svg" class="pb-4" width="110" alt="Burh">
-				<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
-			</div>
-			<div class="mt-2 text-justify">
-				<p>
-					O Burh foi criado para empresas que buscam os melhores profissionais para compor seu time, mas que para isso não tenham que passar por sistemas burocráticos, ultrapassados e cheios de pegadinhas. Com o único propósito de tornar o mercado profissional em um lugar livre e aberto, chegou a hora de apresentarmos a melhor versão que já criamos, uma plataforma inteligente, rápida, segura e repleta de novas possibilidades.
-					<br><br>
-					Por isso acreditamos que você vai adorar! A nova plataforma possibilita criar e organizar pastas na nuvem, anexar documentos e notas nos perfis dos profissionais e compartilhar essas informações com toda segurança da LGPD. Tudo isso de forma simples, inovadora e inteligente.
-					<br><br>
-					Pode-se dizer que estamos amadurecendo, o que é meio chavão para uma marca dizer, mas nós somos gratos pelas pessoas que ficaram ao nosso lado nos últimos quatro anos e estamos empolgados para crescer cada vez mais juntos.
-					<br><br>
-					Hoje, apresentamos a nova Burh Empresas que será liberada nos próximos dias. Uma solução que reflete aquilo que somos, nossa essência e o que acreditamos. Nossas novas cores representam toda a integração, possibilidade e liberdade de criarmos o novo, de pessoas para pessoas.
-					<br><br>
-					Com amor,<br>Burh
-				</p>
-			</div>
-		</modal>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'new-user-modal',
-	props: {
-		show: {
-			type: Boolean,
-			default: false
-		},
-	},
-	data() {
-		return {
-			isModalOpen: this.show
-		};
-	},
-	watch: {
-		show(value) {
-			this.isModalOpen = value;
-		}
-	}
-};
-</script>
-<style lang="scss">
-.modal-new {
-    overflow-y: auto!important;
-    &::-webkit-scrollbar-track {
-		border-radius: 10px!important;
-		background-color: rgba(23, 43, 77, 0.7)!important;
-	}
-
-	&::-webkit-scrollbar {
-		width: 8px!important;
-		background-color: rgba(23, 43, 77, 0.7)!important;
-	}
-
-	&::-webkit-scrollbar-thumb {
-		border-radius: 10px!important;
-		background-color: #e9e8e8!important;
-	}
-    .modal-dialog {
-        min-width: 60rem;
-        display: flex;
-        flex-direction: columns;
-        align-items: center;
-    }
-}
-.modal-new-fix {
-    padding: 30px 60px!important;
-    padding-top: 0!important;
-    width: 75%!important;
-}
-.new-modal-header {
-	padding: 10px!important;
-}
-</style>
+<template>
+	<div>
+		<modal
+			:show.sync="isModalOpen"
+			@close="$emit('close-modal')"
+			class="modal modal-new"
+			bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
+			headerClasses="container-fluid new-modal-header pb-0"
+		>
+			<template slot="header">
+				<p>&ThinSpace;</p>
+			</template>
+			<div class="text-center mb-4 mt-0">
+				<img src="/img/logotipo_color.svg" class="pb-4" width="110" alt="Burh">
+				<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
+			</div>
+			<div class="mt-2 text-justify">
+				<p>
+					O Burh foi criado para empresas que buscam os melhores profissionais para compor seu time, mas que para isso não tenham que passar por sistemas burocráticos, ultrapassados e cheios de pegadinhas. Com o único propósito de tornar o mercado profissional em um lugar livre e aberto, chegou a hora de apresentarmos a melhor versão que já criamos, uma plataforma inteligente, rápida, segura e repleta de novas possibilidades.
+					<br><br>
+					Por isso acreditamos que você vai adorar! A nova plataforma possibilita criar e organizar pastas na nuvem, anexar documentos e notas nos perfis dos profissionais e compartilhar essas informações com toda segurança da LGPD. Tudo isso de forma simples, inovadora e inteligente.
+					<br><br>
+					Pode-se dizer que estamos amadurecendo, o que é meio chavão para uma marca dizer, mas nós somos gratos pelas pessoas que ficaram ao nosso lado nos últimos quatro anos e estamos empolgados para crescer cada vez mais juntos.
+					<br><br>
+					Hoje, apresentamos a nova Burh Empresas que será liberada nos próximos dias. Uma solução que reflete aquilo que somos, nossa essência e o que acreditamos. Nossas novas cores representam toda a integração, possibilidade e liberdade de criarmos o novo, de pessoas para pessoas.
+					<br><br>
+					Com amor,<br>Burh
+				</p>
+			</div>
+		</modal>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'new-user-modal',
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+	},
+	data() {
+		return {
+			isModalOpen: this.show
+		};
+	},
+	watch: {
+		show(value) {
+			this.isModalOpen = value;
+		}
+	}
+};
+</script>
+<style lang="scss">
+.modal-new {
+    overflow-y: auto!important;
+    &::-webkit-scrollbar-track {
+		border-radius: 10px!important;
+		background-color: rgba(23, 43, 77, 0.7)!important;
+	}
+
+	&::-webkit-scrollbar {
+		width: 8px!important;
+		background-color: rgba(23, 43, 77, 0.7)!important;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		border-radius: 10px!important;
+		background-color: #e9e8e8!important;
+	}
+    .modal-dialog {
+        min-width: 60rem;
+        display: flex;
+        flex-direction: columns;
+        align-items: center;
+    }
+}
+.modal-new-fix {
+    padding: 30px 60px!important;
+    padding-top: 0!important;
+    width: 75%!important;
+}
+.new-modal-header {
+	padding: 10px!important;
+}
+</style>