@burh/nuxt-core 1.0.311 → 1.0.312

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

@@ -1,167 +1,167 @@
-<template>
-    <modal
-        :show.sync="openModal"
-        v-on:close="closeModal()"
-        class="modal modal-docs"
-        modalContentClasses="container-fluid"
-        headerClasses="row px-4 pt-5"
-        bodyClasses="px-4"
-    >
-        <template slot="header">
-            <div class="d-flex mx-auto flex-column pl-4">
-                <i class="display-1 fas fa-file mx-auto primary"></i>
-                <h2 class="display-4 mx-auto">Avaliações</h2>
-            </div>
-        </template>
-
-        <ul class="list-group list-group-flush" data-toggle="checklist">
-            <li
-                class="list-group-item px-0"
-                v-for="item in modalData.slice(
-                    (currentPage - 1) * pageSize,
-                    currentPage * pageSize
-                )"
-                :key="item.id"
-            >
-                <div
-                    v-if="item.test"
-                    class="checklist-item checklist-item-info"
-                >
-                    <div class="checklist-info">
-                        <h5 class="checklist-title mb-0 mr-4">
-                            {{ item.test.name }} -
-                            <small>{{
-                                $moment(item.created_at).format(
-                                    'DD/MM/YYYY H:mm'
-                                )
-                            }}</small>
-                        </h5>
-                        <badge
-                            v-if="item.finished_at"
-                            :type="
-                                item.avarage < courseInfo.course.minimun_score
-                                    ? 'danger'
-                                    : 'secondary'
-                            "
-                            >Nota: {{ item.avarage }}</badge
-                        >
-                    </div>
-                    <div>
-                        <!-- <el-tooltip v-if="item.started_at && item.finished_at === null" :content="'Teste em andamento'" placement="top" class="px-4">
-                            <i class="fas fa-clock"></i>
-                        </el-tooltip> -->
-                        <el-tooltip
-                            v-if="item.started_at === null"
-                            :content="'Teste enviado'"
-                            placement="top"
-                            class="px-4"
-                        >
-                            <i class="fas fa-info-circle"></i>
-                        </el-tooltip>
-                        <el-tooltip
-                            v-if="item.finished_at !== null"
-                            :content="'Reenviar teste'"
-                            placement="top"
-                            class="px-4"
-                        >
-                            <i
-                                class="fas fa-external-link-alt cursor-pointer"
-                                @click="redoTest(item.id)"
-                            >
-                            </i>
-                        </el-tooltip>
-                    </div>
-                </div>
-            </li>
-        </ul>
-        <div class="card-footer py-4 d-flex">
-            <base-pagination
-                class="mx-auto"
-                v-model="currentPage"
-                :perPage="3"
-                :total="modalData.length"
-            ></base-pagination>
-        </div>
-    </modal>
-</template>
-<script>
-import swal from 'sweetalert2';
-import { mask } from 'vue-the-mask';
-import { Checkbox, CheckboxGroup } from 'element-ui';
-export default {
-    name: 'tests-modal',
-    directives: { mask },
-    components: {
-        [Checkbox.name]: Checkbox,
-        [CheckboxGroup.name]: CheckboxGroup
-    },
-    data() {
-        return {
-            filtrarPorTexto: '',
-            currentPage: 1,
-            pageSize: 3,
-            downloadItems: [],
-            checkList: []
-        };
-    },
-    props: {
-        modalData: null,
-        show: false,
-        courseInfo: null
-    },
-    model: {
-        prop: 'show'
-    },
-    computed: {
-        openModal: {
-            get() {
-                return this.show;
-            },
-            set(show) {
-                this.$emit('input', show);
-            }
-        }
-    },
-    mounted() {},
-    methods: {
-        goToTest(testId) {
-            this.$emit('go-to-test', testId);
-        },
-        closeModal() {
-            this.downloadItems = [];
-            this.checkList = [];
-            this.$emit('close-modal');
-        },
-        async redoTest(testId) {
-            let test_id = this.courseInfo.tests.find(e => e.id === testId);
-
-            let payload = {
-                company_id: this.courseInfo.course.company_id,
-                users: [
-                    {
-                        user_id: this.courseInfo.user_id,
-                        test_id: test_id.test.id,
-                        course_id: this.courseInfo.course.id
-                    }
-                ]
-            };
-            this.$emit('send-test', payload);
-            this.$emit('close-modal');
-        }
-    }
-};
-</script>
-<style lang="scss">
-.modal-docs {
-    .modal-header .close {
-        padding: 1.25rem;
-        margin: -1rem -1rem -1rem !important;
-    }
-    .modal-footer {
-        padding-top: 0 !important;
-    }
-    .el-checkbox__label {
-        display: none !important;
-    }
-}
-</style>
+<template>
+    <modal
+        :show.sync="openModal"
+        v-on:close="closeModal()"
+        class="modal modal-docs"
+        modalContentClasses="container-fluid"
+        headerClasses="row px-4 pt-5"
+        bodyClasses="px-4"
+    >
+        <template slot="header">
+            <div class="d-flex mx-auto flex-column pl-4">
+                <i class="display-1 fas fa-file mx-auto primary"></i>
+                <h2 class="display-4 mx-auto">Avaliações</h2>
+            </div>
+        </template>
+
+        <ul class="list-group list-group-flush" data-toggle="checklist">
+            <li
+                class="list-group-item px-0"
+                v-for="item in modalData.slice(
+                    (currentPage - 1) * pageSize,
+                    currentPage * pageSize
+                )"
+                :key="item.id"
+            >
+                <div
+                    v-if="item.test"
+                    class="checklist-item checklist-item-info"
+                >
+                    <div class="checklist-info">
+                        <h5 class="checklist-title mb-0 mr-4">
+                            {{ item.test.name }} -
+                            <small>{{
+                                $moment(item.created_at).format(
+                                    'DD/MM/YYYY H:mm'
+                                )
+                            }}</small>
+                        </h5>
+                        <badge
+                            v-if="item.finished_at"
+                            :type="
+                                item.avarage < courseInfo.course.minimun_score
+                                    ? 'danger'
+                                    : 'secondary'
+                            "
+                            >Nota: {{ item.avarage }}</badge
+                        >
+                    </div>
+                    <div>
+                        <!-- <el-tooltip v-if="item.started_at && item.finished_at === null" :content="'Teste em andamento'" placement="top" class="px-4">
+                            <i class="fas fa-clock"></i>
+                        </el-tooltip> -->
+                        <el-tooltip
+                            v-if="item.started_at === null"
+                            :content="'Teste enviado'"
+                            placement="top"
+                            class="px-4"
+                        >
+                            <i class="fas fa-info-circle"></i>
+                        </el-tooltip>
+                        <el-tooltip
+                            v-if="item.finished_at !== null"
+                            :content="'Reenviar teste'"
+                            placement="top"
+                            class="px-4"
+                        >
+                            <i
+                                class="fas fa-external-link-alt cursor-pointer"
+                                @click="redoTest(item.id)"
+                            >
+                            </i>
+                        </el-tooltip>
+                    </div>
+                </div>
+            </li>
+        </ul>
+        <div class="card-footer py-4 d-flex">
+            <base-pagination
+                class="mx-auto"
+                v-model="currentPage"
+                :perPage="3"
+                :total="modalData.length"
+            ></base-pagination>
+        </div>
+    </modal>
+</template>
+<script>
+import swal from 'sweetalert2';
+import { mask } from 'vue-the-mask';
+import { Checkbox, CheckboxGroup } from 'element-ui';
+export default {
+    name: 'tests-modal',
+    directives: { mask },
+    components: {
+        [Checkbox.name]: Checkbox,
+        [CheckboxGroup.name]: CheckboxGroup
+    },
+    data() {
+        return {
+            filtrarPorTexto: '',
+            currentPage: 1,
+            pageSize: 3,
+            downloadItems: [],
+            checkList: []
+        };
+    },
+    props: {
+        modalData: null,
+        show: false,
+        courseInfo: null
+    },
+    model: {
+        prop: 'show'
+    },
+    computed: {
+        openModal: {
+            get() {
+                return this.show;
+            },
+            set(show) {
+                this.$emit('input', show);
+            }
+        }
+    },
+    mounted() {},
+    methods: {
+        goToTest(testId) {
+            this.$emit('go-to-test', testId);
+        },
+        closeModal() {
+            this.downloadItems = [];
+            this.checkList = [];
+            this.$emit('close-modal');
+        },
+        async redoTest(testId) {
+            let test_id = this.courseInfo.tests.find(e => e.id === testId);
+
+            let payload = {
+                company_id: this.courseInfo.course.company_id,
+                users: [
+                    {
+                        user_id: this.courseInfo.user_id,
+                        test_id: test_id.test.id,
+                        course_id: this.courseInfo.course.id
+                    }
+                ]
+            };
+            this.$emit('send-test', payload);
+            this.$emit('close-modal');
+        }
+    }
+};
+</script>
+<style lang="scss">
+.modal-docs {
+    .modal-header .close {
+        padding: 1.25rem;
+        margin: -1rem -1rem -1rem !important;
+    }
+    .modal-footer {
+        padding-top: 0 !important;
+    }
+    .el-checkbox__label {
+        display: none !important;
+    }
+}
+</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>