@burh/nuxt-core 1.0.7 → 1.0.9

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

@@ -1,80 +1,80 @@
-<template lang="">
-	<div>
-		<span class="loader-wrapper"><span class="loader"></span></span>
-		<div class="col loader-target" :class="{'loader-target--hidden': isLoading}" />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'loading-basics',
-	props: {
-		isLoading: {
-			type: Boolean,
-			default: false,
-			description: 'If the parent screen is loading'
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-@import "assets/sass/burh-ds/variables/_colors.scss";
-
-.login-page {
-    padding: 1rem;
-
-    .h2 {
-        line-height: 1.2;
-        text-align: center;
-    }
-    .btn {
-        white-space: nowrap;
-    }
-    @media screen and (min-width: 560px) {
-    }
-    @media screen and (min-width: 560px) {
-        width: 50%;
-        min-width: 400px;
-        max-width: 600px;
-        margin: 4rem auto;
-        padding: 0px;
-    }
-}
-
-.loader-target {
-    width: 100%;
-    height: 100%;
-    background-color: white;
-    position: absolute !important;
-    z-index: 2;
-    opacity: 0.1;
-
-    &--hidden {
-        .loader-wrapper {
-            width: 0;
-            height: 0;
-            left: 50%;
-            background-color: rgba($base-light, 0);
-            transform: scale(0);
-            transition: all .35s ease-in-out;
-        }
-    }
-}
-.loader-wrapper {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: rgba($base-light, .4);
-    transform: scale(1);
-    transition: all .35s ease-in-out;
-}
-
+<template lang="">
+	<div>
+		<span class="loader-wrapper"><span class="loader"></span></span>
+		<div class="col loader-target" :class="{'loader-target--hidden': isLoading}" />
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'loading-basics',
+	props: {
+		isLoading: {
+			type: Boolean,
+			default: false,
+			description: 'If the parent screen is loading'
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+@import "assets/sass/burh-ds/variables/_colors.scss";
+
+.login-page {
+    padding: 1rem;
+
+    .h2 {
+        line-height: 1.2;
+        text-align: center;
+    }
+    .btn {
+        white-space: nowrap;
+    }
+    @media screen and (min-width: 560px) {
+    }
+    @media screen and (min-width: 560px) {
+        width: 50%;
+        min-width: 400px;
+        max-width: 600px;
+        margin: 4rem auto;
+        padding: 0px;
+    }
+}
+
+.loader-target {
+    width: 100%;
+    height: 100%;
+    background-color: white;
+    position: absolute !important;
+    z-index: 2;
+    opacity: 0.1;
+
+    &--hidden {
+        .loader-wrapper {
+            width: 0;
+            height: 0;
+            left: 50%;
+            background-color: rgba($base-light, 0);
+            transform: scale(0);
+            transition: all .35s ease-in-out;
+        }
+    }
+}
+.loader-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: rgba($base-light, .4);
+    transform: scale(1);
+    transition: all .35s ease-in-out;
+}
+
 </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:#1DA1F1;
-    }
-</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:#1DA1F1;
+    }
+</style>

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

@@ -1,169 +1,169 @@
-<template>
-	<div>
-		<notifications></notifications>
-		<modal :show.sync="show.modal0" class="modal-share" v-on:close="resetCopy()">
-			<template slot="header">
-				<h5 class="modal-title" id="exampleModalLabel">Compartilhar</h5>
-			</template>
-
-			<ul class="list-inline mb-4">
-				<li @click="shareJobOnFacebook()" class="list-inline-item">
-					<base-button icon class="btn-facebook btn-icon rounded-circle">
-						<span class="btn-inner--icon"><i class="fab fa-facebook"></i></span>
-					</base-button>
-					<span class="btn-inner--text">Facebook</span>
-				</li>
-				<li @click="shareJobOnTwitter()" class="list-inline-item"> 
-					<base-button icon class="btn-twitter rounded-circle">
-						<span class="btn-inner--icon"><i class="fab fa-twitter"></i></span>
-					</base-button>
-					<span class="btn-inner--text">Twitter</span>
-				</li>
-				<li @click="shareJobOnLinkedin()" class="list-inline-item">
-					<base-button icon class="btn-linkedin rounded-circle">
-						<span class="btn-inner--icon"><i class="fab fa-linkedin"></i></span>
-					</base-button>
-					<span class="btn-inner--text">Linkedin</span>
-				</li>
-				<!-- $shareOnWhatsapp(url, +551533426237) -->
-				<li @click="modals.modal0 = true" class="plist-inline-item ointer">
-					<base-button icon class="btn-whatsapp rounded-circle"> 
-						<span class="btn-inner--icon"><i class="fab fa-whatsapp"></i></span>
-					</base-button>
-					<span class="btn-inner--text">Whatsapp</span>
-				</li>
-			</ul>
-			<div class="input-group" @click="copyToClipboard">
-				<input id="linkShareModal" type="text" readonly class="form-control pointer" :value="url">
-				<div class="input-group-prepend">
-					<button class="btn btn-outline-primary custom-copy my-0 px-2" id="btnCopyLinkShare">Copiar</button>
-				</div>
-			</div>
-
-			<!-- <modal :show.sync="modals.modal0" class="modal-share__mini"/> -->
-			<sub-modal :show="modals">
-				<h1 class="display-3 mb-0 pb-0" slot="header">Compartilhar</h1>
-				<p class="lead mt-0">Insira aqui o número do telefone.</p>
-				<base-input 
-					class="mb-1" v-model="phoneNumber" v-mask="['(##) ####-####', '(##) #####-####']"  placeholder="Ex: (15) 3342-6237"
-					type="text" 
-					name="NumberCellphone"
-					:error="getError('NumberCellphone')"
-					:valid="isValid('NumberCellphone')"
-					v-validate="'required|min:14'"> 
-				</base-input>
-				<base-button class="btn btn-outline-primary d-block ml-auto" @click="onShareWhatsapp">Enviar</base-button>
-			</sub-modal>
-    
-		</modal>
-	</div>
-</template>
-
-<script>
-import SubModal from '~/components/burh-ds/Modals/SubModal';
-// import {TheMask} from 'vue-the-mask';
-import { mask } from 'vue-the-mask';
-
-export default {
-	name: 'share-modal',
-	directives:{
-		mask
-	},
-	components: {
-		SubModal
-	},
-	props: {
-		show: Object,
-		url: String
-	},
-	data() {
-		return {
-			modals: {
-				modal0: false
-			},
-			phoneNumber: null
-		};
-	},
-	mounted(){
-
-	},
-	methods:{
-		async onShareWhatsapp(){
-			let phoneNumber = this.phoneNumber.replace(/[^\w\s]/gi, '');
-			phoneNumber = phoneNumber.replace(' ', '');
-			const pass = await this.$validator.validateAll();
-			if(!pass) {
-				return;
-			}
-			this.$shareOnWhatsapp(this.url, 55+''+phoneNumber);
-		},
-
-		shareJobOnFacebook() {
-			this.$shareOnFacebook(
-				this.url,
-				function() {
-					// console.log("Shared");
-				}
-			);
-		},
-
-		shareJobOnLinkedin() {
-			this.$shareOnLinkedin(
-				this.url,
-				function(popup) {
-					// console.log(popup);
-				}
-			);
-		},
-
-		shareJobOnTwitter() {
-			this.$shareOnTwitter(
-				this.url,
-				function(popup) {
-					// console.log(popup);
-				}
-			);
-		},
-
-		resetCopy(){
-			let btnCopy = document.getElementById('btnCopyLinkShare');
-			btnCopy.innerText = 'Copiar';
-			btnCopy.classList.add('btn-outline-primary');
-			btnCopy.classList.remove('btn-primary');
-		},
-		copyToClipboard() {
-			let text = document.getElementById('linkShareModal');
-			let btnCopy = document.getElementById('btnCopyLinkShare');
-			text.select();
-			document.execCommand('copy');
-          
-			if(btnCopy.innerText == 'Copiado') return;
-
-			btnCopy.innerText = 'Copiado';
-			btnCopy.classList.remove('btn-outline-primary');
-			btnCopy.classList.add('btn-primary');
-			// this.$notify({
-			//   message:
-			//    `<h6 style="color: #fff;">Link copiado com sucesso!</6>`,
-			//   timeout: 5000,
-			//   icon: 'far fa-bell',
-			//   type: 'success'
-			// });
-		},
-		getError(name){
-			return this.errors.first(name);
-		},
-		isValid(name) {
-			return this.validated && !this.errors.has(name);
-		}
-	}
-};
-</script>
-<style lang="scss">
-    .pointer {
-        cursor: pointer;
-    }
-    .custom-copy {
-        box-shadow: none;
-    }
+<template>
+	<div>
+		<notifications></notifications>
+		<modal :show.sync="show.modal0" class="modal-share" v-on:close="resetCopy()">
+			<template slot="header">
+				<h5 class="modal-title" id="exampleModalLabel">Compartilhar</h5>
+			</template>
+
+			<ul class="list-inline mb-4">
+				<li @click="shareJobOnFacebook()" class="list-inline-item">
+					<base-button icon class="btn-facebook btn-icon rounded-circle">
+						<span class="btn-inner--icon"><i class="fab fa-facebook"></i></span>
+					</base-button>
+					<span class="btn-inner--text">Facebook</span>
+				</li>
+				<li @click="shareJobOnTwitter()" class="list-inline-item"> 
+					<base-button icon class="btn-twitter rounded-circle">
+						<span class="btn-inner--icon"><i class="fab fa-twitter"></i></span>
+					</base-button>
+					<span class="btn-inner--text">Twitter</span>
+				</li>
+				<li @click="shareJobOnLinkedin()" class="list-inline-item">
+					<base-button icon class="btn-linkedin rounded-circle">
+						<span class="btn-inner--icon"><i class="fab fa-linkedin"></i></span>
+					</base-button>
+					<span class="btn-inner--text">Linkedin</span>
+				</li>
+				<!-- $shareOnWhatsapp(url, +551533426237) -->
+				<li @click="modals.modal0 = true" class="plist-inline-item ointer">
+					<base-button icon class="btn-whatsapp rounded-circle"> 
+						<span class="btn-inner--icon"><i class="fab fa-whatsapp"></i></span>
+					</base-button>
+					<span class="btn-inner--text">Whatsapp</span>
+				</li>
+			</ul>
+			<div class="input-group" @click="copyToClipboard">
+				<input id="linkShareModal" type="text" readonly class="form-control pointer" :value="url">
+				<div class="input-group-prepend">
+					<button class="btn btn-outline-primary custom-copy my-0 px-2" id="btnCopyLinkShare">Copiar</button>
+				</div>
+			</div>
+
+			<!-- <modal :show.sync="modals.modal0" class="modal-share__mini"/> -->
+			<sub-modal :show="modals">
+				<h1 class="display-3 mb-0 pb-0" slot="header">Compartilhar</h1>
+				<p class="lead mt-0">Insira aqui o número do telefone.</p>
+				<base-input 
+					class="mb-1" v-model="phoneNumber" v-mask="['(##) ####-####', '(##) #####-####']"  placeholder="Ex: (15) 3342-6237"
+					type="text" 
+					name="NumberCellphone"
+					:error="getError('NumberCellphone')"
+					:valid="isValid('NumberCellphone')"
+					v-validate="'required|min:14'"> 
+				</base-input>
+				<base-button class="btn btn-outline-primary d-block ml-auto" @click="onShareWhatsapp">Enviar</base-button>
+			</sub-modal>
+    
+		</modal>
+	</div>
+</template>
+
+<script>
+import SubModal from '~/components/burh-ds/Modals/SubModal';
+// import {TheMask} from 'vue-the-mask';
+import { mask } from 'vue-the-mask';
+
+export default {
+	name: 'share-modal',
+	directives:{
+		mask
+	},
+	components: {
+		SubModal
+	},
+	props: {
+		show: Object,
+		url: String
+	},
+	data() {
+		return {
+			modals: {
+				modal0: false
+			},
+			phoneNumber: null
+		};
+	},
+	mounted(){
+
+	},
+	methods:{
+		async onShareWhatsapp(){
+			let phoneNumber = this.phoneNumber.replace(/[^\w\s]/gi, '');
+			phoneNumber = phoneNumber.replace(' ', '');
+			const pass = await this.$validator.validateAll();
+			if(!pass) {
+				return;
+			}
+			this.$shareOnWhatsapp(this.url, 55+''+phoneNumber);
+		},
+
+		shareJobOnFacebook() {
+			this.$shareOnFacebook(
+				this.url,
+				function() {
+					// console.log("Shared");
+				}
+			);
+		},
+
+		shareJobOnLinkedin() {
+			this.$shareOnLinkedin(
+				this.url,
+				function(popup) {
+					// console.log(popup);
+				}
+			);
+		},
+
+		shareJobOnTwitter() {
+			this.$shareOnTwitter(
+				this.url,
+				function(popup) {
+					// console.log(popup);
+				}
+			);
+		},
+
+		resetCopy(){
+			let btnCopy = document.getElementById('btnCopyLinkShare');
+			btnCopy.innerText = 'Copiar';
+			btnCopy.classList.add('btn-outline-primary');
+			btnCopy.classList.remove('btn-primary');
+		},
+		copyToClipboard() {
+			let text = document.getElementById('linkShareModal');
+			let btnCopy = document.getElementById('btnCopyLinkShare');
+			text.select();
+			document.execCommand('copy');
+          
+			if(btnCopy.innerText == 'Copiado') return;
+
+			btnCopy.innerText = 'Copiado';
+			btnCopy.classList.remove('btn-outline-primary');
+			btnCopy.classList.add('btn-primary');
+			// this.$notify({
+			//   message:
+			//    `<h6 style="color: #fff;">Link copiado com sucesso!</6>`,
+			//   timeout: 5000,
+			//   icon: 'far fa-bell',
+			//   type: 'success'
+			// });
+		},
+		getError(name){
+			return this.errors.first(name);
+		},
+		isValid(name) {
+			return this.validated && !this.errors.has(name);
+		}
+	}
+};
+</script>
+<style lang="scss">
+    .pointer {
+        cursor: pointer;
+    }
+    .custom-copy {
+        box-shadow: none;
+    }
 </style>