@burh/nuxt-core 1.0.20 → 1.0.21

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

@@ -1,62 +1,59 @@
-<template>
-    <div class="col w-100 pr-md-3">
-        <div class="card card--purchase-resume">
-            <div class="card-header border-0">
-                <h1 class="h5 mb-0 card__inner font-weight-bold">{{ type }}</h1>
-            </div>
-            <div class="card-body pt-0">
-                <p class="card-text card__local mb-1">{{ textSelected }}</p>
-
-                <p v-if="skeleton != true" class="text-right card__local mb-0">{{ price | convertToReal}}</p>
-                <p v-if="skeleton == true" class="text-right card__local mb-0"></p>
-                <!-- <p class="text-right mb-0">{{ paybackPeriod }}</p> -->
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-    name: 'purchase-card-simple',
-    components:{
-
-    },
-    props:{
-        type:{
-            type: String,
-            default: 'Plano'
-        },
-        textSelected:{
-            type: String,
-            default: 'Você selecionou o Plano Carreiras anual faturado mensalmente'
-        },
-        paybackPeriod:{
-            type: String,
-            default: 'Mensal'
-        },
-        price:{
-            type: Number,
-            default: 600
-        },
-        skeleton: {
-			type: Boolean,
-			default: false
-		},
-    },
-    data(){
-        return{
-            default: ''
-        };
-    },
-    filters: {
-        convertToReal(value) {
-            return 'R$ ' + value.toFixed(2).replace('.',',');
-        }  
-    },
-}
-</script>
-
-<style lang="scss">
-.card--purchase-resume {
-    border: 1px solid #e5e5e5;
-}
+<template>
+    <div class="col w-100 pr-md-3">
+        <div class="card card--purchase-resume">
+            <div class="card-header border-0">
+                <h1 class="h5 mb-0 card__inner font-weight-bold">{{ type }}</h1>
+            </div>
+            <div class="card-body pt-0">
+                <p class="card-text card__local mb-1">{{ textSelected }}</p>
+
+                <p v-if="skeleton != true" class="text-right card__local mb-0">{{ price | convertToReal}}</p>
+                <p v-if="skeleton == true" class="text-right card__local mb-0"></p>
+                <!-- <p class="text-right mb-0">{{ paybackPeriod }}</p> -->
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'purchase-card-simple',
+    components:{
+
+    },
+    props:{
+        type:{
+            type: String,
+            default: 'Plano'
+        },
+        textSelected:{
+            type: String,
+            default: 'Você selecionou o Plano Carreiras anual faturado mensalmente'
+        },
+        paybackPeriod:{
+            type: String,
+            default: 'Mensal'
+        },
+        price:{
+            type: Number,
+            default: 600
+        },
+        skeleton: {
+			type: Boolean,
+			default: false
+		},
+    },
+    data(){
+        return{
+            default: ''
+        };
+    },
+    filters: {
+        convertToReal(value) {
+            return 'R$ ' + value.toFixed(2).replace('.',',');
+        }  
+    },
+}
+</script>
+
+<style lang="scss">
 </style>

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

@@ -0,0 +1,51 @@
+<template>
+    <div class="card--container d-flex flex-column w-25" @click="$emit('more')">
+        <div class="card card--small">
+            <div class="row m-auto">
+                <i class="display-1" :class="iconColor + ' ' + Icon" v-if="isIcon"></i>
+                <img :src=Image alt="Imagem do Card" class="w-75 m-auto" v-else>
+            </div>
+        </div>
+        <h3 class="small font-weight-bold m-auto">{{testName}}</h3>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        iconColor:{
+            type: String,
+            default: () => 'text-primary',
+            description: 'Cor do icone. Normalmente Azul'
+        },
+        isIcon:{
+            type: Boolean,
+            default: false
+        },
+        Image:{
+            type: String,
+            default: () => '/img/brand/burh-imagotipo.svg',
+            description: 'Imagem do card'
+        },
+        Icon:{
+            type: String,
+            default: () => 'fas fa-plus',
+            description: 'Icone do card'
+        },
+        testName:{
+            type: String,
+            default: 'Testes',
+            description: 'Nome do teste'
+        }
+    }
+}
+</script>
+<style lang="scss">
+    @media screen and (max-width: 768px){
+        .card--container{
+            width: 50% !important;
+        }
+    }
+    .card--small{
+        min-height: 10rem;
+    }
+</style>

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

@@ -1,67 +1,100 @@
-
-<template>
-    <div class="card text-center align-items-center">
-        <div class="card-body card--content">
-            <h2 class="card-title mb-3 mx-md-5">{{title}}</h2>
-            <p class="card-text mb-4 text--initial mx-md-5">{{text}}.</p>
-            <div class="button--area">
-                <base-button outline type="primary" class="btn--flex" @click="$emit('more')">Saiba Mais</base-button>
-                <base-button type="primary" class="btn--flex ml-auto" @click="$emit('send')">Enviar Teste</base-button>
-            </div>
-        </div>
-    </div>
-
-</template>
-<script>
-export default {
-    name: 'welcome-card',
-    components: { 
-    },
-    props:{
-        title: {
-            type: String,
-            default: 'Seja Bem Vindo ao DISC Profiler'
-        },
-        text:{
-            type: String,
-            default: 'Todo 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.'
-        }
-    },
-    data(){
-        return{
-            default: ''
-        };
-    }
-}
-</script>
-<style lang="scss">
-    .text--initial{
-        text-align: initial;
-    }
-    .card--content{
-        @media screen and (min-width:768px){
-            width: 50%;
-        }
-        .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{
-            @media screen and (max-width:768px){
-                padding-left: 1.5rem;
-                padding-right: 1.5rem;
-            }
-        }
-    }
-</style>
+
+<template>
+  <div class="card text-center align-items-center">
+    <div class="card-body card--content">
+      <img class="icon" :src="icon">
+      <h2 class="card-title mb-3 mx-md-5">{{title}}</h2>
+      <p class="card-text mb-4 text--initial mx-md-5">{{text}}.</p>
+      <div class="button--area">
+        <base-button
+          outline
+          type="primary"
+          class="btn--flex btn--app "
+        >
+            <nuxt-link class="white-text" :to="link">
+                {{buttonText}}
+            </nuxt-link>
+        </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
+        },
+        link: {
+            type: String,
+            default: "/"
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+@import "@burh/nuxt-core/assets/sass/argon.scss";
+
+    .text--initial{
+        text-align: initial;
+    }
+    .card--content{
+        @media screen and (min-width:768px){
+            width: 50%;
+        }
+        .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{
+            @media screen and (max-width:768px){
+                padding-left: 1.5rem;
+                padding-right: 1.5rem;
+            }
+        }
+    }
+
+    .card-text {
+        text-align: center;
+        color: $gray-900;
+    }
+
+    .icon {
+        width: 9rem;
+        height: 9rem;
+        margin-bottom: 2rem;
+    }
+
+    .btn--app {
+        background-color: $violet;
+        border-color: $violet;
+    }
+
+    .white-text {
+        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>