@burh/nuxt-core 1.0.304 → 1.0.305

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/FunctionalityItem.vue

@@ -1,35 +1,35 @@
-<template>
-    <li
-        @click="$emit('functionality-click')"
-        class="functionality-item text-center "
-    >
-        <i class="functionality-item--icone fas " :class="icone"></i>
-        <span class="functionality-item--text">{{ text }}</span>
-    </li>
-</template>
-<script>
-export default {
-    name: 'functionality-item',
-    props: {
-        icone: String,
-        text: String,
-        click: Function
-    }
-};
-</script>
-<style lang="scss" scoped>
-.functionality-item {
-    display: flex;
-    flex-direction: column;
-    color: #258bf4;
-    line-height: 2.5;
-
-    &--icone {
-        font-size: 1.75rem;
-    }
-
-    &--text {
-        font-size: 1rem;
-    }
-}
-</style>
+<template>
+    <li
+        @click="$emit('functionality-click')"
+        class="functionality-item text-center "
+    >
+        <i class="functionality-item--icone fas " :class="icone"></i>
+        <span class="functionality-item--text">{{ text }}</span>
+    </li>
+</template>
+<script>
+export default {
+    name: 'functionality-item',
+    props: {
+        icone: String,
+        text: String,
+        click: Function
+    }
+};
+</script>
+<style lang="scss" scoped>
+.functionality-item {
+    display: flex;
+    flex-direction: column;
+    color: #258bf4;
+    line-height: 2.5;
+
+    &--icone {
+        font-size: 1.75rem;
+    }
+
+    &--text {
+        font-size: 1rem;
+    }
+}
+</style>

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

@@ -1,115 +1,115 @@
-<template>
-	<card class="card--job cursor-pointer z-2" v-on:click="onCardClick($event)">
-		<span slot="header" class="avatar rounded-circle" :class="{'mt--4':isList}">
-			<img v-on:click="onCardClick($event)" alt="" :src="this.img" onerror="this.src='/img/content/company-logo-not-found.svg'">
-		</span>
-		<span slot="header" class="badge badge-pill text-white badge-danger bg-danger badge--urgency" :class="{'d-lg-none':!isList}" v-if="urgency">Urgente</span>
-		<ul slot="header" class="card__controls list-inline">
-			<li class="list-inline-item" v-if="!skeleton && !hiddenHeart">
-				<a href="#" class="btn btn-link" @click="onSaveButtonClick()"><font-awesome-icon :icon="[!fullHeart ? 'far' : 'fas', 'heart']" /></a>
-			</li>
-			<li class="list-inline-item">
-				<a href="#" class="btn btn-link" v-if="!skeleton" v-on:click.prevent="onShareButtonClick()"><font-awesome-icon :icon="['fas', 'share']" /></a>
-			</li>
-		</ul>
-
-		<span class="card__company" @click="onCompanyNameClick($event)">{{ this.company }}</span>
-		<h5 class="card-title">{{ this.title }}</h5>
-		<span class="card__local">
-			{{ this.local }}
-			<font-awesome-icon class="ml-2" v-if="pcd" :icon="['fas', 'wheelchair']" legend="Vaga para pessoas com deficiência."/>
-		</span>
-
-		<template slot="footer">
-			<div class="d-flex w-100 justify-content-between align-items-center">
-				<p class="card__published" v-if="fromNow() != null">{{ fromNow() }}</p>
-				<button class="btn btn-xs btn-outline-primary d-sm-none btn-go-job" v-on:click="onCardClick($event)">Ver vaga</button>
-				<span class="badge badge-pill text-white badge-danger bg-danger badge--urgency" :class="{'d-none d-lg-inline-block':!isList}" v-if="urgency && !isList">Urgente</span>
-			</div>
-		</template>
-	</card>
-</template>
-<script>
-import moment from 'moment';
-import 'moment/locale/pt-br';
-export default {
-	name: 'opportunity-card',
-	props: {
-		company: String,
-		title: String,
-		local: String,
-		date: String,
-		img: String,
-		link: String,
-		isList: {
-			type: Boolean,
-			default: false
-		},
-		hiddenHeart: {
-			type: Boolean,
-			default: false
-		},
-		fullHeart: {
-			type: Boolean,
-			default: false
-		},
-		skeleton: {
-			type: Boolean,
-			default: false
-		},
-		pcd: {
-			type: Boolean,
-			default: false
-		},
-		urgency: Boolean
-	},
-	data(){
-		return {
-			childClickPrevent: false
-		};
-	},
-
-	methods: {
-		fromNow() {
-			return this.date != null ? moment(this.date).locale('pt-BR').fromNow() : null;
-		},
-
-		getFixLargeTextFontSize() {
-			return (this.title == null || this.title.length < 45) ? '1rem' : '.9rem';
-		},
-
-		onAvatarClick() {
-			this.childClickPrevent = true;
-
-			this.$emit('avatar-click');
-		},
-
-		onShareButtonClick() {
-			this.childClickPrevent = true;
-
-			this.$emit('share-click', this.link);
-		},
-
-		onSaveButtonClick() {
-			this.childClickPrevent = true;
-
-			this.$emit('save-click');
-		},
-
-		onCompanyNameClick(e) {
-			e.preventDefault();
-			this.childClickPrevent = true;
-			this.$emit('company-name-click');
-		},
-
-		onCardClick(e) {
-			e.preventDefault();
-			if (!this.childClickPrevent){
-				this.$emit('card-click');
-			}else{
-				this.childClickPrevent = false;
-			}
-		}
-	}
-};
-</script>
+<template>
+	<card class="card--job cursor-pointer z-2" v-on:click="onCardClick($event)">
+		<span slot="header" class="avatar rounded-circle" :class="{'mt--4':isList}">
+			<img v-on:click="onCardClick($event)" alt="" :src="this.img" onerror="this.src='/img/content/company-logo-not-found.svg'">
+		</span>
+		<span slot="header" class="badge badge-pill text-white badge-danger bg-danger badge--urgency" :class="{'d-lg-none':!isList}" v-if="urgency">Urgente</span>
+		<ul slot="header" class="card__controls list-inline">
+			<li class="list-inline-item" v-if="!skeleton && !hiddenHeart">
+				<a href="#" class="btn btn-link" @click="onSaveButtonClick()"><font-awesome-icon :icon="[!fullHeart ? 'far' : 'fas', 'heart']" /></a>
+			</li>
+			<li class="list-inline-item">
+				<a href="#" class="btn btn-link" v-if="!skeleton" v-on:click.prevent="onShareButtonClick()"><font-awesome-icon :icon="['fas', 'share']" /></a>
+			</li>
+		</ul>
+
+		<span class="card__company" @click="onCompanyNameClick($event)">{{ this.company }}</span>
+		<h5 class="card-title">{{ this.title }}</h5>
+		<span class="card__local">
+			{{ this.local }}
+			<font-awesome-icon class="ml-2" v-if="pcd" :icon="['fas', 'wheelchair']" legend="Vaga para pessoas com deficiência."/>
+		</span>
+
+		<template slot="footer">
+			<div class="d-flex w-100 justify-content-between align-items-center">
+				<p class="card__published" v-if="fromNow() != null">{{ fromNow() }}</p>
+				<button class="btn btn-xs btn-outline-primary d-sm-none btn-go-job" v-on:click="onCardClick($event)">Ver vaga</button>
+				<span class="badge badge-pill text-white badge-danger bg-danger badge--urgency" :class="{'d-none d-lg-inline-block':!isList}" v-if="urgency && !isList">Urgente</span>
+			</div>
+		</template>
+	</card>
+</template>
+<script>
+import moment from 'moment';
+import 'moment/locale/pt-br';
+export default {
+	name: 'opportunity-card',
+	props: {
+		company: String,
+		title: String,
+		local: String,
+		date: String,
+		img: String,
+		link: String,
+		isList: {
+			type: Boolean,
+			default: false
+		},
+		hiddenHeart: {
+			type: Boolean,
+			default: false
+		},
+		fullHeart: {
+			type: Boolean,
+			default: false
+		},
+		skeleton: {
+			type: Boolean,
+			default: false
+		},
+		pcd: {
+			type: Boolean,
+			default: false
+		},
+		urgency: Boolean
+	},
+	data(){
+		return {
+			childClickPrevent: false
+		};
+	},
+
+	methods: {
+		fromNow() {
+			return this.date != null ? moment(this.date).locale('pt-BR').fromNow() : null;
+		},
+
+		getFixLargeTextFontSize() {
+			return (this.title == null || this.title.length < 45) ? '1rem' : '.9rem';
+		},
+
+		onAvatarClick() {
+			this.childClickPrevent = true;
+
+			this.$emit('avatar-click');
+		},
+
+		onShareButtonClick() {
+			this.childClickPrevent = true;
+
+			this.$emit('share-click', this.link);
+		},
+
+		onSaveButtonClick() {
+			this.childClickPrevent = true;
+
+			this.$emit('save-click');
+		},
+
+		onCompanyNameClick(e) {
+			e.preventDefault();
+			this.childClickPrevent = true;
+			this.$emit('company-name-click');
+		},
+
+		onCardClick(e) {
+			e.preventDefault();
+			if (!this.childClickPrevent){
+				this.$emit('card-click');
+			}else{
+				this.childClickPrevent = false;
+			}
+		}
+	}
+};
+</script>

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>