@burh/nuxt-core 1.0.403 → 1.0.404

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/Filters/FilterWithDropdown.vue

@@ -1,248 +1,248 @@
-<template>
-	<div>
-		<div
-			v-if="isDropdownOpen"
-			id="backgroundFade"
-		></div>
-		<div
-			v-click-outside="dropDownOutsideClick"
-			class="filter__container"
-			:class="{'filter__container__dropdown--open': isDropdownOpen}"
-			ref="filterContainer"
-		>
-			<button
-				class="filter__item"
-				:class="{'filter__item--active': isDropdownOpen || isActive}"
-				@click="handleFilterClick()"
-			>
-				<div
-					v-if="status != ''"
-					class="status"
-					:class="`status--${status}`"
-				></div>
-				<p>{{ text }}</p>
-			</button>
-
-			<div
-				v-show="isDropdownOpen"
-				class="filter__dropdown"
-				ref="dropdownContainer"
-			>
-				<div class="filter__dropdown__content">
-					<slot name="dropdown-content" />
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'filter-with-dropdown',
-	props: {
-		text: {
-			type: String,
-			default: ''
-		},
-		isActive: {
-			type: Boolean,
-			default: false
-		},
-		shouldOpenDropdown: {
-			type: Boolean,
-			default: false
-		},
-		status: {
-			type: String,
-			default: ''
-		}
-	},
-	data() {
-		return {
-			isDropdownOpen: false
-		};
-	},
-	watch: {
-		isDropdownOpen(value) {
-			if (value === true) {
-				if (this.shouldOpenDropdown) {
-					const filterContainer = this.$refs.filterContainer;
-					const dropdownContainer = this.$refs.dropdownContainer;
-
-					dropdownContainer.classList.remove('dropdown-left');
-					dropdownContainer.classList.remove('dropdown-right');
-
-					if (((filterContainer.offsetLeft - (350 / 2)) - 20) < 0) {
-						dropdownContainer.classList.add('dropdown-left');
-					}
-
-					if (((window.innerWidth - filterContainer.offsetLeft - filterContainer.offsetWidth) - (350 / 2) - 20) < 0) {
-						dropdownContainer.classList.add('dropdown-right');
-					}
-				}
-			}
-		},
-	},
-	methods: {
-		handleFilterClick() {
-			if (this.shouldOpenDropdown === true) {
-				this.toggleDropdown();
-			} else {
-				this.$emit('filter-click');
-			}
-		},
-		toggleDropdown() {
-			this.isDropdownOpen = !this.isDropdownOpen;
-		},
-		dropDownOutsideClick() {
-			if (this.isDropdownOpen) {
-				this.isDropdownOpen = false;
-			}
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@keyframes fadeIn {
-	from { opacity: 0; }
-	to { opacity: 1; }
-}
-
-@keyframes slideInUp {
-	from { opacity: 0; transform: translateY(20px) }
-	to { opacity: 1; transform: translateY(0) }
-}
-
-@keyframes dropdownAnimation {
-    from {
-        margin-top: -5px;
-        opacity: 0;
-    }
-    to {
-        margin-top: 10px;
-        opacity: 1;
-    }
-}
-
-#backgroundFade {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    background: rgba(255, 255, 255, 0.6);
-    z-index: 200;
-    animation: 0.5s fadeIn;
-}
-
-.filter__container__dropdown--open {
-    z-index: 210!important;
-}
-
-.filter__container {
-    position: relative;
-    z-index: 100;
-    margin-bottom: 10px;
-    .filter__dropdown {
-        position: absolute;
-        width: 350px;
-        left: calc(50% + (10px / 2));
-        transform: translateX(-50%);
-        margin-top: 10px;
-        box-shadow: 0 0 20px rgba(0,0,0,0.08);
-        border-radius: 4px;
-        background: #fff;
-        animation: 0.5s dropdownAnimation cubic-bezier(0.65, 0.05, 0.36, 1);
-        border: 1px solid #e9ecef;
-        @media (min-width: 821px) {
-            &.dropdown-left {
-                transform: none;
-                left: 0;
-            }
-            &.dropdown-right {
-                transform: none;
-                left: initial;
-                right: 10px;
-            }
-        }
-        &__content {
-            padding: 20px;
-        }
-        @media (max-width: 820px) {
-            & {
-                position: fixed;
-                bottom: 0;
-                width: 98%;
-                margin: 0 auto;
-                left: 0!important;
-                right: 0!important;
-                bottom: 20px;
-                transform: translateX(0)!important;
-                animation: 0.35s slideInUp cubic-bezier(0.65, 0.05, 0.36, 1);
-            }
-        }
-    }
-
-    .filter__item {
-        cursor: pointer;
-        user-select: none;
-        padding: 5px 20px;
-        border-radius: 100px;
-        margin-right: 10px;
-        border: 1px solid #E9ECEF;
-        transition: background 0.5s;
-        display: flex;
-        align-items: center;
-        background: transparent;
-        &:focus {
-            outline: none;
-            background: rgba(31, 140, 235, 0.2);
-            border-color: transparent;
-            p {
-                color: #5865F2;
-            }
-        }
-        &:not(.filter__item--active):hover {
-            background: rgba(174, 182, 190, 0.2);
-            p {
-                color: #1D364B;
-            }
-        }
-        p {
-            margin: 0;
-            font-weight: 400;
-            color: #AEB6BE;
-            transition: color 0.5s;
-            white-space: nowrap;
-        }
-        &--active {
-            background: rgba(31, 140, 235, 0.2);
-            border-color: transparent;
-            p {
-                color: #5865F2;
-            }
-        }
-        .status {
-				width: 10px;
-				height: 10px;
-				background: #AEB6BE;
-				display: block;
-				border-radius: 100px;
-				margin-right: 10px;
-				&--open {
-					background: #3AC089;
-				}
-				&--awaiting {
-					background: #FFCF02;
-				}
-				&--paused {
-					background: #FF539D;
-				}
-				&--ended {
-					background: #0C95FC;
-				}
-			}
-    }
-}
-</style>
+<template>
+	<div>
+		<div
+			v-if="isDropdownOpen"
+			id="backgroundFade"
+		></div>
+		<div
+			v-click-outside="dropDownOutsideClick"
+			class="filter__container"
+			:class="{'filter__container__dropdown--open': isDropdownOpen}"
+			ref="filterContainer"
+		>
+			<button
+				class="filter__item"
+				:class="{'filter__item--active': isDropdownOpen || isActive}"
+				@click="handleFilterClick()"
+			>
+				<div
+					v-if="status != ''"
+					class="status"
+					:class="`status--${status}`"
+				></div>
+				<p>{{ text }}</p>
+			</button>
+
+			<div
+				v-show="isDropdownOpen"
+				class="filter__dropdown"
+				ref="dropdownContainer"
+			>
+				<div class="filter__dropdown__content">
+					<slot name="dropdown-content" />
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'filter-with-dropdown',
+	props: {
+		text: {
+			type: String,
+			default: ''
+		},
+		isActive: {
+			type: Boolean,
+			default: false
+		},
+		shouldOpenDropdown: {
+			type: Boolean,
+			default: false
+		},
+		status: {
+			type: String,
+			default: ''
+		}
+	},
+	data() {
+		return {
+			isDropdownOpen: false
+		};
+	},
+	watch: {
+		isDropdownOpen(value) {
+			if (value === true) {
+				if (this.shouldOpenDropdown) {
+					const filterContainer = this.$refs.filterContainer;
+					const dropdownContainer = this.$refs.dropdownContainer;
+
+					dropdownContainer.classList.remove('dropdown-left');
+					dropdownContainer.classList.remove('dropdown-right');
+
+					if (((filterContainer.offsetLeft - (350 / 2)) - 20) < 0) {
+						dropdownContainer.classList.add('dropdown-left');
+					}
+
+					if (((window.innerWidth - filterContainer.offsetLeft - filterContainer.offsetWidth) - (350 / 2) - 20) < 0) {
+						dropdownContainer.classList.add('dropdown-right');
+					}
+				}
+			}
+		},
+	},
+	methods: {
+		handleFilterClick() {
+			if (this.shouldOpenDropdown === true) {
+				this.toggleDropdown();
+			} else {
+				this.$emit('filter-click');
+			}
+		},
+		toggleDropdown() {
+			this.isDropdownOpen = !this.isDropdownOpen;
+		},
+		dropDownOutsideClick() {
+			if (this.isDropdownOpen) {
+				this.isDropdownOpen = false;
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@keyframes fadeIn {
+	from { opacity: 0; }
+	to { opacity: 1; }
+}
+
+@keyframes slideInUp {
+	from { opacity: 0; transform: translateY(20px) }
+	to { opacity: 1; transform: translateY(0) }
+}
+
+@keyframes dropdownAnimation {
+    from {
+        margin-top: -5px;
+        opacity: 0;
+    }
+    to {
+        margin-top: 10px;
+        opacity: 1;
+    }
+}
+
+#backgroundFade {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background: rgba(255, 255, 255, 0.6);
+    z-index: 200;
+    animation: 0.5s fadeIn;
+}
+
+.filter__container__dropdown--open {
+    z-index: 210!important;
+}
+
+.filter__container {
+    position: relative;
+    z-index: 100;
+    margin-bottom: 10px;
+    .filter__dropdown {
+        position: absolute;
+        width: 350px;
+        left: calc(50% + (10px / 2));
+        transform: translateX(-50%);
+        margin-top: 10px;
+        box-shadow: 0 0 20px rgba(0,0,0,0.08);
+        border-radius: 4px;
+        background: #fff;
+        animation: 0.5s dropdownAnimation cubic-bezier(0.65, 0.05, 0.36, 1);
+        border: 1px solid #e9ecef;
+        @media (min-width: 821px) {
+            &.dropdown-left {
+                transform: none;
+                left: 0;
+            }
+            &.dropdown-right {
+                transform: none;
+                left: initial;
+                right: 10px;
+            }
+        }
+        &__content {
+            padding: 20px;
+        }
+        @media (max-width: 820px) {
+            & {
+                position: fixed;
+                bottom: 0;
+                width: 98%;
+                margin: 0 auto;
+                left: 0!important;
+                right: 0!important;
+                bottom: 20px;
+                transform: translateX(0)!important;
+                animation: 0.35s slideInUp cubic-bezier(0.65, 0.05, 0.36, 1);
+            }
+        }
+    }
+
+    .filter__item {
+        cursor: pointer;
+        user-select: none;
+        padding: 5px 20px;
+        border-radius: 100px;
+        margin-right: 10px;
+        border: 1px solid #E9ECEF;
+        transition: background 0.5s;
+        display: flex;
+        align-items: center;
+        background: transparent;
+        &:focus {
+            outline: none;
+            background: rgba(31, 140, 235, 0.2);
+            border-color: transparent;
+            p {
+                color: #5865F2;
+            }
+        }
+        &:not(.filter__item--active):hover {
+            background: rgba(174, 182, 190, 0.2);
+            p {
+                color: #1D364B;
+            }
+        }
+        p {
+            margin: 0;
+            font-weight: 400;
+            color: #AEB6BE;
+            transition: color 0.5s;
+            white-space: nowrap;
+        }
+        &--active {
+            background: rgba(31, 140, 235, 0.2);
+            border-color: transparent;
+            p {
+                color: #5865F2;
+            }
+        }
+        .status {
+				width: 10px;
+				height: 10px;
+				background: #AEB6BE;
+				display: block;
+				border-radius: 100px;
+				margin-right: 10px;
+				&--open {
+					background: #3AC089;
+				}
+				&--awaiting {
+					background: #FFCF02;
+				}
+				&--paused {
+					background: #FF539D;
+				}
+				&--ended {
+					background: #0C95FC;
+				}
+			}
+    }
+}
+</style>