@burh/nuxt-core 1.0.403 → 1.0.404

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

@@ -1,41 +1,41 @@
-<template>
-  <div ref="squareCard"
-      class="card card--image cursor-pointer z-2"
-      @click="$emit('card-click')"
-      :style="{
-        'background-image': `url('${imagecard}')`,
-        'background-color': colorcard
-      }"
-  >
-    <div class="card-body">
-        <h5 class="card-title">{{titlecard}}</h5>
-        <img
-          :src="imagecard"
-          alt
-          class="card__bg"
-          data-card-background
-        />
-    </div>
-    
-  </div>
-</template>
-
-<script>
-import { setcardsheight } from '~/util/dom.js';
-
-export default {
-  mixins: [setcardsheight],
-  name: "campaign-card",
-  props: {
-    titlecard: String,
-    imagecard: String,
-    colorcard: String
-  },
-  data() {
-    return {
-      default: ''
-    }
-  }
-};
-</script>
+<template>
+  <div ref="squareCard"
+      class="card card--image cursor-pointer z-2"
+      @click="$emit('card-click')"
+      :style="{
+        'background-image': `url('${imagecard}')`,
+        'background-color': colorcard
+      }"
+  >
+    <div class="card-body">
+        <h5 class="card-title">{{titlecard}}</h5>
+        <img
+          :src="imagecard"
+          alt
+          class="card__bg"
+          data-card-background
+        />
+    </div>
+    
+  </div>
+</template>
+
+<script>
+import { setcardsheight } from '~/util/dom.js';
+
+export default {
+  mixins: [setcardsheight],
+  name: "campaign-card",
+  props: {
+    titlecard: String,
+    imagecard: String,
+    colorcard: String
+  },
+  data() {
+    return {
+      default: ''
+    }
+  }
+};
+</script>
 <style></style>

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

@@ -1,40 +1,40 @@
-<template>
-  <div
-    ref="squareCard"
-    :class="classes"
-    @click="$emit('card-click')"
-    class="card card--business cursor-pointer"
-    :style="{
-        'background-image': `url('${brand}')`
-      }"
-  >
-    <img :src="brand" :alt="name" class="brand" />
-  </div>
-</template>
-
-<script>
-import { setcardsheight } from "~/util/dom.js";
-
-export default {
-  mixins: [setcardsheight],
-  name: "company-card",
-  props: {
-    name: String,
-    classes: String,
-    brand: String
-  },
-  data() {
-    return {
-      default: ""
-    };
-  },
-  methods: {
-    
-  },
-  mounted(){
-    
-  }
-};
-</script>
-<style lang="scss">
+<template>
+  <div
+    ref="squareCard"
+    :class="classes"
+    @click="$emit('card-click')"
+    class="card card--business cursor-pointer"
+    :style="{
+        'background-image': `url('${brand}')`
+      }"
+  >
+    <img :src="brand" :alt="name" class="brand" />
+  </div>
+</template>
+
+<script>
+import { setcardsheight } from "~/util/dom.js";
+
+export default {
+  mixins: [setcardsheight],
+  name: "company-card",
+  props: {
+    name: String,
+    classes: String,
+    brand: String
+  },
+  data() {
+    return {
+      default: ""
+    };
+  },
+  methods: {
+    
+  },
+  mounted(){
+    
+  }
+};
+</script>
+<style lang="scss">
 </style>

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

@@ -1,72 +1,72 @@
-<template>
-    <div class="card h-100">
-        <div class="container-fluid container-fluid--bu pt-5">
-            <div class="">
-                <h4 class="card-title font-weight-bold">{{ title }}</h4>
-            </div>
-
-            <div class="row card-body px-0">
-                <div
-                    class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
-                    v-for="items in coursesInfo"
-                    :key="items.name"
-                >
-                    <img
-                        v-if="items.icon"
-                        :src="items.icon"
-                        style="width: 5rem"
-                    />
-                    <span
-                        v-if="items.number"
-                        :class="items.color ? items.color : ''"
-                        class="display-1 font-weight-bold"
-                        >{{ items.number }}</span
-                    >
-                    <p
-                        v-if="items.name"
-                        :class="items.color ? items.color : ''"
-                    >
-                        {{ items.name }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-import CardSkeleton from '../Skeleton/Cards.vue';
-export default {
-    components: {
-        CardSkeleton
-    },
-    data() {
-        return {};
-    },
-    props: {
-        title: {
-            type: String,
-            default: 'Resumo geral'
-        },
-        coursesInfo: Array
-    }
-};
-</script>
-<style lang="scss" scoped>
-.card-title {
-    font-size: 1rem;
-}
-.info-box {
-    @media (min-width: 576px) {
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    @media (min-width: 768px) {
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    @media (min-width: 1024px) {
-        flex: 0 0 33%;
-        max-width: 33%;
-    }
-}
-</style>
+<template>
+    <div class="card h-100">
+        <div class="container-fluid container-fluid--bu pt-5">
+            <div class="">
+                <h4 class="card-title font-weight-bold">{{ title }}</h4>
+            </div>
+
+            <div class="row card-body px-0">
+                <div
+                    class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
+                    v-for="items in coursesInfo"
+                    :key="items.name"
+                >
+                    <img
+                        v-if="items.icon"
+                        :src="items.icon"
+                        style="width: 5rem"
+                    />
+                    <span
+                        v-if="items.number"
+                        :class="items.color ? items.color : ''"
+                        class="display-1 font-weight-bold"
+                        >{{ items.number }}</span
+                    >
+                    <p
+                        v-if="items.name"
+                        :class="items.color ? items.color : ''"
+                    >
+                        {{ items.name }}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import CardSkeleton from '../Skeleton/Cards.vue';
+export default {
+    components: {
+        CardSkeleton
+    },
+    data() {
+        return {};
+    },
+    props: {
+        title: {
+            type: String,
+            default: 'Resumo geral'
+        },
+        coursesInfo: Array
+    }
+};
+</script>
+<style lang="scss" scoped>
+.card-title {
+    font-size: 1rem;
+}
+.info-box {
+    @media (min-width: 576px) {
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    @media (min-width: 768px) {
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    @media (min-width: 1024px) {
+        flex: 0 0 33%;
+        max-width: 33%;
+    }
+}
+</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: #5865F2;
-    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: #5865F2;
+    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>