@burh/nuxt-core 1.0.290 → 1.0.292

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

@@ -1,214 +1,214 @@
-<template>
-	<nuxt-link :to="`/recrutamento/vaga/${job.id}`" class="recruitment__card">
-		<article>
-			<header class="recruitment__card__header">
-				<div class="recruitment__card__header__status">
-					<job-status-dropdown
-						:status="job.status"
-						@select="handleChangeJobStatus"
-					/>
-				</div>
-				<div class="recruitment__card__header__actions">
-					<el-tooltip placement="top" content="Anotações">
-						<button
-							class="action__item"
-							@click.stop.prevent="$emit('notes-click')"
-						>
-							<i class="far fa-comment-alt"></i>
-						</button>
-					</el-tooltip>
-
-					<el-tooltip placement="top" content="Compartilhar">
-						<button
-							class="action__item"
-							@click.stop.prevent="$emit('share-click')"
-						>
-							<i class="fas fa-share-alt"></i>
-						</button>
-					</el-tooltip>
-				</div>
-			</header>
-
-			<section class="recruitment__card__content">
-				<span class="recruitment__card__content__date">Publicada {{fromNow(job.published_at)}}</span>
-				<h2 class="recruitment__card__content__title">
-					{{ job.title }}
-					<i v-if="job.handicapped" class="fas fa-wheelchair pcd"></i>
-				</h2>
-				<span class="recruitment__card__content__id">{{ job.id }}</span>
-
-				<div class="recruitment__card__info">
-					<p class="recruitment__card__info__text"><span>{{ job.info.applieds }}</span>Inscritos</p>
-					<p class="recruitment__card__info__text"><span>{{ job.info.positions }}</span>Posição</p>
-					<p class="recruitment__card__info__text"><span>{{ job.info.hireds }}</span>Contratados</p>
-				</div>
-			</section>
-
-			<footer class="recruitment__card__footer">
-				<p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
-				<div class="recruitment__card__footer__images">
-					<el-tooltip
-						v-for="user in job.team"
-						:key="user.id"
-						placement="top"
-						:content="user.name"
-					>
-						<img
-							:src="user.avatar"
-							:alt="user.name"
-						>
-					</el-tooltip>
-				</div>
-			</footer>
-		</article>
-	</nuxt-link>
-</template>
-
-<script>
-import moment from 'moment';
-import 'moment/locale/pt-br';
-
-import JobStatusDropdown from '@burh/nuxt-core/components/burh-ds/Dropdown/JobStatusDropdown.vue';
-
-export default {
-	name: 'recruitment-card',
-	components: {
-		JobStatusDropdown
-	},
-	props: {
-		job: {
-			type: Object,
-			default: () => []
-		}
-	},
-	methods: {
-		fromNow(date, format = 'YYYYMMDD') {
-			return moment(date, format).fromNow();
-		},
-		handleChangeJobStatus(id) {
-			this.$emit('select', id);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.recruitment__card {
-    cursor: pointer;
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    padding: 20px;
-    border-radius: 4px;
-    border: none;
-    text-align: initial;
-    color: #1D364B;
-    transition: transform 0.25s;
-    &:focus {
-        outline: none;
-        transform: translateY(-5px);
-    }
-    &:hover {
-        transform: translateY(-5px);
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 5px 0;
-        &__actions {
-            display: flex;
-            align-items: center;
-            .action__item {
-                cursor: pointer;
-                width: 42px;
-                height: 42px;
-                border-radius: 100px;
-                transition: background 0.5s;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                background: transparent;
-                border: 0;
-                position: relative;
-                &:not(:disabled):hover {
-                    background: rgba(0, 0, 0, 0.08);
-                }
-                &:focus {
-                    outline: none;
-                    background: rgba(0, 0, 0, 0.08);
-                }
-                &:not(:first-child) {
-                    margin-left: 5px;
-                }
-                i {
-                    color: #AEB6BE;
-                }
-            }
-        }
-    }
-
-    &__content {
-        &__date {
-            font-size: 0.875rem;
-            font-weight: 400;
-            color: #AEB6BE;
-        }
-        &__title {
-            font-size: 1.275rem;
-            color: #1D364B;
-            margin-bottom: 0;
-            .pcd {
-                color: #1F8CEB;
-                margin-left: 5px;
-            }
-        }
-        &__id {
-            font-size: 0.875rem;
-            font-weight: 600;
-            color: #525F7F;
-        }
-    }
-
-    &__info {
-        padding: 20px 0;
-        &__text {
-            margin-bottom: 0;
-            font-size: 1rem;
-            font-weight: 500;
-            span {
-                margin-right: 5px;
-                color: #1F8CEB;
-            }
-        }
-    }
-
-    &__footer {
-        border-top: 1px solid #E9E9E9;
-        padding-top: 10px;
-        &__title {
-            color: #525F7F;
-            font-size: 0.875rem;
-            font-weight: 600;
-            margin-bottom: 0;
-        }
-        &__images {
-            display: flex;
-            align-items: center;
-            user-select: none;
-            img {
-                $size: 32px;
-                display: block;
-                width: $size;
-                height: $size;
-                object-fit: cover;
-                border-radius: 100px;
-                border: 2px solid #fff;
-                &:not(:first-child) {
-                    margin-left: -10px;
-                }
-            }
-        }
-    }
-}
-</style>
+<template>
+	<nuxt-link :to="`/recrutamento/vaga/${job.id}`" class="recruitment__card">
+		<article>
+			<header class="recruitment__card__header">
+				<div class="recruitment__card__header__status">
+					<job-status-dropdown
+						:status="job.status"
+						@select="handleChangeJobStatus"
+					/>
+				</div>
+				<div class="recruitment__card__header__actions">
+					<el-tooltip placement="top" content="Anotações">
+						<button
+							class="action__item"
+							@click.stop.prevent="$emit('notes-click')"
+						>
+							<i class="far fa-comment-alt"></i>
+						</button>
+					</el-tooltip>
+
+					<el-tooltip placement="top" content="Compartilhar">
+						<button
+							class="action__item"
+							@click.stop.prevent="$emit('share-click')"
+						>
+							<i class="fas fa-share-alt"></i>
+						</button>
+					</el-tooltip>
+				</div>
+			</header>
+
+			<section class="recruitment__card__content">
+				<span class="recruitment__card__content__date">Publicada {{fromNow(job.published_at)}}</span>
+				<h2 class="recruitment__card__content__title">
+					{{ job.title }}
+					<i v-if="job.handicapped" class="fas fa-wheelchair pcd"></i>
+				</h2>
+				<span class="recruitment__card__content__id">{{ job.id }}</span>
+
+				<div class="recruitment__card__info">
+					<p class="recruitment__card__info__text"><span>{{ job.info.applieds }}</span>Inscritos</p>
+					<p class="recruitment__card__info__text"><span>{{ job.info.positions }}</span>Posição</p>
+					<p class="recruitment__card__info__text"><span>{{ job.info.hireds }}</span>Contratados</p>
+				</div>
+			</section>
+
+			<footer class="recruitment__card__footer">
+				<p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
+				<div class="recruitment__card__footer__images">
+					<el-tooltip
+						v-for="user in job.team"
+						:key="user.id"
+						placement="top"
+						:content="user.name"
+					>
+						<img
+							:src="user.avatar"
+							:alt="user.name"
+						>
+					</el-tooltip>
+				</div>
+			</footer>
+		</article>
+	</nuxt-link>
+</template>
+
+<script>
+import moment from 'moment';
+import 'moment/locale/pt-br';
+
+import JobStatusDropdown from '@burh/nuxt-core/components/burh-ds/Dropdown/JobStatusDropdown.vue';
+
+export default {
+	name: 'recruitment-card',
+	components: {
+		JobStatusDropdown
+	},
+	props: {
+		job: {
+			type: Object,
+			default: () => []
+		}
+	},
+	methods: {
+		fromNow(date, format = 'YYYYMMDD') {
+			return moment(date, format).fromNow();
+		},
+		handleChangeJobStatus(id) {
+			this.$emit('select', id);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.recruitment__card {
+    cursor: pointer;
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    padding: 20px;
+    border-radius: 4px;
+    border: none;
+    text-align: initial;
+    color: #1D364B;
+    transition: transform 0.25s;
+    &:focus {
+        outline: none;
+        transform: translateY(-5px);
+    }
+    &:hover {
+        transform: translateY(-5px);
+    }
+
+    &__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 5px 0;
+        &__actions {
+            display: flex;
+            align-items: center;
+            .action__item {
+                cursor: pointer;
+                width: 42px;
+                height: 42px;
+                border-radius: 100px;
+                transition: background 0.5s;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                background: transparent;
+                border: 0;
+                position: relative;
+                &:not(:disabled):hover {
+                    background: rgba(0, 0, 0, 0.08);
+                }
+                &:focus {
+                    outline: none;
+                    background: rgba(0, 0, 0, 0.08);
+                }
+                &:not(:first-child) {
+                    margin-left: 5px;
+                }
+                i {
+                    color: #AEB6BE;
+                }
+            }
+        }
+    }
+
+    &__content {
+        &__date {
+            font-size: 0.875rem;
+            font-weight: 400;
+            color: #AEB6BE;
+        }
+        &__title {
+            font-size: 1.275rem;
+            color: #1D364B;
+            margin-bottom: 0;
+            .pcd {
+                color: #1F8CEB;
+                margin-left: 5px;
+            }
+        }
+        &__id {
+            font-size: 0.875rem;
+            font-weight: 600;
+            color: #525F7F;
+        }
+    }
+
+    &__info {
+        padding: 20px 0;
+        &__text {
+            margin-bottom: 0;
+            font-size: 1rem;
+            font-weight: 500;
+            span {
+                margin-right: 5px;
+                color: #1F8CEB;
+            }
+        }
+    }
+
+    &__footer {
+        border-top: 1px solid #E9E9E9;
+        padding-top: 10px;
+        &__title {
+            color: #525F7F;
+            font-size: 0.875rem;
+            font-weight: 600;
+            margin-bottom: 0;
+        }
+        &__images {
+            display: flex;
+            align-items: center;
+            user-select: none;
+            img {
+                $size: 32px;
+                display: block;
+                width: $size;
+                height: $size;
+                object-fit: cover;
+                border-radius: 100px;
+                border: 2px solid #fff;
+                &:not(:first-child) {
+                    margin-left: -10px;
+                }
+            }
+        }
+    }
+}
+</style>

package/components/burh-ds/Collapse/DefaultCollapse.vue

@@ -1,70 +1,70 @@
-<template>
-	<collapse class="collapse__container">
-		<collapse-item
-			v-for="(item, index) in collapseItems"
-			:key="index"
-			class="collapse__container__item"
-			:class="customItemClass"
-		>
-			<h6 slot="title">{{ item.title }}</h6>
-			<div class="collapse__container__item__description">{{ item.description }}</div>
-		</collapse-item>
-	</collapse>
-</template>
-
-<script>
-import Collapse from '@burh/nuxt-core/components/argon-core/Collapse/Collapse.vue';
-import CollapseItem from '@burh/nuxt-core/components/argon-core/Collapse/CollapseItem.vue';
-
-export default {
-	name: 'DefaultCollapse',
-	components: {
-		Collapse,
-		CollapseItem
-	},
-	props: {
-		collapseItems: {},
-		customItemClass:{
-			type: String,
-			default: ''
-		},
-	}
-};
-</script>
-
-<style lang="scss">
-    .collapse__container {
-        &__item {
-            background: transparent;
-            box-shadow: 0 0 0;
-            padding: 20px 0;
-            h6 {
-                font-size: 1.5rem;
-                font-weight: 400;
-                max-width: 85%;
-                margin-bottom: 0;
-                padding: 10px 0;
-                @media (max-width: 800px) {
-                    & {
-                        font-size: 1rem;
-                    }
-                }
-            }
-            .card-header {
-                padding: 1.25rem 0;
-                &::after {
-                    color: #2a5ee8;
-                    font-size: 1.5rem;
-                }
-            }
-            &__description {
-                font-size: 1.2rem;
-                @media (max-width: 800px) {
-                    & {
-                        font-size: 1rem;
-                    }
-                }
-            }
-        }
-    }
-</style>
+<template>
+	<collapse class="collapse__container">
+		<collapse-item
+			v-for="(item, index) in collapseItems"
+			:key="index"
+			class="collapse__container__item"
+			:class="customItemClass"
+		>
+			<h6 slot="title">{{ item.title }}</h6>
+			<div class="collapse__container__item__description">{{ item.description }}</div>
+		</collapse-item>
+	</collapse>
+</template>
+
+<script>
+import Collapse from '@burh/nuxt-core/components/argon-core/Collapse/Collapse.vue';
+import CollapseItem from '@burh/nuxt-core/components/argon-core/Collapse/CollapseItem.vue';
+
+export default {
+	name: 'DefaultCollapse',
+	components: {
+		Collapse,
+		CollapseItem
+	},
+	props: {
+		collapseItems: {},
+		customItemClass:{
+			type: String,
+			default: ''
+		},
+	}
+};
+</script>
+
+<style lang="scss">
+    .collapse__container {
+        &__item {
+            background: transparent;
+            box-shadow: 0 0 0;
+            padding: 20px 0;
+            h6 {
+                font-size: 1.5rem;
+                font-weight: 400;
+                max-width: 85%;
+                margin-bottom: 0;
+                padding: 10px 0;
+                @media (max-width: 800px) {
+                    & {
+                        font-size: 1rem;
+                    }
+                }
+            }
+            .card-header {
+                padding: 1.25rem 0;
+                &::after {
+                    color: #4460F4;
+                    font-size: 1.5rem;
+                }
+            }
+            &__description {
+                font-size: 1.2rem;
+                @media (max-width: 800px) {
+                    & {
+                        font-size: 1rem;
+                    }
+                }
+            }
+        }
+    }
+</style>