@burh/nuxt-core 1.0.243 → 1.0.245

package/components/burh-ds/Curriculum/UserCurriculum/index.vue

@@ -2,13 +2,13 @@
 	<el-dialog
 		:visible.sync="isActive"
 		width="80%"
-		custom-class="position-relative"
+		:custom-class="`position-relative user__preview__container ${isLoading ? 'loading' : ''}`"
 		@close="$emit('close')"
 		class="test-radius"
 	>
 		<template>
 			<div class="row d-flex justify-content-between mx-0 user-pdf">
-				<img v-show="coverPhoto" :src="coverPhoto" alt="" />
+				<img v-if="!isLoading" v-show="coverPhoto" :src="coverPhoto" alt="" />
 				<div v-show="!coverPhoto" class="no-cover-photo"></div>
 				<slot name="content"></slot>
 			</div>
@@ -72,7 +72,8 @@ export default {
 			showTools: false,
 			coverPhoto: this.cover,
 			hasPrevUser: false,
-			hasNextUser: false
+			hasNextUser: false,
+			isLoading: false,
 		};
 	},
 	watch: {
@@ -91,12 +92,12 @@ export default {
 	},
 	methods: {
 		preUser() {
-			if (this.currentUserIndex <= 0) return;
+			if (this.currentUserIndex <= 0 || this.isLoading) return;
 
 			this.$emit('prev-user');
 		},
 		nextUser() {
-			if (this.currentUserIndex >= (this.maxUsers - 1)) return;
+			if (this.currentUserIndex >= (this.maxUsers - 1) || this.isLoading) return;
 
 			this.$emit('next-user');
 		},
@@ -112,6 +113,8 @@ export default {
 			}
 		},
 		handleArrowsActive() {
+			this.isLoading = true;
+
 			if (this.currentUserIndex <= 0) {
 				this.hasPrevUser = false;
 				this.hasNextUser = true;
@@ -125,6 +128,8 @@ export default {
 			if (this.currentUserIndex === (this.maxUsers - 1)) {
 				this.hasNextUser = false;
 			}
+
+			setTimeout(() => this.isLoading = false, 1000);
 		}
 	},
 	beforeMount() {
@@ -170,6 +175,7 @@ export default {
     width: 100%;
     height: 100vh;
     z-index: -1;
+    pointer-events: none;
     > button {
         width: 42px;
         height: 42px;
@@ -180,6 +186,7 @@ export default {
         background: transparent;
         font-size: 2rem;
         color: $primary;
+        pointer-events: all;
     }
 }
 
@@ -228,4 +235,11 @@ export default {
         height: 150px;
     }
 }
+
+/deep/ .user__preview__container {
+    transition: opacity 0.2s;
+    &.loading {
+        opacity: 0;
+    }
+}
 </style>

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

@@ -1,111 +1,116 @@
 <template>
-    <modal
-        :show.sync="openModal"
-        v-on:close="$emit('close-modal-video')"
-        modalContentClasses="container-fluid"
-        class="modal"
-    >
-        <template slot="header">
-            <div class="">
-                <h2 class="display-4">Editar capa do treinamento</h2>
-            </div>
-        </template>
+	<modal
+		:show.sync="openModal"
+		v-on:close="$emit('close-modal-video')"
+		modalContentClasses="container-fluid"
+		class="modal"
+	>
+		<template slot="header">
+			<div class="">
+				<h2 class="display-4">{{modalTitle}}</h2>
+			</div>
+		</template>
 
-        <dropzone-file-upload
-            v-if="image == null"
-            v-on:error="showError"
-            ref="Mydropzone"
-            :options="dropzoneOptions"
-            v-model="fileToUpload"
-            class=""
-        />
+		<dropzone-file-upload
+			v-if="image == null"
+			v-on:error="showError"
+			ref="Mydropzone"
+			:options="dropzoneOptions"
+			v-model="fileToUpload"
+			class=""
+			:multiple="multiple"
+		/>
 
-        <div class="row mb-4" v-if="image != null">
-            <img class="col-12" :src="image" alt="Cover" />
-        </div>
+		<div class="row mb-4" v-if="image != null">
+			<img class="col-12" :src="image" alt="Cover" />
+		</div>
 
-        <template slot="footer">
-            <base-button type="link" @click="removeImage"
-                >Remover Imagem
-            </base-button>
-            <base-button
-                type="primary"
-                class="ml-auto"
-                role="button"
-                @click="saveImage"
-                >Salvar Imagem
-            </base-button>
-        </template>
-    </modal>
+		<template slot="footer">
+			<base-button type="link" @click="removeImage"
+			>Remover
+			</base-button>
+			<base-button
+				type="primary"
+				class="ml-auto"
+				role="button"
+				@click="saveImage"
+			>Salvar
+			</base-button>
+		</template>
+	</modal>
 </template>
 <script>
 import DropzoneFileUpload from '@burh/nuxt-core/components/argon-core/Inputs/DropzoneFileUpload.vue';
 import swal from 'sweetalert2';
 
 export default {
-    components: {
-        DropzoneFileUpload
-    },
-    props: {
-        show: false,
-        image: {
-            type: String,
-            default: null
-        }
-    },
-    data() {
-        return {
-            fileToUpload: null,
-            dropzoneOptions: {
-                maxFiles: 1,
-                maxFilesize: 0.2, // ESTÁ DEFINIDO TAMANHO MÁXIMO DE 20 KB NA FOTO
-                dictFileTooBig:
+	name: 'dropzone-modal',
+	components: {
+		DropzoneFileUpload
+	},
+	props: {
+		show: false,
+		image: {
+			type: String,
+			default: null
+		},
+		modalTitle: String,
+		multiple: Boolean
+	},
+	data() {
+		return {
+			fileToUpload: null,
+			dropzoneOptions: {
+				maxFiles: 1,
+				maxFilesize: 0.2, // ESTÁ DEFINIDO TAMANHO MÁXIMO DE 20 KB NA FOTO
+				dictFileTooBig:
                     'A imagem que você tentou inserir é maior que 200KB',
-                dictDefaultMessage: 'Clique ou arraste seu arquivo aqui'
-            }
-        };
-    },
-    model: {
-        prop: 'show'
-    },
-    computed: {
-        openModal: {
-            get() {
-                return this.show;
-            },
-            set(show) {
-                this.$emit('input', show);
-            }
-        }
-    },
-    methods: {
-        showError(file, message) {
-            return swal.fire({
-                title: 'Erro',
-                text: message,
-                type: 'error',
-                buttonsStyling: false,
-                confirmButtonText: 'Ok, fechar!',
-                confirmButtonClass: 'btn btn-primary btn-fill'
-            });
-        },
-        removeImage() {
-            if (!this.image) {
-                this.$refs.Mydropzone.removeAllFiles();
-            }
-            this.$emit('remove-image');
-        },
-        async saveImage() {
-            if (this.fileToUpload != null) {
-                let image = this.fileToUpload;
-                if (image[0].size <= 200000) {
-                    this.$emit('save-img', image);
-                }
-            }
+				dictDefaultMessage: 'Clique ou arraste seu arquivo aqui',
+				acceptedFiles: 'image/*',
+			}
+		};
+	},
+	model: {
+		prop: 'show'
+	},
+	computed: {
+		openModal: {
+			get() {
+				return this.show;
+			},
+			set(show) {
+				this.$emit('input', show);
+			}
+		}
+	},
+	methods: {
+		showError(file, message) {
+			return swal.fire({
+				title: 'Erro',
+				text: message,
+				type: 'error',
+				buttonsStyling: false,
+				confirmButtonText: 'Ok, fechar!',
+				confirmButtonClass: 'btn btn-primary btn-fill'
+			});
+		},
+		removeImage() {
+			if (!this.image) {
+				this.$refs.Mydropzone.removeAllFiles();
+			}
+			this.$emit('remove-image');
+		},
+		async saveImage() {
+			if (this.fileToUpload != null) {
+				let image = this.fileToUpload;
+				if (image[0].size <= 200000) {
+					this.$emit('save-img', image);
+				}
+			}
 
-            this.$emit('close-modal-video');
-        }
-    }
+			this.$emit('close-modal-video');
+		}
+	}
 };
 </script>
 <style lang="scss" scoped>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.243",
+  "version": "1.0.245",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {