@burh/nuxt-core 1.0.160 → 1.0.162

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

@@ -1,300 +1,339 @@
-<template>
-	<div class="bg-white content-middle">
-		<!-- FERRAMENTAS -->
-		<div class="tools mt-3">
-			<button
-				@click="$emit(tool.event)"
-				class="ml-3"
-				v-for="(tool, index) in tools"
-				:key="index"
-			>
-				{{ tool.name }}
-			</button>
-		</div>
-
-		<!-- SOBRE -->
-		<div
-			v-show="userData.user_complementary_information.about"
-			class="about content-block mt-5 ml-3 mr-3"
-		>
-			<h5 class="font-weight-bold">Sobre</h5>
-			<p
-				id="USER_ABOUT"
-				class="mb-0"
-				:class="
-					!wordIsLesserThan(
-						userData.user_complementary_information.about
-					) && 'readmore'
-				"
-			>
-				{{ userData.user_complementary_information.about }}
-			</p>
-			<a
-				href="#"
-				aria-label="expandir conteudo"
-				v-show="
-					userData.user_complementary_information.about &&
-						!wordIsLesserThan(
-							userData.user_complementary_information.about
-						)
-				"
-				@click.prevent.stop="toggleReadMore($event, 'USER_ABOUT')"
-			>Ler mais</a
-			>
-		</div>
-
-		<!-- EDUCAÇÃO -->
-		<h5 class="font-weight-bold mt-4 ml-3">Educação</h5>
-		<div
-			v-show="userData.user_education.length > 0"
-			class="education ml-3"
-			v-for="(edu, index) in userData.user_education"
-			:key="index"
-		>
-			<p class="sub-title">{{ edu.formation }}</p>
-			<p class="info-text">{{ edu.institution }}</p>
-			<span class="info-text">
-				{{ edu.start_month }}/{{ edu.start_year }} -
-				{{ treatEndDate(edu.end_month, edu.end_year) }}
-				{{ getTime(false, edu) }}
-				{{
-					edu.user_education_period
-						? '-' + edu.user_education_period.name
-						: ''
-				}}
-			</span>
-		</div>
-
-		<!-- EXPERIÊNCIAS -->
-		<h5 class="font-weight-bold mt-4 ml-3">Experiência</h5>
-		<div
-			v-show="userData.user_experience.length > 0"
-			class="experience ml-3 mr-3"
-			v-for="(exp, index) in userData.user_experience"
-			:key="`experience-${index}`"
-		>
-			<p class="sub-title">{{ exp.job_title }}</p>
-			<p class="info-text">{{ exp.company }}, {{ exp.location }}</p>
-			<span class="info-text">
-				{{ exp.start_month }}/{{ exp.start_year }} -
-				{{ treatEndDate(exp.end_month, exp.end_year) }}
-				{{ getTime(true, exp) }}
-			</span>
-
-			<p
-				:id="`USER_EXPERIENCE-${index}`"
-				class="description mt-4 mb-0"
-				:class="!wordIsLesserThan(exp.description) && 'readmore'"
-			>
-				{{ exp.description }}
-			</p>
-
-			<a
-				href="#"
-				aria-label="expandir conteudo"
-				v-show="!wordIsLesserThan(exp.description)"
-				@click.prevent.stop="
-					toggleReadMore($event, `USER_EXPERIENCE-${index}`)
-				"
-			>Ler mais</a
-			><br /><br />
-		</div>
-
-		<!-- CURSOS -->
-		<h5 class="font-weight-bold mt-1 ml-3">Cursos</h5>
-		<div
-			v-show="userData.user_course.length > 0"
-			class="courses ml-3"
-			v-for="(cou, index) in userData.user_course"
-			:key="`course-${index}`"
-		>
-			<p class="sub-title">{{ cou.institution }}</p>
-			<p class="info-text mb-3">
-				{{ cou.name }} - {{ cou.end_year }}
-				{{ getTime(false, cou) }}
-			</p>
-		</div>
-	</div>
-</template>
-
-<script>
-import getPrefixes from '~/util/getPrefixes.js';
-
-export default {
-	name: 'user-cv-middle',
-	props: {
-		userData: Object,
-		tools: {
-			type: Array,
-			default: () => []
-		}
-	},
-	methods: {
-		toggleReadMore(event, id) {
-			const element = document.getElementById(id);
-			element.classList.toggle('readmore');
-			event.target.innerText == 'Ler mais'
-				? (event.target.innerText = 'Esconder')
-				: (event.target.innerText = 'Ler mais');
-		},
-		getTime(
-			isExperience,
-			{ start_year = null, end_year = null, start_month, end_month },
-			textHappening = 'Cursando'
-		) {
-			const isHappening = !end_month && !end_year;
-
-			if (isHappening) {
-				return isExperience === true ? 'Atualmente' : textHappening;
-			}
-
-			const dateInitial = this.$moment(
-				['1', start_month.toString(), start_year.toString()],
-				'DD/MM/YYYY'
-			);
-			const dateDone = this.$moment(
-				['1', end_month.toString(), end_year.toString()],
-				'DD/MM/YYYY'
-			);
-			const diffDuration = this.$moment.duration(
-				dateDone.diff(dateInitial)
-			);
-			const years = diffDuration.years();
-			const months = diffDuration.months();
-
-			if (years) {
-				return years > 1 ? `(${years} anos)` : `(${years} ano)`;
-			}
-
-			return months > 1
-				? `(${months} meses)`
-				: months == 1
-					? `(${months} mês)`
-					: '';
-		},
-		languageLevel(level) {
-			switch (parseInt(level)) {
-			case 1:
-				return 'Iniciante';
-			case 2:
-				return 'Elementar';
-			case 3:
-				return 'Pré-intermediário';
-			case 4:
-				return 'Intermediário';
-			case 5:
-				return 'Intermediário Superior';
-			case 6:
-				return 'Avançado';
-			case 7:
-				return 'Fluente';
-			default:
-				return '';
-			}
-		},
-		treatPhone(phone) {
-			if (phone) {
-				if (phone == '0' || phone.length < 9 || !phone) {
-					return 'não cadastrado';
-				}
-			}
-
-			return phone;
-		},
-		treatCellphone(cellphone) {
-			if (cellphone) {
-				if (cellphone == '0' || cellphone.length < 11 || !cellphone) {
-					return 'não cadastrado';
-				}
-			}
-
-			return cellphone;
-		},
-		handleGetPrefixes(name = '') {
-			return getPrefixes(name);
-		},
-		treatEndDate(end_month, end_year) {
-			if (end_month && end_year) {
-				return `${end_month}/${end_year}`;
-			}
-			return '';
-		},
-		wordIsLesserThan(word, value = 300) {
-			return word && word.length < value;
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-.content-middle {
-    width: 50%;
-    border-right: 1px solid #ececec5c;
-    word-break: break-word !important;
-}
-
-.readmore {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-}
-
-.tools {
-    flex-wrap: wrap;
-    button {
-        width: 117px;
-        height: 29px;
-        border: none;
-        margin-top: 15px;
-
-        background: #5983fe;
-        border-radius: 16px;
-        color: #fff;
-
-        font-size: 12px;
-        font-weight: 600;
-    }
-}
-
-.education {
-    margin-top: 15px;
-}
-
-.experience {
-    .description {
-        font-size: 14px;
-        color: #62778c;
-    }
-
-    a {
-        margin-bottom: 1px;
-    }
-}
-
-.sub-title {
-    margin-bottom: 1px;
-
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 21px;
-    color: #62778c;
-    text-transform: uppercase;
-}
-
-.info-text {
-    margin-bottom: 1px;
-
-    font-size: 14px;
-    color: #8da2b5;
-}
-
-.content-block {
-    p {
-        font-size: 14px;
-        color: #62778c;
-    }
-}
-</style>
+<template>
+	<div class="bg-white content-middle">
+		<!-- FERRAMENTAS -->
+		<div class="tools mt-3">
+			<button
+				@click="$emit(tool.event)"
+				class="ml-3"
+				v-for="(tool, index) in tools"
+				:key="index"
+			>
+				{{ tool.name }}
+			</button>
+		</div>
+
+		<!-- SOBRE -->
+		<div
+			v-show="userData.user_complementary_information.about"
+			class="about content-block mt-5 ml-3 mr-3"
+		>
+			<h5 class="font-weight-bold">Sobre</h5>
+			<p
+				id="USER_ABOUT"
+				class="mb-0"
+				:class="
+					!wordIsLesserThan(
+						userData.user_complementary_information.about
+					) && 'readmore'
+				"
+			>
+				{{ userData.user_complementary_information.about }}
+			</p>
+			<a
+				href="#"
+				aria-label="expandir conteudo"
+				v-show="
+					userData.user_complementary_information.about &&
+						!wordIsLesserThan(
+							userData.user_complementary_information.about
+						)
+				"
+				@click.prevent.stop="toggleReadMore($event, 'USER_ABOUT')"
+			>Ler mais</a
+			>
+		</div>
+
+		<!-- EDUCAÇÃO -->
+		<h5 class="font-weight-bold mt-4 ml-3">Educação</h5>
+		<div
+			v-show="userData.user_education.length > 0"
+			class="education ml-3"
+			v-for="(edu, index) in filterByDate(userData.user_education, 'old')"
+			:key="index"
+		>
+			<p class="sub-title">{{ edu.formation }}</p>
+			<p class="info-text">{{ edu.institution }}</p>
+			<span class="info-text">
+				{{ edu.start_month }}/{{ edu.start_year }} -
+				{{ treatEndDate(edu.end_month, edu.end_year) }}
+				{{ getTime(false, edu) }}
+				{{
+					edu.user_education_period
+						? '-' + edu.user_education_period.name
+						: ''
+				}}
+			</span>
+		</div>
+
+		<!-- EXPERIÊNCIAS -->
+		<h5 class="font-weight-bold mt-4 ml-3">Experiência</h5>
+		<div
+			v-show="userData.user_experience.length > 0"
+			class="experience ml-3 mr-3"
+			v-for="(exp, index) in filterByDate(userData.user_experience)"
+			:key="`experience-${index}`"
+		>
+			<p class="sub-title">{{ exp.job_title }}</p>
+			<p class="info-text">{{ exp.company }}, {{ exp.location }}</p>
+			<span class="info-text">
+				{{ exp.start_month }}/{{ exp.start_year }} -
+				{{ treatEndDate(exp.end_month, exp.end_year) }}
+				{{ getTime(true, exp) }}
+			</span>
+
+			<p
+				:id="`USER_EXPERIENCE-${index}`"
+				class="description mt-4 mb-0"
+				:class="!wordIsLesserThan(exp.description) && 'readmore'"
+			>
+				{{ exp.description }}
+			</p>
+
+			<a
+				href="#"
+				aria-label="expandir conteudo"
+				v-show="!wordIsLesserThan(exp.description)"
+				@click.prevent.stop="
+					toggleReadMore($event, `USER_EXPERIENCE-${index}`)
+				"
+			>Ler mais</a
+			><br /><br />
+		</div>
+
+		<!-- CURSOS -->
+		<h5 class="font-weight-bold mt-1 ml-3">Cursos</h5>
+		<div
+			v-show="userData.user_course.length > 0"
+			class="courses ml-3"
+			v-for="(cou, index) in filterByDate(userData.user_course, 'old')"
+			:key="`course-${index}`"
+		>
+			<p class="sub-title">{{ cou.institution }}</p>
+			<p class="info-text mb-3">
+				{{ cou.name }} - {{ cou.end_year }}
+				{{ getTime(false, cou) }}
+			</p>
+		</div>
+	</div>
+</template>
+
+<script>
+import getPrefixes from '~/util/getPrefixes.js';
+
+export default {
+	name: 'user-cv-middle',
+	props: {
+		userData: Object,
+		tools: {
+			type: Array,
+			default: () => []
+		}
+	},
+	methods: {
+		filterByDate(data, by = 'new') {
+			let sortedArray = data.sort((a, b) => {
+				a = [
+					a.start_month,
+					a.start_year,
+					a.end_month | 12,
+					a.end_year | 9999
+				];
+
+				b = [
+					b.start_month,
+					b.start_year,
+					b.end_month | 12,
+					b.end_year | 9999
+				];
+
+				// Primeiro filtro -> chaves: 0 e 1 -> Filtro por data de inicio
+				// Segundo filtro -> chaves: 2 e 3 -> Filtro por data de termino (subir não concluídos para primeiros)
+
+				let byStart;
+				let byEnd;
+
+				switch (by) {
+				case 'old':
+					byStart = (new Date(a[1], a[0], 1).getTime() - new Date(b[1], b[0], 1).getTime());
+					byEnd = (new Date(b[3], b[2], 1).getTime() - new Date(a[3], a[2], 1).getTime());
+					break;
+
+				default:
+					byStart = (new Date(b[1], b[0], 1).getTime() - new Date(a[1], a[0], 1).getTime());
+					byEnd = (new Date(b[3], b[2], 1).getTime() - new Date(a[3], a[2], 1).getTime());
+					break;
+				}
+
+				return (byStart - byEnd);
+			});
+
+			return sortedArray;
+		},
+		toggleReadMore(event, id) {
+			const element = document.getElementById(id);
+			element.classList.toggle('readmore');
+			event.target.innerText == 'Ler mais'
+				? (event.target.innerText = 'Esconder')
+				: (event.target.innerText = 'Ler mais');
+		},
+		getTime(
+			isExperience,
+			{ start_year = null, end_year = null, start_month, end_month },
+			textHappening = 'Cursando'
+		) {
+			const isHappening = !end_month && !end_year;
+
+			if (isHappening) {
+				return isExperience === true ? 'Atualmente' : textHappening;
+			}
+
+			const dateInitial = this.$moment(
+				['1', start_month.toString(), start_year.toString()],
+				'DD/MM/YYYY'
+			);
+			const dateDone = this.$moment(
+				['1', end_month.toString(), end_year.toString()],
+				'DD/MM/YYYY'
+			);
+			const diffDuration = this.$moment.duration(
+				dateDone.diff(dateInitial)
+			);
+			const years = diffDuration.years();
+			const months = diffDuration.months();
+
+			if (years) {
+				return years > 1 ? `(${years} anos)` : `(${years} ano)`;
+			}
+
+			return months > 1
+				? `(${months} meses)`
+				: months == 1
+					? `(${months} mês)`
+					: '';
+		},
+		languageLevel(level) {
+			switch (parseInt(level)) {
+			case 1:
+				return 'Iniciante';
+			case 2:
+				return 'Elementar';
+			case 3:
+				return 'Pré-intermediário';
+			case 4:
+				return 'Intermediário';
+			case 5:
+				return 'Intermediário Superior';
+			case 6:
+				return 'Avançado';
+			case 7:
+				return 'Fluente';
+			default:
+				return '';
+			}
+		},
+		treatPhone(phone) {
+			if (phone) {
+				if (phone == '0' || phone.length < 9 || !phone) {
+					return 'não cadastrado';
+				}
+			}
+
+			return phone;
+		},
+		treatCellphone(cellphone) {
+			if (cellphone) {
+				if (cellphone == '0' || cellphone.length < 11 || !cellphone) {
+					return 'não cadastrado';
+				}
+			}
+
+			return cellphone;
+		},
+		handleGetPrefixes(name = '') {
+			return getPrefixes(name);
+		},
+		treatEndDate(end_month, end_year) {
+			if (end_month && end_year) {
+				return `${end_month}/${end_year}`;
+			}
+			return '';
+		},
+		wordIsLesserThan(word, value = 300) {
+			return word && word.length < value;
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+.content-middle {
+    width: 50%;
+    border-right: 1px solid #ececec5c;
+    word-break: break-word !important;
+}
+
+.readmore {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+
+.tools {
+    flex-wrap: wrap;
+    button {
+        width: 117px;
+        height: 29px;
+        border: none;
+        margin-top: 15px;
+
+        background: #5983fe;
+        border-radius: 16px;
+        color: #fff;
+
+        font-size: 12px;
+        font-weight: 600;
+    }
+}
+
+.education {
+    margin-top: 15px;
+}
+
+.experience {
+    .description {
+        font-size: 14px;
+        color: #62778c;
+    }
+
+    a {
+        margin-bottom: 1px;
+    }
+}
+
+.sub-title {
+    margin-bottom: 1px;
+
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 21px;
+    color: #62778c;
+    text-transform: uppercase;
+}
+
+.info-text {
+    margin-bottom: 1px;
+
+    font-size: 14px;
+    color: #8da2b5;
+}
+
+.content-block {
+    p {
+        font-size: 14px;
+        color: #62778c;
+    }
+}
+</style>

package/components/burh-ds/Dropdown/UserMenuDropdown.vue

@@ -1,29 +1,27 @@
 <template>
-	<base-dropdown menu-on-right
-		class="nav-item"
-		tag="li"
-		title-tag="a"
-	>
-		<business-avatar
-			:logo="userAvatar"
-			:userName="userName"
-			:companyName="companyName"
-			class="nav-link pr-0 pt-2 pb-2"
-			:class="textColor"
-			@click.prevent
-			slot="title-container"
-		/>
-		<h6 class="dropdown-header">Entrar como</h6>
-		<slot name="companies"></slot>
-		<dropdown-section
-			v-for="(value, name) in text"
-			:key="name"
-			:title="name"
-			:items="value"
-		/>
-		<hr class="dropdown-divider">
-		<sign-out-item @logout="$emit('logout')" />
-	</base-dropdown>
+    <base-dropdown menu-on-right class="nav-item" tag="li" title-tag="a">
+        <business-avatar
+            :logo="userAvatar"
+            :userName="userName"
+            :companyName="companyName"
+            class="nav-link pr-0 pt-2 pb-2"
+            :class="textColor"
+            @click.prevent
+            slot="title-container"
+        />
+        <h6 class="dropdown-header">
+            {{ isSindipecas ? 'Opções' : 'Entrar como' }}
+        </h6>
+        <slot name="companies"></slot>
+        <dropdown-section
+            v-for="(value, name) in text"
+            :key="name"
+            :title="name"
+            :items="value"
+        />
+        <hr class="dropdown-divider" />
+        <sign-out-item @logout="$emit('logout')" />
+    </base-dropdown>
 </template>
 <script>
 import DropdownSection from './DropdownSection';
@@ -32,33 +30,34 @@ import AvatarLink from '../Avatar/AvatarLink';
 import BusinessAvatar from '../Avatar/BusinessAvatar';
 
 export default {
-	name: 'user-menu-dropdown',
-	components: {
-		DropdownSection,
-		SignOutItem,
-		AvatarLink,
-		BusinessAvatar
-	},
-	props: {
-		text: Object,
-		userAvatar: String,
-		userName: String,
-		companyLogo: String,
-		companyName: String,
-		textColor: String,
-		companies: Array
-	},
-	methods: {
-		handleCompanyClick(company) {
-			
-		}
-	},
-	data() {
-		return {
-			console : console
-		};
-	}
+    name: 'user-menu-dropdown',
+    components: {
+        DropdownSection,
+        SignOutItem,
+        AvatarLink,
+        BusinessAvatar
+    },
+    props: {
+        text: Object,
+        userAvatar: String,
+        userName: String,
+        companyLogo: String,
+        companyName: String,
+        textColor: String,
+        companies: Array,
+        isSindipecas: {
+            type: Boolean,
+            default: false
+        }
+    },
+    methods: {
+        handleCompanyClick(company) {}
+    },
+    data() {
+        return {
+            console: console
+        };
+    }
 };
 </script>
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/components/layouts/burh-ds/navbar/AppNavbar.vue

@@ -1,24 +1,35 @@
 <template>
-	<base-nav
-		container-classes="container-fluid container-fluid--bu"
-		class="border-bottom navbar-animated navbar-horizontal"
-		expand="lg"
-		type="white"
-	>
-		<div style="display: flex; " slot="brand">
-			<avatar-link
-				:logo="brand"
-				:name="brandName"
-				class="row pl-4 nav-link cursor-pointer"
-				@avatar-click="redirectIndex"
-			/>
-			<slot name="brand-center" />
-		</div>
+    <base-nav
+        container-classes="container-fluid container-fluid--bu"
+        class="border-bottom navbar-animated navbar-horizontal"
+        expand="lg"
+        type="white"
+    >
+        <div style="display: flex; " slot="brand">
+            <avatar-link
+                :logo="brand"
+                :name="brandName"
+                class="row pl-4 nav-link cursor-pointer"
+                @avatar-click="redirectIndex"
+            />
+            <slot name="brand-center" />
+        </div>
 
-		<a v-if="currentUser && !disabledLinks" :href="urlBackToBusiness" class="btn btn-link">
-				Voltar para o Burh
-		</a>
-	</base-nav>
+        <a
+            v-if="currentUser && !disabledLinks"
+            :href="urlBackToBusiness"
+            class="btn btn-link"
+        >
+            Voltar para o Burh
+        </a>
+        <user-menu-dropdown
+            v-else
+            :companyName="'Sindipeças'"
+            :userName="brandName"
+            :isSindipecas="true"
+            @logout="$emit('logout')"
+        />
+    </base-nav>
 </template>
 <script>
 import BaseNav from '@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
@@ -27,45 +38,44 @@ import AppLinkArea from '@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea
 import AvatarLink from '@burh/nuxt-core/components/burh-ds/Avatar/AvatarLink.vue';
 
 export default {
-	components: {
-		BaseNav,
-		UserMenuDropdown,
-		AppLinkArea,
-		AvatarLink,
-	},
-	props: {
-		currentUser: Object,
-		currentCompany: Object,
-		userMenuText: Object,
-		brand: String,
-		brandName: String,
-		showableProducts: Object,
-		activeProducts: Array,
-		gridApps: Array,
-		disabledLinks: Boolean
-	},
-	data() {
-		return {
-			console: console,
-			indexRoute: String,
+    components: {
+        BaseNav,
+        UserMenuDropdown,
+        AppLinkArea,
+        AvatarLink
+    },
+    props: {
+        currentUser: Object,
+        currentCompany: Object,
+        userMenuText: Object,
+        brand: String,
+        brandName: String,
+        showableProducts: Object,
+        activeProducts: Array,
+        gridApps: Array,
+        disabledLinks: Boolean
+    },
+    data() {
+        return {
+            console: console,
+            indexRoute: String,
             urlBackToBusiness: process.env.oldBusinessUrl
-		};
-	},
-	methods: {
-		handleAvatarClick(company) {
-			this.$emit('company-click', company);
-		},
-		redirectIndex() {
-			if (!this.disabledLinks)
-				this.$router.push(this.indexRoute);
-		},
-		getCurrentApp(){
-			this.indexRoute = `/${this.$route.path.split('/')[1]}`
-		},
-	},
-	mounted(){
-		this.getCurrentApp();
-	}
+        };
+    },
+    methods: {
+        handleAvatarClick(company) {
+            this.$emit('company-click', company);
+        },
+        redirectIndex() {
+            if (!this.disabledLinks) this.$router.push(this.indexRoute);
+        },
+        getCurrentApp() {
+            this.indexRoute = `/${this.$route.path.split('/')[1]}`;
+        }
+    },
+    mounted() {
+        this.getCurrentApp();
+    }
 };
 </script>
 <style lang="scss">

package/package.json

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