@burh/nuxt-core 1.0.503 → 1.0.504

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

@@ -1,151 +1,151 @@
-<template>
-    <div>
-        <card
-            class="card-app card-app--training"
-            :class="icon ? 'card--icon' : ''"
-            @click.native="$emit('course-click')"
-        >
-            <base-dropdown
-                @click.native.stop
-                class="top-right custom"
-                v-if="showMenu"
-            >
-                <i
-                    slot="title-container"
-                    class="fa fa-ellipsis-h custom"
-                    aria-hidden="true"
-                />
-                <li
-                    v-for="actions in dropdownActions"
-                    class="dropdown-item d-flex align-items-center w-100"
-                    @click="$emit(actions.action)"
-                    :key="actions.name"
-                >
-                    <i
-                        :class="
-                            actions.icon ? actions.icon : 'fa fa-paper-plane'
-                        "
-                        aria-hidden="true"
-                    />
-                    <span> {{ actions.name }} </span>
-                </li>
-                <li
-                    v-if="defaultAction"
-                    class="dropdown-item d-flex align-items-center w-100"
-                    @click="$emit(defaultAction.action)"
-                >
-                    <i
-                        :class="
-                            defaultAction.icon
-                                ? defaultAction.icon
-                                : 'fa fa-clone'
-                        "
-                        aria-hidden="true"
-                    />
-                    <span>
-                        {{ defaultAction.name }}
-                    </span>
-                </li>
-            </base-dropdown>
-            <img
-                v-if="image"
-                slot="image"
-                class=""
-                :src="image"
-                alt="Card image cap"
-            />
-
-            <i v-if="icon" slot="image" :class="icon" class="card__icon" />
-            <!-- title -->
-            <h3 v-if="image" class="h6 mb-2 content-block">{{ title }}</h3>
-            <!-- descrição -->
-            <p v-if="description" class="card-title mb-2">{{ description }}</p>
-            <!-- another information -->
-            <p v-if="info" class="card-title">
-                <small class="text-muted">{{ info }}</small>
-            </p>
-        </card>
-        <span v-if="icon" class="card-title">{{ title }}</span>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'training-card',
-    data() {
-        return {};
-    },
-    props: {
-        id: Number,
-        icon: String,
-        link: String,
-        image: String,
-        title: String,
-        description: String,
-        info: String,
-        showMenu: {
-            type: Boolean,
-            default: false,
-            description: 'Defines if option menu is visible'
-        },
-        dropdownActions: null,
-        defaultAction: null
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.card-app--training {
-    height: 15.8rem !important;
-
-    img {
-        height: 11rem;
-        object-fit: cover;
-    }
-
-    h3 {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-}
-
-.card {
-    position: relative;
-    &:hover {
-        .custom {
-            display: block;
-        }
-    }
-
-    &__icon {
-        margin-top: 3rem;
-    }
-}
-
-.custom {
-    color: #ffffff;
-    background-color: #8192a6;
-    border-radius: 15%;
-    font-size: 1.25rem;
-    padding: 0.25rem 0.5rem;
-    display: none;
-    &:hover {
-        cursor: pointer;
-    }
-}
-
-.top-right {
-    right: 0.5rem;
-    position: absolute;
-    top: 0.5rem;
-    z-index: 100;
-}
-
-.fa-plus::before {
-    content: '\f067';
-    position: relative;
-    top: 25%;
-    transform: translateY(-50%);
-}
-</style>
+<template>
+    <div>
+        <card
+            class="card-app card-app--training"
+            :class="icon ? 'card--icon' : ''"
+            @click.native="$emit('course-click')"
+        >
+            <base-dropdown
+                @click.native.stop
+                class="top-right custom"
+                v-if="showMenu"
+            >
+                <i
+                    slot="title-container"
+                    class="fa fa-ellipsis-h custom"
+                    aria-hidden="true"
+                />
+                <li
+                    v-for="actions in dropdownActions"
+                    class="dropdown-item d-flex align-items-center w-100"
+                    @click="$emit(actions.action)"
+                    :key="actions.name"
+                >
+                    <i
+                        :class="
+                            actions.icon ? actions.icon : 'fa fa-paper-plane'
+                        "
+                        aria-hidden="true"
+                    />
+                    <span> {{ actions.name }} </span>
+                </li>
+                <li
+                    v-if="defaultAction"
+                    class="dropdown-item d-flex align-items-center w-100"
+                    @click="$emit(defaultAction.action)"
+                >
+                    <i
+                        :class="
+                            defaultAction.icon
+                                ? defaultAction.icon
+                                : 'fa fa-clone'
+                        "
+                        aria-hidden="true"
+                    />
+                    <span>
+                        {{ defaultAction.name }}
+                    </span>
+                </li>
+            </base-dropdown>
+            <img
+                v-if="image"
+                slot="image"
+                class=""
+                :src="image"
+                alt="Card image cap"
+            />
+
+            <i v-if="icon" slot="image" :class="icon" class="card__icon" />
+            <!-- title -->
+            <h3 v-if="image" class="h6 mb-2 content-block">{{ title }}</h3>
+            <!-- descrição -->
+            <p v-if="description" class="card-title mb-2">{{ description }}</p>
+            <!-- another information -->
+            <p v-if="info" class="card-title">
+                <small class="text-muted">{{ info }}</small>
+            </p>
+        </card>
+        <span v-if="icon" class="card-title">{{ title }}</span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'training-card',
+    data() {
+        return {};
+    },
+    props: {
+        id: Number,
+        icon: String,
+        link: String,
+        image: String,
+        title: String,
+        description: String,
+        info: String,
+        showMenu: {
+            type: Boolean,
+            default: false,
+            description: 'Defines if option menu is visible'
+        },
+        dropdownActions: null,
+        defaultAction: null
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.card-app--training {
+    height: 15.8rem !important;
+
+    img {
+        height: 11rem;
+        object-fit: cover;
+    }
+
+    h3 {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
+
+.card {
+    position: relative;
+    &:hover {
+        .custom {
+            display: block;
+        }
+    }
+
+    &__icon {
+        margin-top: 3rem;
+    }
+}
+
+.custom {
+    color: #ffffff;
+    background-color: #8192a6;
+    border-radius: 15%;
+    font-size: 1.25rem;
+    padding: 0.25rem 0.5rem;
+    display: none;
+    &:hover {
+        cursor: pointer;
+    }
+}
+
+.top-right {
+    right: 0.5rem;
+    position: absolute;
+    top: 0.5rem;
+    z-index: 100;
+}
+
+.fa-plus::before {
+    content: '\f067';
+    position: relative;
+    top: 25%;
+    transform: translateY(-50%);
+}
+</style>

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

@@ -1,106 +1,106 @@
-
-<template>
-	<div class="card text-center pt-5 align-items-center">
-		<div class="card-body card--content">
-			<img class="icon" :src="icon">
-			<h2 class="card-title mb-3 mx-md-2">{{title}}</h2>
-			<p class="welcome-card-text mb-4 text--initial mx-md-5" v-html="text" />
-			<div class="button--area mt-5">
-				<base-button
-					type="primary"
-                    @click="$emit('btn-first-click')"
-				>
-					{{buttonText}}
-				</base-button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'welcome-card',
-	components: {
-	},
-	props:{
-		icon: String,
-		title: {
-			type: String,
-			default: 'Aqui vai um título'
-		},
-		text: {
-			type: String,
-			default: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis vel tellus viverra pulvinar. Mauris in augue neque. Proin molestie lectus lectus, at semper enim suscipit id. odo colaborador tem um perfil de comportamento e competências. O Profiler é uma ferramenta completa para você identificar cada uma delas e assim formar equipes mais produtivas.'
-		},
-		buttonText: {
-			type: String
-		},
-    },
-};
-</script>
-
-<style lang="scss">
-@import "@burh/nuxt-core/assets/sass/argon.scss";
-
-    .text--initial{
-        text-align: initial;
-    }
-    .card--content{
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        @media screen and (min-width:768px){
-
-        }
-        .button--area{
-            @media screen and (max-width:768px){
-                display: flex;
-                flex-wrap: wrap;
-            }
-            .btn--flex{
-                @media screen and(max-width:768px){
-                    font-size: 0.685rem;
-                    display: flex;
-                }
-                @media screen and(max-width:320px){
-                    font-size: 0.579rem;
-                }
-            }
-        }
-        .card-title{
-            width: 50%;
-            font-weight: 600;
-            @media screen and (max-width:768px){
-                padding-left: 1.5rem;
-                padding-right: 1.5rem;
-            }
-        }
-    }
-
-    .welcome-card-text {
-        text-align: center;
-        width: 55%;
-        color: $gray-900;
-    }
-
-    .icon {
-        width: 9rem;
-        height: 9rem;
-        margin-bottom: 2rem;
-    }
-
-    .btn--app {
-        background-color: $violet !important;
-        border-color: $violet  !important;
-        &:hover {
-            background-color: darken($violet, 10%)  !important;
-            border-color: darken($violet, 10%)  !important;
-        }
-    }
-
-    .white-text {
-        color: #ffffff;
-        &:hover {
-            color: #ffffff;
-        }
-    }
-</style>
+
+<template>
+	<div class="card text-center pt-5 align-items-center">
+		<div class="card-body card--content">
+			<img class="icon" :src="icon">
+			<h2 class="card-title mb-3 mx-md-2">{{title}}</h2>
+			<p class="welcome-card-text mb-4 text--initial mx-md-5" v-html="text" />
+			<div class="button--area mt-5">
+				<base-button
+					type="primary"
+                    @click="$emit('btn-first-click')"
+				>
+					{{buttonText}}
+				</base-button>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	name: 'welcome-card',
+	components: {
+	},
+	props:{
+		icon: String,
+		title: {
+			type: String,
+			default: 'Aqui vai um título'
+		},
+		text: {
+			type: String,
+			default: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis vel tellus viverra pulvinar. Mauris in augue neque. Proin molestie lectus lectus, at semper enim suscipit id. odo colaborador tem um perfil de comportamento e competências. O Profiler é uma ferramenta completa para você identificar cada uma delas e assim formar equipes mais produtivas.'
+		},
+		buttonText: {
+			type: String
+		},
+    },
+};
+</script>
+
+<style lang="scss">
+@import "@burh/nuxt-core/assets/sass/argon.scss";
+
+    .text--initial{
+        text-align: initial;
+    }
+    .card--content{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        @media screen and (min-width:768px){
+
+        }
+        .button--area{
+            @media screen and (max-width:768px){
+                display: flex;
+                flex-wrap: wrap;
+            }
+            .btn--flex{
+                @media screen and(max-width:768px){
+                    font-size: 0.685rem;
+                    display: flex;
+                }
+                @media screen and(max-width:320px){
+                    font-size: 0.579rem;
+                }
+            }
+        }
+        .card-title{
+            width: 50%;
+            font-weight: 600;
+            @media screen and (max-width:768px){
+                padding-left: 1.5rem;
+                padding-right: 1.5rem;
+            }
+        }
+    }
+
+    .welcome-card-text {
+        text-align: center;
+        width: 55%;
+        color: $gray-900;
+    }
+
+    .icon {
+        width: 9rem;
+        height: 9rem;
+        margin-bottom: 2rem;
+    }
+
+    .btn--app {
+        background-color: $violet !important;
+        border-color: $violet  !important;
+        &:hover {
+            background-color: darken($violet, 10%)  !important;
+            border-color: darken($violet, 10%)  !important;
+        }
+    }
+
+    .white-text {
+        color: #ffffff;
+        &:hover {
+            color: #ffffff;
+        }
+    }
+</style>

package/components/burh-ds/Carousel/FeedCarousel.vue

@@ -1,48 +1,48 @@
-<template>
-    <div>
-        <client-only>
-            <carousel 
-                :items="4" 
-                :nav="true" 
-                :navText="['back', 'go']"
-                :dots="false"
-                :mouseDrag="false"
-                :rewind="false"
-                :autoHeight="true"
-                :autoWidth="true"
-                :responsive="{0:{items: 1}, 768:{items: 2}, 992:{items: 4}}">
-
-                <opportunity-card
-                    v-for="(item, index) in items" v-bind:key="item.job_id"
-                    :class="{'mr-0': index == (items.length - 1)}"
-                    :title="item.job_title"
-                    :company="item.company_name"
-                    :date="item.created_at"
-                    :local="item.city_name"
-                    v-on:avatar-click="$emit('avatar-click', item)"
-                    v-on:share-click="$emit('share-click', item)"
-                    v-on:save-click="$emit('save-click', item)"
-                    v-on:company-name-click="$emit('company-name-click', item)"
-                    :img="item.company_logo"
-                    ></opportunity-card>
-            </carousel>
-        </client-only>
-    </div>
-</template>
-
-<script>
-import { OpportunityCard } from "@/components/burh-ds/";
-export default {
-    components: {
-        OpportunityCard 
-    },
-    name: 'feed-carousel',
-    props: {
-        items: Array
-    }
-}
-</script>
-
-<style lang="scss">
-    
+<template>
+    <div>
+        <client-only>
+            <carousel 
+                :items="4" 
+                :nav="true" 
+                :navText="['back', 'go']"
+                :dots="false"
+                :mouseDrag="false"
+                :rewind="false"
+                :autoHeight="true"
+                :autoWidth="true"
+                :responsive="{0:{items: 1}, 768:{items: 2}, 992:{items: 4}}">
+
+                <opportunity-card
+                    v-for="(item, index) in items" v-bind:key="item.job_id"
+                    :class="{'mr-0': index == (items.length - 1)}"
+                    :title="item.job_title"
+                    :company="item.company_name"
+                    :date="item.created_at"
+                    :local="item.city_name"
+                    v-on:avatar-click="$emit('avatar-click', item)"
+                    v-on:share-click="$emit('share-click', item)"
+                    v-on:save-click="$emit('save-click', item)"
+                    v-on:company-name-click="$emit('company-name-click', item)"
+                    :img="item.company_logo"
+                    ></opportunity-card>
+            </carousel>
+        </client-only>
+    </div>
+</template>
+
+<script>
+import { OpportunityCard } from "@/components/burh-ds/";
+export default {
+    components: {
+        OpportunityCard 
+    },
+    name: 'feed-carousel',
+    props: {
+        items: Array
+    }
+}
+</script>
+
+<style lang="scss">
+    
 </style>