@burh/nuxt-core 1.0.317 → 1.0.319

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

@@ -1,145 +1,145 @@
-<template>
-	<div class="job__status" v-if="selectedOptionId">
-		<p class="job__status__title" @click.stop.prevent="toggleDropdown">
-			<span :class="`color--${options[(selectedOptionId - 1)].color}`"></span>
-			{{ options[(selectedOptionId - 1)].title }}
-			<i class="fas fa-caret-down"></i>
-		</p>
-		<ul class="job__status__dropdown" :class="{ 'job__status__dropdown--open': isDropdownOpen }">
-			<li
-				v-for="item in options"
-				:key="item.id"
-			>
-				<p
-					class="job__status__title"
-					v-if="item.id !== selectedOptionId"
-					@click.stop.prevent="selectOption(item.id)"
-				>
-					<span :class="`color--${item.color}`"></span>
-					{{ item.title }}
-				</p>
-			</li>
-		</ul>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'job-status-dropdown',
-	props: {
-		status: {
-			type: Number,
-			default: 1
-		}
-	},
-	data() {
-		return {
-			isDropdownOpen: false,
-			selectedOptionId: null,
-			options: [
-				{
-					id: 1,
-					title: 'Aberta',
-					color: 'green'
-				},
-				{
-					id: 2,
-					title: 'Em Análise',
-					color: 'yellow'
-				},
-				{
-					id: 3,
-					title: 'Pausada',
-					color: 'pink'
-				},
-				{
-					id: 4,
-					title: 'Finalizada',
-					color: 'blue'
-				}
-			]
-		};
-	},
-	mounted() {
-		this.selectedOptionId = this.status;
-	},
-	methods: {
-		toggleDropdown() {
-			this.isDropdownOpen = !this.isDropdownOpen;
-		},
-		selectOption(id) {
-			this.selectedOptionId = id;
-			this.isDropdownOpen = false;
-			this.$emit('select', id);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.job__status {
-    position: relative;
-    &__dropdown {
-        position: absolute;
-        left: -20px;
-        transform: translateY(-10px);
-        opacity: 0;
-        pointer-events: none;
-        background: #fff;
-        box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
-        list-style: none;
-        border-radius: 4px;
-        overflow: hidden;
-        min-width: 220px;
-        padding: 0!important;
-        margin: 0!important;
-        transition: transform 0.3s, opacity 0.3s;
-        transform-origin: top;
-        &--open {
-            transform: translateY(10px);
-            opacity: 1;
-            pointer-events: all;
-        }
-        li {
-            display: block;
-                p {
-                    padding: 15px 20px;
-                    transition: background 0.5s, color 0.5s;
-                    &:hover {
-                        background: #F6F9FC;
-                        color: #1F8CEB;
-                    }
-            }
-        }
-    }
-    &__title {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        user-select: none;
-        margin: 0!important;
-        span {
-            display: block;
-            border-radius: 100px;
-            width: 12px;
-            height: 12px;
-            margin-right: 10px;
-            &.color--green {
-                background: #3AC089;
-            }
-            &.color--yellow {
-                background: #FFCF02;
-            }
-            &.color--pink {
-                background: #FF539D;
-            }
-            &.color--blue {
-                background: #0C95FC;
-            }
-        }
-        i {
-            margin-left: 10px;
-        }
-    }
-}
-</style>
+<template>
+	<div class="job__status" v-if="selectedOptionId">
+		<p class="job__status__title" @click.stop.prevent="toggleDropdown">
+			<span :class="`color--${options[(selectedOptionId - 1)].color}`"></span>
+			{{ options[(selectedOptionId - 1)].title }}
+			<i class="fas fa-caret-down"></i>
+		</p>
+		<ul class="job__status__dropdown" :class="{ 'job__status__dropdown--open': isDropdownOpen }">
+			<li
+				v-for="item in options"
+				:key="item.id"
+			>
+				<p
+					class="job__status__title"
+					v-if="item.id !== selectedOptionId"
+					@click.stop.prevent="selectOption(item.id)"
+				>
+					<span :class="`color--${item.color}`"></span>
+					{{ item.title }}
+				</p>
+			</li>
+		</ul>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'job-status-dropdown',
+	props: {
+		status: {
+			type: Number,
+			default: 1
+		}
+	},
+	data() {
+		return {
+			isDropdownOpen: false,
+			selectedOptionId: null,
+			options: [
+				{
+					id: 1,
+					title: 'Aberta',
+					color: 'green'
+				},
+				{
+					id: 2,
+					title: 'Em Análise',
+					color: 'yellow'
+				},
+				{
+					id: 3,
+					title: 'Pausada',
+					color: 'pink'
+				},
+				{
+					id: 4,
+					title: 'Finalizada',
+					color: 'blue'
+				}
+			]
+		};
+	},
+	mounted() {
+		this.selectedOptionId = this.status;
+	},
+	methods: {
+		toggleDropdown() {
+			this.isDropdownOpen = !this.isDropdownOpen;
+		},
+		selectOption(id) {
+			this.selectedOptionId = id;
+			this.isDropdownOpen = false;
+			this.$emit('select', id);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.job__status {
+    position: relative;
+    &__dropdown {
+        position: absolute;
+        left: -20px;
+        transform: translateY(-10px);
+        opacity: 0;
+        pointer-events: none;
+        background: #fff;
+        box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
+        list-style: none;
+        border-radius: 4px;
+        overflow: hidden;
+        min-width: 220px;
+        padding: 0!important;
+        margin: 0!important;
+        transition: transform 0.3s, opacity 0.3s;
+        transform-origin: top;
+        &--open {
+            transform: translateY(10px);
+            opacity: 1;
+            pointer-events: all;
+        }
+        li {
+            display: block;
+                p {
+                    padding: 15px 20px;
+                    transition: background 0.5s, color 0.5s;
+                    &:hover {
+                        background: #F6F9FC;
+                        color: #1F8CEB;
+                    }
+            }
+        }
+    }
+    &__title {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        user-select: none;
+        margin: 0!important;
+        span {
+            display: block;
+            border-radius: 100px;
+            width: 12px;
+            height: 12px;
+            margin-right: 10px;
+            &.color--green {
+                background: #3AC089;
+            }
+            &.color--yellow {
+                background: #FFCF02;
+            }
+            &.color--pink {
+                background: #FF539D;
+            }
+            &.color--blue {
+                background: #0C95FC;
+            }
+        }
+        i {
+            margin-left: 10px;
+        }
+    }
+}
+</style>

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

@@ -1,11 +1,11 @@
-<template>
-	<li class="dropdown-item d-flex align-items-center w-100" @click="$emit('logout')">
-		<font-awesome-icon :icon="['fas','door-open']"/>
-		<span>Sair</span>
-	</li>
-</template>
-<script>
-export default {
-	name: 'sign-out-item'
-};
-</script>
+<template>
+	<li class="dropdown-item d-flex align-items-center w-100" @click="$emit('logout')">
+		<font-awesome-icon :icon="['fas','door-open']"/>
+		<span>Sair</span>
+	</li>
+</template>
+<script>
+export default {
+	name: 'sign-out-item'
+};
+</script>

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

@@ -1,63 +1,63 @@
-<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">
-            {{ 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';
-import SignOutItem from './SignOutItem';
-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,
-        isSindipecas: {
-            type: Boolean,
-            default: false
-        }
-    },
-    methods: {
-        handleCompanyClick(company) {}
-    },
-    data() {
-        return {
-            console: console
-        };
-    }
-};
-</script>
-<style lang="scss" scoped></style>
+<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">
+            {{ 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';
+import SignOutItem from './SignOutItem';
+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,
+        isSindipecas: {
+            type: Boolean,
+            default: false
+        }
+    },
+    methods: {
+        handleCompanyClick(company) {}
+    },
+    data() {
+        return {
+            console: console
+        };
+    }
+};
+</script>
+<style lang="scss" scoped></style>

package/components/burh-ds/FeaturedCompanies/FeaturedCompanies.vue

@@ -1,12 +1,12 @@
-<template>
-    <div class="row d-flex justify-content-between featured-companies">
-        <slot></slot>
-    </div>
-</template>
-<script>
-    export default {
-        name: 'featured-companies',
-        props: {
-        }
-    };
+<template>
+    <div class="row d-flex justify-content-between featured-companies">
+        <slot></slot>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'featured-companies',
+        props: {
+        }
+    };
 </script>

package/components/burh-ds/FeaturedCompanies/FeaturedCompanyCard.vue

@@ -1,17 +1,17 @@
-<template>
-    <div class="col-6 col-md-3 col-lg-2">
-        <card class="featured-company">
-            <div :href="href" :img="img" >
-            </div>
-        </card>
-    </div>
-</template>
-<script>
-    export default {
-        name: 'featured-company-card',
-        props: {
-            href: String,
-            img: String
-        }
-    };
+<template>
+    <div class="col-6 col-md-3 col-lg-2">
+        <card class="featured-company">
+            <div :href="href" :img="img" >
+            </div>
+        </card>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'featured-company-card',
+        props: {
+            href: String,
+            img: String
+        }
+    };
 </script>

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>