@burh/nuxt-core 1.0.340 → 1.0.341

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

@@ -1,134 +1,134 @@
-<template>
-	<modal :show.sync="showModal"
-		modalContentClasses="container-fluid" headerClasses="row px-4" bodyClasses="row px-4 pt-3"
-		v-on:close="closeModal()">
-		<template slot="header">
-			<h5 class="pl-3 modal-title">Acesso</h5>
-		</template>
-
-		<div class="col-12 d-flex">
-			<div
-				id="role"
-				tag="div"
-				class="d-flex flex-column mb-3"
-				name="role"
-			>
-				<label for="email" class="form-control-label">Email</label>
-				<el-input disabled v-model="email"></el-input>
-			</div>
-		</div>
-
-		<div class="col-12 d-flex">
-			<div
-				id="role"
-				tag="div"
-				class="d-flex flex-column mb-3"
-				name="role"
-			>
-
-				<label for="role" class="form-control-label">Cargo</label>
-				<el-input disabled v-model="role"></el-input>
-			</div>
-
-			<!-- Habilitar novamente caso volte a ser usado -->
-
-			<!-- <el-tooltip class="item" placement="top" :content="'Editar Cargo'">
-				<base-button size="md" type="link" disabled class="text-primary h-25 my-auto px-2 w-auto"
-					@click="$emit('first-icon-click', { firstFieldText: firstFieldValue })">
-					<font-awesome-icon :icon="['fas', 'save']" class="mr-2" />
-				</base-button>
-			</el-tooltip> -->
-		</div>
-
-		<label for="trainings" class="col-12 form-control-label">Acesso aos Treinamentos</label>
-		<!--não estou conseguindo listar o userTrainingsSelecteds vindo com (id, name)-->
-		<el-select
-			v-model="userTrainingsSelecteds"
-			id="trainings"
-			class="d-block col-12"
-			multiple
-			placeholder="Selecionar"
-		>
-			<el-option
-				v-for="item in itemsToSelect"
-				:key="`course-to-select-${item.id}`"
-				:value="item.id"
-				:label="item.name">
-			</el-option>
-		</el-select>
-
-		<div class="col-12">
-			<a @click.prevent="$emit('first-element-click')" class="btn btn-link text-danger cursor-pointer pl-0">Remover Aluno</a>
-		</div>
-
-	</modal>
-</template>
-<script>
-import { Select, Option } from 'element-ui';
-export default {
-	components: {
-		[Select.name]: Select,
-		[Option.name]: Option
-	},
-	data() {
-		return {
-			firstFieldValue: this.propFirstFieldValue,
-			userTrainingsSelecteds: [],
-			showModal: this.openModal
-		};
-	},
-	props: {
-		propFirstFieldValue: {
-			type: String,
-			default: ''
-		},
-		email: {
-			type: String,
-			default: ''
-		},
-		role: {
-			type: String,
-			default: ''
-		},
-		openModal: false,
-		userTrainings: {
-			type: Array,
-			default: () => []
-		},
-		itemsToSelect: {
-			type: Array,
-			default: () => []
-		},
-	},
-	methods:{
-		closeModal(){
-			this.$emit('close-modal');
-		}
-	},
-	watch: {
-		userTrainings(newValue) {
-			console.log(newValue);
-			this.userTrainingsSelecteds = newValue;
-
-		},
-
-		userTrainingsSelecteds(newValue, oldVal) {
-			if (oldVal != newValue) {
-				console.log('change on if');
-				this.$emit('change-selecteds', {
-					oldSelecteds: oldVal,
-					newSelecteds: newValue,
-				});
-			}
-		},
-
-		openModal(value) {
-			this.showModal = value;
-		},
-
-		propFirstFieldValue(value) {
-			this.firstFieldValue = value;
-		}
-	}
-};
-</script>
+<template>
+	<modal :show.sync="showModal"
+		modalContentClasses="container-fluid" headerClasses="row px-4" bodyClasses="row px-4 pt-3"
+		v-on:close="closeModal()">
+		<template slot="header">
+			<h5 class="pl-3 modal-title">Acesso</h5>
+		</template>
+
+		<div class="col-12 d-flex">
+			<div
+				id="role"
+				tag="div"
+				class="d-flex flex-column mb-3"
+				name="role"
+			>
+				<label for="email" class="form-control-label">Email</label>
+				<el-input disabled v-model="email"></el-input>
+			</div>
+		</div>
+
+		<div class="col-12 d-flex">
+			<div
+				id="role"
+				tag="div"
+				class="d-flex flex-column mb-3"
+				name="role"
+			>
+
+				<label for="role" class="form-control-label">Cargo</label>
+				<el-input disabled v-model="role"></el-input>
+			</div>
+
+			<!-- Habilitar novamente caso volte a ser usado -->
+
+			<!-- <el-tooltip class="item" placement="top" :content="'Editar Cargo'">
+				<base-button size="md" type="link" disabled class="text-primary h-25 my-auto px-2 w-auto"
+					@click="$emit('first-icon-click', { firstFieldText: firstFieldValue })">
+					<font-awesome-icon :icon="['fas', 'save']" class="mr-2" />
+				</base-button>
+			</el-tooltip> -->
+		</div>
+
+		<label for="trainings" class="col-12 form-control-label">Acesso aos Treinamentos</label>
+		<!--não estou conseguindo listar o userTrainingsSelecteds vindo com (id, name)-->
+		<el-select
+			v-model="userTrainingsSelecteds"
+			id="trainings"
+			class="d-block col-12"
+			multiple
+			placeholder="Selecionar"
+		>
+			<el-option
+				v-for="item in itemsToSelect"
+				:key="`course-to-select-${item.id}`"
+				:value="item.id"
+				:label="item.name">
+			</el-option>
+		</el-select>
+
+		<div class="col-12">
+			<a @click.prevent="$emit('first-element-click')" class="btn btn-link text-danger cursor-pointer pl-0">Remover Aluno</a>
+		</div>
+
+	</modal>
+</template>
+<script>
+import { Select, Option } from 'element-ui';
+export default {
+	components: {
+		[Select.name]: Select,
+		[Option.name]: Option
+	},
+	data() {
+		return {
+			firstFieldValue: this.propFirstFieldValue,
+			userTrainingsSelecteds: [],
+			showModal: this.openModal
+		};
+	},
+	props: {
+		propFirstFieldValue: {
+			type: String,
+			default: ''
+		},
+		email: {
+			type: String,
+			default: ''
+		},
+		role: {
+			type: String,
+			default: ''
+		},
+		openModal: false,
+		userTrainings: {
+			type: Array,
+			default: () => []
+		},
+		itemsToSelect: {
+			type: Array,
+			default: () => []
+		},
+	},
+	methods:{
+		closeModal(){
+			this.$emit('close-modal');
+		}
+	},
+	watch: {
+		userTrainings(newValue) {
+			console.log(newValue);
+			this.userTrainingsSelecteds = newValue;
+
+		},
+
+		userTrainingsSelecteds(newValue, oldVal) {
+			if (oldVal != newValue) {
+				console.log('change on if');
+				this.$emit('change-selecteds', {
+					oldSelecteds: oldVal,
+					newSelecteds: newValue,
+				});
+			}
+		},
+
+		openModal(value) {
+			this.showModal = value;
+		},
+
+		propFirstFieldValue(value) {
+			this.firstFieldValue = value;
+		}
+	}
+};
+</script>

package/components/burh-ds/Skeleton/BaseCardUniversity.vue

@@ -1,79 +1,79 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-		>
-			<skeleton-animate class="user__cover" />
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
-
-			<skeleton-animate class="user__title" :width="160" :height="20" />
-		</div>
-
-		<div class="recruitment__user__card__footer">
-			<skeleton-animate class="user__footer" :width="200" :height="20" />
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'base-card-university',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        .user__cover {
-            width: 100%!important;
-            height: 100%!important;
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .user__avatar {
-            margin-top: -20px;
-            border: 4px solid #fff;
-            z-index: 10;
-        }
-        .user__title {
-            margin-top: 40px;
-        }
-    }
-    &__footer {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding-bottom: 20px;
-        .user__footer {
-            margin-top: 40px;
-            margin-bottom: 20px;
-        }
-    }
-}
-
-</style>
-
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+		>
+			<skeleton-animate class="user__cover" />
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
+
+			<skeleton-animate class="user__title" :width="160" :height="20" />
+		</div>
+
+		<div class="recruitment__user__card__footer">
+			<skeleton-animate class="user__footer" :width="200" :height="20" />
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'base-card-university',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        .user__cover {
+            width: 100%!important;
+            height: 100%!important;
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .user__avatar {
+            margin-top: -20px;
+            border: 4px solid #fff;
+            z-index: 10;
+        }
+        .user__title {
+            margin-top: 40px;
+        }
+    }
+    &__footer {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-bottom: 20px;
+        .user__footer {
+            margin-top: 40px;
+            margin-bottom: 20px;
+        }
+    }
+}
+
+</style>
+

package/components/burh-ds/Skeleton/BaseCardUser.vue

@@ -1,84 +1,84 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-		>
-			<skeleton-animate class="user__cover" />
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
-
-			<skeleton-animate class="user__title" :width="160" :height="20" />
-			<skeleton-animate class="user__age" :width="80" :height="15" />
-
-			<skeleton-animate class="user__city" :width="120" :height="25" />
-
-			<skeleton-animate class="user__text" :width="140" :height="15" />
-			<skeleton-animate class="user__experience" :width="220" :height="20" />
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'base-card-user',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-    padding-bottom: 40px;
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        .user__cover {
-            width: 100%!important;
-            height: 100%!important;
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .user__avatar {
-            margin-top: -20px;
-            border: 4px solid #fff;
-            z-index: 10;
-        }
-        .user__title {
-            margin-top: 20px;
-        }
-        .user__age {
-            margin-top: 10px;
-        }
-        .user__city {
-            margin-top: 40px;
-        }
-        .user__text {
-            margin-top: 40px;
-        }
-        .user__experience {
-            margin-top: 5px;
-        }
-    }
-}
-
-</style>
-
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+		>
+			<skeleton-animate class="user__cover" />
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
+
+			<skeleton-animate class="user__title" :width="160" :height="20" />
+			<skeleton-animate class="user__age" :width="80" :height="15" />
+
+			<skeleton-animate class="user__city" :width="120" :height="25" />
+
+			<skeleton-animate class="user__text" :width="140" :height="15" />
+			<skeleton-animate class="user__experience" :width="220" :height="20" />
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'base-card-user',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+    padding-bottom: 40px;
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        .user__cover {
+            width: 100%!important;
+            height: 100%!important;
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .user__avatar {
+            margin-top: -20px;
+            border: 4px solid #fff;
+            z-index: 10;
+        }
+        .user__title {
+            margin-top: 20px;
+        }
+        .user__age {
+            margin-top: 10px;
+        }
+        .user__city {
+            margin-top: 40px;
+        }
+        .user__text {
+            margin-top: 40px;
+        }
+        .user__experience {
+            margin-top: 5px;
+        }
+    }
+}
+
+</style>
+