@burh/nuxt-core 1.0.404 → 1.0.405

package/components/burh-ds/Groups/ProductItem.vue

@@ -1,62 +1,62 @@
-<template>
-    <component :is="tag" class="product-item" :class="vertical && 'vertical'">
-        <img :src="avatar" :class="avatarClass" class="avatar avatar-xl rounded-circle product-item--avatar" :alt="`Logo do Produto ${title}`"/>
-        <div :class="containerClass" class="text-container">
-            <component :is="titleTag" :class="titleClass" class="text-container--title">{{title}}</component>
-            <p :class="descriptionClass" class="text-container--description">{{description}}</p>
-        </div>
-    </component>
-</template>
-<script>
-export default {
-    name: "product-item",
-    props: {
-        containerClass: String,
-        tag: {
-            type: String,
-            default: 'section'
-        },
-        vertical: Boolean,
-        title: String,
-        titleClass: String,
-        titleTag: {
-            type: String,
-            default: 'h2'
-        },
-        description: String,
-        descriptionClass: {
-            type: String,
-            default: 'none'
-        },
-        avatar: String,
-        avatarClass: String
-    }
-}
-</script>
-<style lang="scss" scoped>
-.product-item {
-    display: flex;
-    text-align: center;
-}
-
-.text-container {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding-left: 1rem;
-
-    &--description {
-        font-size: 1rem;
-        padding: 0;
-        margin: 0
-    }
-}
-.vertical {
-    flex-direction: column;
-}
-
-.none {
-    display: none !important;
-}
-</style>
+<template>
+    <component :is="tag" class="product-item" :class="vertical && 'vertical'">
+        <img :src="avatar" :class="avatarClass" class="avatar avatar-xl rounded-circle product-item--avatar" :alt="`Logo do Produto ${title}`"/>
+        <div :class="containerClass" class="text-container">
+            <component :is="titleTag" :class="titleClass" class="text-container--title">{{title}}</component>
+            <p :class="descriptionClass" class="text-container--description">{{description}}</p>
+        </div>
+    </component>
+</template>
+<script>
+export default {
+    name: "product-item",
+    props: {
+        containerClass: String,
+        tag: {
+            type: String,
+            default: 'section'
+        },
+        vertical: Boolean,
+        title: String,
+        titleClass: String,
+        titleTag: {
+            type: String,
+            default: 'h2'
+        },
+        description: String,
+        descriptionClass: {
+            type: String,
+            default: 'none'
+        },
+        avatar: String,
+        avatarClass: String
+    }
+}
+</script>
+<style lang="scss" scoped>
+.product-item {
+    display: flex;
+    text-align: center;
+}
+
+.text-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding-left: 1rem;
+
+    &--description {
+        font-size: 1rem;
+        padding: 0;
+        margin: 0
+    }
+}
+.vertical {
+    flex-direction: column;
+}
+
+.none {
+    display: none !important;
+}
+</style>

package/components/burh-ds/Groups/SimpleProductItem.vue

@@ -1,129 +1,145 @@
-<template>
-    <default-link
-        :link="!validated ? '' : to"
-        class="product-item"
-        :disabled="disabled"
-    >
-        <div @click="$emit('redirect-product', to, validated)">
-            <div :class="'product-item--avatar bg-' + color">
-                <img :src="avatar" alt="" />
-            </div>
-            <div :class="contentClass" class="product-item--content">
-                <component
-                    :is="titleTag"
-                    :class="titleClass"
-                    class="product-item--title"
-                    >{{ title }}</component
-                >
-                <p
-                    :class="descriptionClass"
-                    class="product-item--description"
-                    v-if="description"
-                >
-                    {{ description }}
-                </p>
-                <badge
-                    rounded
-                    size="md"
-                    class="ml-auto badge-bg-color badge-font"
-                    type="primary"
-                    v-show="hasEnableBadge"
-                    >ATUALIZAR
-                </badge>
-            </div>
-        </div>
-    </default-link>
-</template>
-
-<script>
-import DefaultLink from '../Link/DefaultLink';
-export default {
-    name: 'simple-product-item',
-    components: {
-        DefaultLink
-    },
-    props: {
-        tag: {
-            type: String,
-            default: 'section'
-        },
-        contentClass: String,
-        title: String,
-        titleTag: {
-            type: String,
-            default: 'h3'
-        },
-        titleClass: String,
-        avatar: String,
-        color: String,
-        icon: String,
-        avatarClass: String,
-        description: String,
-        descriptionClass: String,
-        hasEnableBadge: Boolean,
-        badgeClass: String,
-        to: {
-            type: String,
-            default: '/'
-        },
-        indexableName: String,
-        validated: Boolean,
-        disabled: Boolean
-    },
-    methods: {
-        callVideoTutorial() {
-            // if (this.indexableName == 'VIDEO_CHAMADA') {
-            this.$emit('callVideoTutorial');
-            // }
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.product-item {
-    &[disabled] {
-        cursor: not-allowed;
-        pointer-events: all !important;
-    }
-
-    display: inline-block;
-
-    &--title {
-        text-align: center;
-        font-weight: 400;
-    }
-
-    &--content {
-        text-align: center;
-    }
-
-    figure {
-        margin: 0;
-        padding: 0;
-    }
-
-    .product-item--avatar {
-        width: 64.78px;
-        height: 64.78px;
-        border-radius: 14.0834px;
-        top: 164px;
-        left: 186px;
-
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        img {
-            color: #fff;
-        }
-    }
-}
-
-.card-body {
-    height: 30rem !important;
-}
-.badge-font {
-    font-size: 10px !important;
-}
-</style>
+<template>
+	<default-link
+		:link="!validated ? '' : to"
+		class="product-item"
+		:disabled="disabled"
+	>
+		<div @click="$emit('redirect-product', to, validated)">
+			<div :class="'product-item--avatar bg-' + color">
+				<img :src="avatar" alt="" />
+			</div>
+			<div :class="contentClass" class="product-item--content">
+				<component
+					:is="titleTag"
+					:class="titleClass"
+					class="product-item--title"
+				>
+					{{ title }}
+				</component>
+				<p
+					:class="descriptionClass"
+					class="product-item--description"
+					v-if="description"
+				>
+					{{ description }}
+				</p>
+				<badge
+					rounded
+					size="md"
+					class="ml-auto badge-bg-color badge-font"
+					type="primary"
+					v-if="hasEnableBadge"
+				>
+					ATUALIZAR
+				</badge>
+
+				<badge
+					rounded
+					size="md"
+					class="ml-auto badge-bg-color badge-font"
+					type="primary"
+					v-if="beta"
+				>
+					BETA
+				</badge>
+			</div>
+		</div>
+	</default-link>
+</template>
+
+<script>
+import DefaultLink from '../Link/DefaultLink';
+export default {
+	name: 'simple-product-item',
+	components: {
+		DefaultLink
+	},
+	props: {
+		tag: {
+			type: String,
+			default: 'section'
+		},
+		contentClass: String,
+		title: String,
+		titleTag: {
+			type: String,
+			default: 'h3'
+		},
+		titleClass: String,
+		avatar: String,
+		color: String,
+		icon: String,
+		avatarClass: String,
+		description: String,
+		descriptionClass: String,
+		beta: {
+			type: Boolean,
+			default: false
+		},
+		hasEnableBadge: Boolean,
+		badgeClass: String,
+		to: {
+			type: String,
+			default: '/'
+		},
+		indexableName: String,
+		validated: Boolean,
+		disabled: Boolean
+	},
+	methods: {
+		callVideoTutorial() {
+			// if (this.indexableName == 'VIDEO_CHAMADA') {
+			this.$emit('callVideoTutorial');
+			// }
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.product-item {
+    &[disabled] {
+        cursor: not-allowed;
+        pointer-events: all !important;
+    }
+
+    display: inline-block;
+
+    &--title {
+        text-align: center;
+        font-weight: 400;
+    }
+
+    &--content {
+        text-align: center;
+    }
+
+    figure {
+        margin: 0;
+        padding: 0;
+    }
+
+    .product-item--avatar {
+        width: 64.78px;
+        height: 64.78px;
+        border-radius: 14.0834px;
+        top: 164px;
+        left: 186px;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+            color: #fff;
+        }
+    }
+}
+
+.card-body {
+    height: 30rem !important;
+}
+.badge-font {
+    font-size: 10px !important;
+}
+</style>

package/components/burh-ds/Headings/BaseHeader.vue

@@ -1,24 +1,24 @@
-<template>
-  <div class="header" :class="{[`bg-${type}`]: type}">
-    <div class="header-body container-fluid container-fluid--bu">
-      <div class="row">
-        <slot></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'base-header',
-    props: {
-      type: {
-        type: String,
-        default: 'primary',
-        description: 'Header background type'
-      },
-      classes: String
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="header" :class="{[`bg-${type}`]: type}">
+    <div class="header-body container-fluid container-fluid--bu">
+      <div class="row">
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'base-header',
+    props: {
+      type: {
+        type: String,
+        default: 'primary',
+        description: 'Header background type'
+      },
+      classes: String
+    }
+  }
+</script>
+<style>
+</style>

package/components/burh-ds/Headings/Profile.vue

@@ -1,66 +1,66 @@
-<template>
-    <div class="profile-bar">
-        <div class="profile-bar__container container-fluid container-fluid--bu" :class="classes">
-            <div class="profile-bar__info">
-                <div class="avatar avatar-lg rounded-circle">
-                    <img :src="companyLogo" :alt="companyName">
-                </div>
-                <ul class="list-inline">
-                    <li class="list-inline-item">
-                        <b>{{followers}}</b> seguidores
-                    </li>
-                    <li class="list-inline-item">
-                        <b>{{totalJobs}}</b> vagas abertas
-                    </li>
-                </ul>
-            </div>
-            <div class="profile-bar__actions">
-                <button v-if="moreJobs" @click="emitSeeAvailableJobsClick()" class="btn btn-outline-primary d-block d-sm-inline-block">Ver vagas abertas</button>
-                <button v-if="followCompany && !signUpToCompany" @click="emitFollowCompanyClick()" class="btn d-block d-sm-inline-block" :class="!isFollowCompany ? 'btn-outline-primary' : 'btn-primary'"><font-awesome-icon :icon="[isFollowCompany ? 'fas' : 'far', 'heart']" class="mr-2"/> {{!this.isFollowCompany ? 'Seguir': 'Deixar de Seguir'}}</button>
-                <button v-if="signUpToCompany" @click="emitSignUpToCompany()" class="btn btn-outline-primary d-block d-sm-inline-block">Cadastrar meu currículo</button>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-  name: "profile-bar",
-  props: {
-      sm: Boolean,
-      followers: Number,
-      totalJobs: Number,
-      companyLogo: String,
-      companyName: String,
-      md: Boolean,
-      img: String,
-      bg: String,
-      classes: String,
-      moreJobs: true,
-      followCompany: Boolean,
-      isFollowCompany: Boolean
-  },
-  methods: {
-    emitSeeAvailableJobsClick: function() {
-        this.$emit('see-available-jobs-click');
-    },
-    
-    emitFollowCompanyClick: function() {
-        this.$emit('follow-company-click');
-    },
-
-    emitSignUpToCompany: function() {
-        this.$emit('sign-up-to-company');
-    }
-  },
-  data() {
-      return {
-        signUpToCompany: false
-      }
-  },
-  mounted() {
-      this.signUpToCompany = this.$store.state.localStorage.currentUser == null
-  }
-};
-</script>
-<style lang="scss">
-</style>
+<template>
+    <div class="profile-bar">
+        <div class="profile-bar__container container-fluid container-fluid--bu" :class="classes">
+            <div class="profile-bar__info">
+                <div class="avatar avatar-lg rounded-circle">
+                    <img :src="companyLogo" :alt="companyName">
+                </div>
+                <ul class="list-inline">
+                    <li class="list-inline-item">
+                        <b>{{followers}}</b> seguidores
+                    </li>
+                    <li class="list-inline-item">
+                        <b>{{totalJobs}}</b> vagas abertas
+                    </li>
+                </ul>
+            </div>
+            <div class="profile-bar__actions">
+                <button v-if="moreJobs" @click="emitSeeAvailableJobsClick()" class="btn btn-outline-primary d-block d-sm-inline-block">Ver vagas abertas</button>
+                <button v-if="followCompany && !signUpToCompany" @click="emitFollowCompanyClick()" class="btn d-block d-sm-inline-block" :class="!isFollowCompany ? 'btn-outline-primary' : 'btn-primary'"><font-awesome-icon :icon="[isFollowCompany ? 'fas' : 'far', 'heart']" class="mr-2"/> {{!this.isFollowCompany ? 'Seguir': 'Deixar de Seguir'}}</button>
+                <button v-if="signUpToCompany" @click="emitSignUpToCompany()" class="btn btn-outline-primary d-block d-sm-inline-block">Cadastrar meu currículo</button>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+  name: "profile-bar",
+  props: {
+      sm: Boolean,
+      followers: Number,
+      totalJobs: Number,
+      companyLogo: String,
+      companyName: String,
+      md: Boolean,
+      img: String,
+      bg: String,
+      classes: String,
+      moreJobs: true,
+      followCompany: Boolean,
+      isFollowCompany: Boolean
+  },
+  methods: {
+    emitSeeAvailableJobsClick: function() {
+        this.$emit('see-available-jobs-click');
+    },
+    
+    emitFollowCompanyClick: function() {
+        this.$emit('follow-company-click');
+    },
+
+    emitSignUpToCompany: function() {
+        this.$emit('sign-up-to-company');
+    }
+  },
+  data() {
+      return {
+        signUpToCompany: false
+      }
+  },
+  mounted() {
+      this.signUpToCompany = this.$store.state.localStorage.currentUser == null
+  }
+};
+</script>
+<style lang="scss">
+</style>