@burh/nuxt-core 1.0.342 → 1.0.344

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/UniversityAccessModal.vue

@@ -113,8 +113,7 @@ export default {
 		},
 
 		userTrainingsSelecteds(newValue, oldVal) {
-			if (oldVal != newValue) {
-				console.log('change on if');
+			if (oldVal != newValue && oldVal.length > 0) {
 				this.$emit('change-selecteds', {
 					oldSelecteds: oldVal,
 					newSelecteds: newValue,

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

@@ -1,80 +1,80 @@
-<template>
-	<div>
-		<modal
-			:show.sync="isModalOpen"
-			@close="$emit('close-modal')"
-			class="modal modal-video"
-			bodyClasses="container-fluid px-4"
-			headerClasses="container-fluid px-4"
-		>
-			<template slot="header">
-				<h5 class="display-4">{{ title }}</h5>
-			</template>
-			<div class="text-center my-4">
-				<iframe 
-					v-if="isModalOpen"
-					width="100%"
-					height="540"
-					:src="link"
-					frameborder="0"
-					allowfullscreen
-					class="rounded"
-				>
-				</iframe>
-				<div class="bottom-button" v-if="button">
-					<button
-						@click="$emit('clickVideo')"
-						class="btn btn-success"
-					>
-						{{ button.text }}
-					</button>
-				</div>
-			</div>
-		</modal>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'video-modal',
-	props: {
-		show: {
-			type: false,
-		},
-		link: String,
-		title: String,
-		button: Object
-	},
-	data() {
-		return {
-			isModalOpen: this.show
-		};
-	},
-	watch: {
-		show(value) {
-			this.isModalOpen = value;
-		}
-	}
-};
-</script>
-<style lang="scss">
-.pointer {
-    cursor: pointer;
-}
-.custom-copy {
-    box-shadow: none;
-}
-
-.modal-header {
-    padding-bottom: 0;
-}
-.modal-body {
-    padding: 0 !important;
-}
-
-.modal-video {
-    .modal-dialog {
-        min-width: 60rem;
-    }
-}
-</style>
+<template>
+	<div>
+		<modal
+			:show.sync="isModalOpen"
+			@close="$emit('close-modal')"
+			class="modal modal-video"
+			bodyClasses="container-fluid px-4"
+			headerClasses="container-fluid px-4"
+		>
+			<template slot="header">
+				<h5 class="display-4">{{ title }}</h5>
+			</template>
+			<div class="text-center my-4">
+				<iframe 
+					v-if="isModalOpen"
+					width="100%"
+					height="540"
+					:src="link"
+					frameborder="0"
+					allowfullscreen
+					class="rounded"
+				>
+				</iframe>
+				<div class="bottom-button" v-if="button">
+					<button
+						@click="$emit('clickVideo')"
+						class="btn btn-success"
+					>
+						{{ button.text }}
+					</button>
+				</div>
+			</div>
+		</modal>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'video-modal',
+	props: {
+		show: {
+			type: false,
+		},
+		link: String,
+		title: String,
+		button: Object
+	},
+	data() {
+		return {
+			isModalOpen: this.show
+		};
+	},
+	watch: {
+		show(value) {
+			this.isModalOpen = value;
+		}
+	}
+};
+</script>
+<style lang="scss">
+.pointer {
+    cursor: pointer;
+}
+.custom-copy {
+    box-shadow: none;
+}
+
+.modal-header {
+    padding-bottom: 0;
+}
+.modal-body {
+    padding: 0 !important;
+}
+
+.modal-video {
+    .modal-dialog {
+        min-width: 60rem;
+    }
+}
+</style>

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

@@ -1,143 +1,143 @@
-<template>
-    <el-dialog
-        :visible.sync="isActive"
-        width="54%"
-        custom-class="position-relative"
-        @close="$emit('close')"
-    >
-        <template>
-            <div class="row mt-5">
-                <!-- <base-input class="col-12" label="Email" type="text" /> -->
-                <div class="col-12 px-3 mb-4">
-                    <p class="lead mt-0 ml-5">
-                        Insira aqui o número do telefone.
-                    </p>
-                    <base-input
-                        class="mb-1 ml-5 mr-5"
-                        v-model="phoneNumber"
-                        placeholder="Ex: (15) 3342-6237"
-                        type="text"
-                        name="NumberCellphone"
-                    >
-                    </base-input>
-                </div>
-
-                <div class="col-12 d-flex">
-                    <base-button
-                        size="md"
-                        outline
-                        type="primary"
-                        role="button"
-                        class="ml-5"
-                        @click="$emit('close-modal')"
-                        >voltar
-                    </base-button>
-                    <base-button
-                        size="md"
-                        type="primary"
-                        role="button"
-                        @click="sendMessage()"
-                        class="ml-auto mr-5"
-                        >Enviar
-                    </base-button>
-                </div>
-            </div>
-
-            <span class="tool tool-close" @click="$emit('close-modal')">
-                Fechar
-                <font-awesome-icon
-                    :icon="['fas', 'times']"
-                    class="text-white ml-1"
-                />
-            </span>
-        </template>
-    </el-dialog>
-</template>
-
-<script>
-import { Dialog } from 'element-ui';
-
-export default {
-    name: 'whatsapp-modal',
-    components: {
-        [Dialog.name]: Dialog
-    },
-    data() {
-        return {
-            phoneNumber: ''
-        };
-    },
-    props: {
-        isActive: Boolean,
-        userData: Object,
-        baseUrl: String
-    },
-    methods: {
-        sendMessage() {
-            let phoneNumber = this.phoneNumber
-                .replace('(', '')
-                .replace(')', '')
-                .replace(' ', '')
-                .replace('-', '');
-            window.open(
-                'https://api.whatsapp.com/send?phone=' +
-                    '+55' +
-                    phoneNumber +
-                    '&text=' +
-                    `${this.baseUrl}/${this.userData.slug.slug}`
-            );
-        }
-    },
-    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/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    padding-bottom: 50px;
-    max-width: 725px;
-    min-width: 725px;
-}
-
-.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="54%"
+        custom-class="position-relative"
+        @close="$emit('close')"
+    >
+        <template>
+            <div class="row mt-5">
+                <!-- <base-input class="col-12" label="Email" type="text" /> -->
+                <div class="col-12 px-3 mb-4">
+                    <p class="lead mt-0 ml-5">
+                        Insira aqui o número do telefone.
+                    </p>
+                    <base-input
+                        class="mb-1 ml-5 mr-5"
+                        v-model="phoneNumber"
+                        placeholder="Ex: (15) 3342-6237"
+                        type="text"
+                        name="NumberCellphone"
+                    >
+                    </base-input>
+                </div>
+
+                <div class="col-12 d-flex">
+                    <base-button
+                        size="md"
+                        outline
+                        type="primary"
+                        role="button"
+                        class="ml-5"
+                        @click="$emit('close-modal')"
+                        >voltar
+                    </base-button>
+                    <base-button
+                        size="md"
+                        type="primary"
+                        role="button"
+                        @click="sendMessage()"
+                        class="ml-auto mr-5"
+                        >Enviar
+                    </base-button>
+                </div>
+            </div>
+
+            <span class="tool tool-close" @click="$emit('close-modal')">
+                Fechar
+                <font-awesome-icon
+                    :icon="['fas', 'times']"
+                    class="text-white ml-1"
+                />
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import { Dialog } from 'element-ui';
+
+export default {
+    name: 'whatsapp-modal',
+    components: {
+        [Dialog.name]: Dialog
+    },
+    data() {
+        return {
+            phoneNumber: ''
+        };
+    },
+    props: {
+        isActive: Boolean,
+        userData: Object,
+        baseUrl: String
+    },
+    methods: {
+        sendMessage() {
+            let phoneNumber = this.phoneNumber
+                .replace('(', '')
+                .replace(')', '')
+                .replace(' ', '')
+                .replace('-', '');
+            window.open(
+                'https://api.whatsapp.com/send?phone=' +
+                    '+55' +
+                    phoneNumber +
+                    '&text=' +
+                    `${this.baseUrl}/${this.userData.slug.slug}`
+            );
+        }
+    },
+    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/ .el-dialog__body {
+    padding: 0;
+}
+
+/deep/ .el-dialog__header {
+    display: none;
+}
+
+/deep/ .el-dialog {
+    overflow: hidden;
+    border-radius: 10px;
+    padding-bottom: 50px;
+    max-width: 725px;
+    min-width: 725px;
+}
+
+.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>