@burh/nuxt-core 1.0.456 → 1.0.458

package/components/argon-core/BaseDropdown.vue

@@ -1,114 +1,114 @@
-<template>
-	<component
-		:is="tag"
-		:class="[{ show: isOpen }, `drop${direction}`]"
-		@click="toggleDropDown"
-		v-click-outside="closeDropDown"
-	>
-		<slot name="title-container" :is-open="isOpen">
-			<component
-				:is="titleTag"
-				class="btn-rotate"
-				:class="[{'dropdown-toggle': hasToggle}, titleClasses]"
-				:aria-expanded="isOpen"
-				data-toggle="dropdown"
-			>
-				<slot name="title" :is-open="isOpen">
-					<i :class="icon"></i> {{ title }}
-				</slot>
-			</component>
-		</slot>
-		<ul
-			class="dropdown-menu"
-			:class="[
-				{ show: isOpen },
-				{ 'dropdown-menu-right': menuOnRight },
-				menuClasses
-			]"
-		>
-			<slot></slot>
-		</ul>
-	</component>
-</template>
-<script>
-export default {
-	name: 'base-dropdown',
-	props: {
-		tag: {
-			type: String,
-			default: 'div',
-			description: 'Dropdown html tag (e.g div, ul etc)'
-		},
-		titleTag: {
-			type: String,
-			default: 'button',
-			description: 'Dropdown title (toggle) html tag'
-		},
-		title: {
-			type: String,
-			description: 'Dropdown title'
-		},
-		direction: {
-			type: String,
-			default: 'down', // up | down
-			description: 'Dropdown menu direction (up|down)'
-		},
-		icon: {
-			type: String,
-			description: 'Dropdown icon'
-		},
-		titleClasses: {
-			type: [String, Object, Array],
-			description: 'Title css classes'
-		},
-		menuClasses: {
-			type: [String, Object],
-			description: 'Menu css classes'
-		},
-		menuOnRight: {
-			type: Boolean,
-			description: 'Whether menu should appear on the right'
-		},
-		hasToggle: {
-			type: Boolean,
-			description: 'Whether dropdown has arrow icon shown',
-			default: true
-		},
-		isDropdownOpen: {
-			type: Boolean,
-			default: false
-		}
-	},
-	data() {
-		return {
-			isOpen: false
-		};
-	},
-	watch: {
-		isOpen() {
-			if (this.isOpen === false) {
-				this.$emit('close');
-			}
-		},
-		isDropdownOpen() {
-			this.isOpen = this.isDropdownOpen;
-		}
-	},
-	methods: {
-		toggleDropDown() {
-			this.isOpen = !this.isOpen;
-			this.$emit('change', this.isOpen);
-		},
-		closeDropDown() {
-			this.isOpen = false;
-			this.$emit('change', false);
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-.dropdown {
-  cursor: pointer;
-  user-select: none;
-}
-</style>
+<template>
+	<component
+		:is="tag"
+		:class="[{ show: isOpen }, `drop${direction}`]"
+		@click="toggleDropDown"
+		v-click-outside="closeDropDown"
+	>
+		<slot name="title-container" :is-open="isOpen">
+			<component
+				:is="titleTag"
+				class="btn-rotate"
+				:class="[{'dropdown-toggle': hasToggle}, titleClasses]"
+				:aria-expanded="isOpen"
+				data-toggle="dropdown"
+			>
+				<slot name="title" :is-open="isOpen">
+					<i :class="icon"></i> {{ title }}
+				</slot>
+			</component>
+		</slot>
+		<ul
+			class="dropdown-menu"
+			:class="[
+				{ show: isOpen },
+				{ 'dropdown-menu-right': menuOnRight },
+				menuClasses
+			]"
+		>
+			<slot></slot>
+		</ul>
+	</component>
+</template>
+<script>
+export default {
+	name: 'base-dropdown',
+	props: {
+		tag: {
+			type: String,
+			default: 'div',
+			description: 'Dropdown html tag (e.g div, ul etc)'
+		},
+		titleTag: {
+			type: String,
+			default: 'button',
+			description: 'Dropdown title (toggle) html tag'
+		},
+		title: {
+			type: String,
+			description: 'Dropdown title'
+		},
+		direction: {
+			type: String,
+			default: 'down', // up | down
+			description: 'Dropdown menu direction (up|down)'
+		},
+		icon: {
+			type: String,
+			description: 'Dropdown icon'
+		},
+		titleClasses: {
+			type: [String, Object, Array],
+			description: 'Title css classes'
+		},
+		menuClasses: {
+			type: [String, Object],
+			description: 'Menu css classes'
+		},
+		menuOnRight: {
+			type: Boolean,
+			description: 'Whether menu should appear on the right'
+		},
+		hasToggle: {
+			type: Boolean,
+			description: 'Whether dropdown has arrow icon shown',
+			default: true
+		},
+		isDropdownOpen: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			isOpen: false
+		};
+	},
+	watch: {
+		isOpen() {
+			if (this.isOpen === false) {
+				this.$emit('close');
+			}
+		},
+		isDropdownOpen() {
+			this.isOpen = this.isDropdownOpen;
+		}
+	},
+	methods: {
+		toggleDropDown() {
+			this.isOpen = !this.isOpen;
+			this.$emit('change', this.isOpen);
+		},
+		closeDropDown() {
+			this.isOpen = false;
+			this.$emit('change', false);
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.dropdown {
+  cursor: pointer;
+  user-select: none;
+}
+</style>

package/components/argon-core/LoadingPanel.vue

@@ -1,26 +1,26 @@
-<template>
-	<div class="row" v-loading="true" id="loading"></div>
-</template>
-<script>
-import Vue from 'vue';
-import { Loading } from 'element-ui';
-
-Vue.use(Loading.directive);
-export default {};
-</script>
-<style>
-#loading {
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-}
-
-.el-loading-spinner .path {
-  stroke: #66615b !important;
-}
-
-.el-loading-mask {
-    z-index: 100!important;
-  background: transparent !important;
-}
-</style>
+<template>
+	<div class="row" v-loading="true" id="loading"></div>
+</template>
+<script>
+import Vue from 'vue';
+import { Loading } from 'element-ui';
+
+Vue.use(Loading.directive);
+export default {};
+</script>
+<style>
+#loading {
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+}
+
+.el-loading-spinner .path {
+  stroke: #66615b !important;
+}
+
+.el-loading-mask {
+    z-index: 100!important;
+  background: transparent !important;
+}
+</style>

package/components/burh-ds/Cards/FeatureBusinessCard.vue

@@ -1,74 +1,74 @@
-<template>
-	<div class="feature__card">
-		<div class="feature__card__image" :style="`--icon-bg-color: #${iconBgColor}`">
-			<img :src="icon" :alt="title">
-		</div>
-		<div class="feature__card__title">
-			<p>{{ title }}</p>
-		</div>
-		<div class="feature__card__description">
-			<span>{{ description }}</span>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'FeatureBusinessCard',
-	props: {
-		icon: String,
-		iconBgColor: {
-			type: String,
-			default: '5983FE'
-		},
-		title: String,
-		description: String,
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-    .feature__card {
-        background: #fff;
-        padding: 20px;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        box-shadow: 5px 5px 50px 2px #E9EEF2;
-        border-radius: 10px;
-        width: 100%;
-        min-width: 300px;
-        margin: 0 auto;
-        transition: transform 0.25s, box-shadow 0.5s;
-        &__image {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 45px;
-            height: 45px;
-            border-radius: 10px;
-            background: var(--icon-bg-color);
-            img {
-                display: block;
-                width: 25px;
-            }
-        }
-        &__title {
-            padding: 10px 0;
-            p {
-                font-size: 1.5625rem;
-                font-weight: 600;
-                margin-bottom: 0;
-            }
-        }
-        &__description {
-            text-align: left;
-            font-weight: 400;
-            font-size: 0.875rem;
-        }
-        &:hover {
-            transform: translateY(-10px);
-            box-shadow: 7px 15px 20px rgba(0, 0, 0, 0.05);
-        }
-    }
-</style>
+<template>
+	<div class="feature__card">
+		<div class="feature__card__image" :style="`--icon-bg-color: #${iconBgColor}`">
+			<img :src="icon" :alt="title">
+		</div>
+		<div class="feature__card__title">
+			<p>{{ title }}</p>
+		</div>
+		<div class="feature__card__description">
+			<span>{{ description }}</span>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'FeatureBusinessCard',
+	props: {
+		icon: String,
+		iconBgColor: {
+			type: String,
+			default: '5983FE'
+		},
+		title: String,
+		description: String,
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+    .feature__card {
+        background: #fff;
+        padding: 20px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        box-shadow: 5px 5px 50px 2px #E9EEF2;
+        border-radius: 10px;
+        width: 100%;
+        min-width: 300px;
+        margin: 0 auto;
+        transition: transform 0.25s, box-shadow 0.5s;
+        &__image {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 45px;
+            height: 45px;
+            border-radius: 10px;
+            background: var(--icon-bg-color);
+            img {
+                display: block;
+                width: 25px;
+            }
+        }
+        &__title {
+            padding: 10px 0;
+            p {
+                font-size: 1.5625rem;
+                font-weight: 600;
+                margin-bottom: 0;
+            }
+        }
+        &__description {
+            text-align: left;
+            font-weight: 400;
+            font-size: 0.875rem;
+        }
+        &:hover {
+            transform: translateY(-10px);
+            box-shadow: 7px 15px 20px rgba(0, 0, 0, 0.05);
+        }
+    }
+</style>

package/components/burh-ds/Cards/PerformanceCard.vue

@@ -1,81 +1,81 @@
-<template>
-	<card class="card">
-		<h4 class="aria-text">Funcionalidades</h4>
-		<ul class="list-unstyled list line-card">
-			<functionality-item
-				class="cursor-pointer card-item"
-				:icone="firstItemIcon"
-				:text="firstItemText"
-				@functionality-click="$emit('click-first-item')"
-			/>
-			<functionality-item
-				class="cursor-pointer border-left card-item"
-				:icone="secondItemIcon"
-				:text="secondItemText"
-				@functionality-click="$emit('click-second-item')"
-			/>
-		</ul>
-		<hr />
-		<h6 class="list-title font-weight-bold">{{ title }}</h6>
-		<ul class="list-unstyled list line-card">
-			<slot></slot>
-		</ul>
-		<p class="footer-text">{{ context }}</p>
-	</card>
-</template>
-<script>
-import FunctionalityItem from './FunctionalityItem';
-export default {
-	name: 'performance-card',
-	components: {
-		FunctionalityItem
-	},
-	props: {
-		title: String,
-		context: String,
-		firstItemText: String,
-		secondItemText: String,
-		firstItemIcon: String,
-		secondItemIcon: String,
-		subscribers: Number,
-		jobs: Number,
-		visualization: Number,
-		skeleton: {
-			type: Boolean,
-			default: false
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-hr {
-    border-color: #e9ecef;
-}
-
-.list {
-    margin: 1.8rem 0;
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.line-card {
-    ul {
-        &:not(:first-child) {
-            border: 2px solid #e9ecef;
-        }
-    }
-}
-
-.card-item {
-    width: 50%;
-}
-
-.footer-text {
-    margin-left: 1rem;
-    opacity: 0.4;
-    font-size: smaller;
-}
-.padding-border {
-    padding-left: 7.5rem;
-}
-</style>
+<template>
+	<card class="card">
+		<h4 class="aria-text">Funcionalidades</h4>
+		<ul class="list-unstyled list line-card">
+			<functionality-item
+				class="cursor-pointer card-item"
+				:icone="firstItemIcon"
+				:text="firstItemText"
+				@functionality-click="$emit('click-first-item')"
+			/>
+			<functionality-item
+				class="cursor-pointer border-left card-item"
+				:icone="secondItemIcon"
+				:text="secondItemText"
+				@functionality-click="$emit('click-second-item')"
+			/>
+		</ul>
+		<hr />
+		<h6 class="list-title font-weight-bold">{{ title }}</h6>
+		<ul class="list-unstyled list line-card">
+			<slot></slot>
+		</ul>
+		<p class="footer-text">{{ context }}</p>
+	</card>
+</template>
+<script>
+import FunctionalityItem from './FunctionalityItem';
+export default {
+	name: 'performance-card',
+	components: {
+		FunctionalityItem
+	},
+	props: {
+		title: String,
+		context: String,
+		firstItemText: String,
+		secondItemText: String,
+		firstItemIcon: String,
+		secondItemIcon: String,
+		subscribers: Number,
+		jobs: Number,
+		visualization: Number,
+		skeleton: {
+			type: Boolean,
+			default: false
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+hr {
+    border-color: #e9ecef;
+}
+
+.list {
+    margin: 1.8rem 0;
+    display: flex;
+    justify-content: space-evenly;
+}
+
+.line-card {
+    ul {
+        &:not(:first-child) {
+            border: 2px solid #e9ecef;
+        }
+    }
+}
+
+.card-item {
+    width: 50%;
+}
+
+.footer-text {
+    margin-left: 1rem;
+    opacity: 0.4;
+    font-size: smaller;
+}
+.padding-border {
+    padding-left: 7.5rem;
+}
+</style>

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

@@ -57,7 +57,7 @@
 
 		<div
 			class="deficiency title-block mt-3 ml-4"
-			v-if="userData.user_deficiency"
+			v-if="userData.deficiency"
 		>
 			<div class="d-flex align-items-center">
 				<i class="fas fa-wheelchair"></i>
@@ -65,35 +65,38 @@
 			</div>
 			<div class="line"></div>
 			<p>
-				{{ userData.user_deficiency.deficiency_id | allDeficiencies }} -
-				{{ userData.user_deficiency.cid }}
+				{{ userData && userData.deficiency && userData.deficiency && userData.deficiency.deficiency_id | allDeficiencies }}
+
+				<template> - </template>
+
+				{{ userData && userData.deficiency && userData.deficiency && userData.deficiency.cid | formatCid }}
 			</p>
 
-			<p v-show="userData.user_deficiency.appliance">
-				Acessório: {{ userData.user_deficiency.appliance }}
+			<p v-if="userData && userData.deficiency && userData.deficiency.appliance || false">
+				Acessório: {{ userData.deficiency.appliance }}
 			</p>
 
-			<p v-show="userData.user_deficiency.apparatus">
-				Necessidade: {{ userData.user_deficiency.apparatus }}
+			<p v-if="userData && userData.deficiency && userData.deficiency.apparatus || false">
+				Necessidade: {{ userData.deficiency.apparatus }}
 			</p>
 
-			<p v-show="userData.user_deficiency.course">
-				Curso: {{ userData.user_deficiency.course }}
+			<p v-if="userData && userData.deficiency && userData.deficiency.course || false">
+				Curso: {{ userData.deficiency.course }}
 			</p>
 
-			<p v-show="userData.user_deficiency.note">
-				Anotações: {{ userData.user_deficiency.note }}
+			<p v-if="userData && userData.deficiency && userData.deficiency.note || false">
+				Anotações: {{ userData.deficiency.note }}
 			</p>
 
-			<p v-show="userData.user_deficiency.transport === 1">
+			<p v-if="userData && userData.deficiency && userData.deficiency.transport === 1 || false">
 				Utiliza transporte coletivo
 			</p>
 
-			<p v-show="userData.user_deficiency.vehicle === 1">
+			<p v-if="userData && userData.deficiency && userData.deficiency.vehicle === 1 || false">
 				Possuí veículo adaptado
 			</p>
 
-			<p v-show="userData.user_deficiency.escort === 1">
+			<p v-if="userData && userData.deficiency && userData.deficiency.escort === 1 || false">
 				Precisa de acompanhante
 			</p>
 		</div>
@@ -344,7 +347,7 @@ export default {
 		}
 	},
 	filters: {
-		allDeficiencies(id) {
+		allDeficiencies(idList) {
 			const typeDeficiency = {
 				1: 'Deficiência Física',
 				2: 'Deficiência Visual',
@@ -354,7 +357,10 @@ export default {
 				6: 'Deficiência Múltipla'
 			};
 
-			return typeDeficiency[id] || '-';
+			return idList && idList.length && idList.map(id => typeDeficiency[id] || null).filter(id => id).join(' | ') || '';
+		},
+		formatCid(cidList) {
+			return cidList && cidList.length && cidList.filter(cid => cid).join(' | ') || '';
 		},
 		convertMoney(money) {
 			let moneyAux = parseFloat(money);