@burh/nuxt-core 1.0.20 → 1.0.21

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>

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

@@ -1,42 +1,42 @@
-<template>
-  <div>
-    <modal :show.sync="show.modal0" class="modal__mini">
-        <!-- slot inside of slot, because have component inside component-->
-        <template slot="header">
-            <slot name="header"></slot>
-        </template>
-
-        <!-- body -->
-        <template slot>
-            <slot></slot>
-        </template>
-        <!-- /body  -->
-
-        <template slot="footer">
-            <slot name="footer"></slot>
-        </template>
-    </modal>
-  </div>
-</template>
-
-<script>
-
-
-export default {
-  name: "sub-modal",
-  props: {
-    show: Object,
-    url: String
-  },
-  data() {
-    return {
-    }
-  },
-  mounted(){
-
-  },
-};
-</script>
-<style lang="scss">
-
+<template>
+  <div>
+    <modal :show.sync="show.modal0" class="modal__mini">
+        <!-- slot inside of slot, because have component inside component-->
+        <template slot="header">
+            <slot name="header"></slot>
+        </template>
+
+        <!-- body -->
+        <template slot>
+            <slot></slot>
+        </template>
+        <!-- /body  -->
+
+        <template slot="footer">
+            <slot name="footer"></slot>
+        </template>
+    </modal>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: "sub-modal",
+  props: {
+    show: Object,
+    url: String
+  },
+  data() {
+    return {
+    }
+  },
+  mounted(){
+
+  },
+};
+</script>
+<style lang="scss">
+
 </style>

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

@@ -1,52 +1,52 @@
-<template>
-	<div>
-		<modal :show.sync="show" class="modal">
-			<template slot="header">
-				<h5 class="modal-title">{{title}}</h5>
-			</template>
-			<hr class="mb-0 mt-4">
-			<div class="footer text-center">
-				<iframe width="320" height="240" :src=link frameborder="0" allowfullscreen class="rounded video--faq">
-				</iframe>
-			</div>
-		</modal>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'video-modal',
-	props: {
-		show: Boolean,
-		link: String,
-		title: String
-	},
-	data() {
-		return {
-			videoModalProperties: {
-				showModal: false
-			},
-		};
-	},
-	mounted(){
-		
-	},
-};
-</script>
-<style lang="scss">
-    .pointer {
-        cursor: pointer;
-    }
-    .custom-copy {
-        box-shadow: none;
-    }
-	.video--faq{
-		box-shadow: 0 0 1em black;
-	}
-	.modal-header{
-		padding-bottom: 0;
-	}
-	.modal-body{
-		padding: 0;
-	}
+<template>
+	<div>
+		<modal :show.sync="show" class="modal">
+			<template slot="header">
+				<h5 class="modal-title">{{title}}</h5>
+			</template>
+			<hr class="mb-0 mt-4">
+			<div class="footer text-center">
+				<iframe width="320" height="240" :src=link frameborder="0" allowfullscreen class="rounded video--faq">
+				</iframe>
+			</div>
+		</modal>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'video-modal',
+	props: {
+		show: Boolean,
+		link: String,
+		title: String
+	},
+	data() {
+		return {
+			videoModalProperties: {
+				showModal: false
+			},
+		};
+	},
+	mounted(){
+		
+	},
+};
+</script>
+<style lang="scss">
+    .pointer {
+        cursor: pointer;
+    }
+    .custom-copy {
+        box-shadow: none;
+    }
+	.video--faq{
+		box-shadow: 0 0 1em black;
+	}
+	.modal-header{
+		padding-bottom: 0;
+	}
+	.modal-body{
+		padding: 0;
+	}
 </style>