@burh/nuxt-core 1.0.17 → 1.0.19

package/assets/sass/burh-ds/organisms/_cards.scss

@@ -1,4 +1,8 @@
 .card {
+    &--shadow {
+        border: 1px solid #e5e5e5;
+    }
+    
     &--job {
         box-shadow: none;
         border: $card-border-width solid $card-border-color;

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

@@ -0,0 +1,33 @@
+<template>
+    <li class="functionality-item">
+        <i class="functionality-item--icone fas " :class="icone"></i>
+        <span class="functionality-item--text">{{ text }}</span>
+    </li>
+</template>
+<script>
+export default {
+    name: "functionality-item",
+    props: {
+        icone: String,
+        text: String,
+        click: Function
+    }
+}
+</script>
+<style lang="scss" scoped>
+.functionality-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: #258bf4;
+    line-height: 2.5;
+
+    &--icone {
+        font-size: 1.75rem;
+    }
+
+    &--text {
+        font-size: 1rem;
+    }
+}
+</style>

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

@@ -0,0 +1,63 @@
+<template>
+	<card class="card">
+        <h4 class="aria-text">Funcionalidades</h4>
+        <ul class="list line">
+            <functionality-item
+                class="cursor-pointer"
+                :icone="firstItemIcon"
+                :text="firstItemText"
+                @click="$emit('click-first-item')"/>
+            <functionality-item
+                class="cursor-pointer"
+                :icone="secondItemIcon"
+                :text="secondItemText"
+                @click="$emit('click-second-item')" />
+        </ul>
+        <hr>
+        <h4 class="list-title">{{title}}</h4>
+        <ul class="list">
+            <slot></slot>
+        </ul>
+        <p class="footer-text">{{context}}</p>
+	</card>
+</template>
+<script>
+import FunctionalityItem from './FunctionalityItem'
+export default {
+    name: 'performance-card',
+    components: {
+        FunctionalityItem,
+    },
+    props: {
+        title: String,
+        context: String,
+        firstItemText: String,
+        secondItemText: String,
+        firstItemIcon: String,
+        secondItemIcon: String,
+        subscribers: Number,
+        jobs: Number,
+        visualization: Number,
+    }
+};
+</script>
+<style lang="scss" scoped>
+.list {
+    margin: 3rem 0;
+    display: flex;
+    justify-content: space-evenly;
+}
+
+
+.line ul:not(:first-child) {
+    border: 2px solid #e5e5e5;
+}
+
+.list-title {
+    font-size: 1.25rem;
+}
+
+.footer-text {
+    margin-left: 2rem;
+}
+</style>

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

@@ -0,0 +1,52 @@
+<template>
+    <li class="performance-item" :class="primary && ' primary'">
+        <span class="performance-item--title">{{formatedTitle}}</span>
+        <span class="performance-item--value">{{formatedValue}} mil</span>
+    </li>
+</template>
+<script>
+export default {
+    name: "performance-item",
+    props: {
+        title: {
+            type: String,
+            default: "Visualizações"
+        },
+        value: {
+            type: Number,
+            default: 3910
+        },
+        primary: {
+            type: Boolean,
+            default: false
+        }
+    },
+    computed: {
+        formatedValue() {
+            return this.value/1000
+        },
+        formatedTitle() {
+            const title = this.title.toLowerCase();
+            return title[0].toUpperCase() + title.slice(1);
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.performance-item {
+    display: flex;
+    flex-direction: column;
+    &--title {
+        font-size: 1rem;
+    }
+
+    &--value {
+        font-size: 1.75rem;
+    }
+}
+
+.primary {
+    color: #258bf4;
+    font-weight: 600;
+}
+</style>

package/components/burh-ds/Groups/{SimpleProductGroup.vue → SimpleProductItem.vue}

@@ -1,17 +1,17 @@
 <template>
-    <component :is="tag" class="product-group" @click="$emit('click-product')">
-        <img :src="avatar" :class="avatarClass" class="avatar avatar-xl rounded-circle product-group--avatar" :alt="`Logo do Produto ${title}`">
-        <main :class="contentClass" class="product-group--content">
-            <component :is="titleTag" :class="titleClass" class="product-group--title">{{title}}</component>
-            <p :class="descriptionClass" class="product-group--description" v-if="description">{{description}}</p>
+    <component :is="tag" class="product-item" @click="$emit('click-product')">
+        <img :src="avatar" :class="avatarClass" class="avatar avatar-xl rounded-circle product-item--avatar" :alt="`Logo do Produto ${title}`">
+        <div :class="contentClass" class="product-item--content">
+            <component :is="titleTag" :class="titleClass" class="product-item--title">{{title}}</component>
+            <p :class="descriptionClass" class="product-item--description" v-if="description">{{description}}</p>
             <badge :class="badgeClass" v-if="badge">{{badge}}</badge>
-        </main>
+        </div>
     </component >
 </template>
 
 <script>
 export default {
-    name: 'simple-product-group',
+    name: 'simple-product-item',
     props: {
         tag: {
             type: String,
@@ -36,7 +36,7 @@ export default {
 
 <style lang="scss">
 
-.product-group {
+.product-item {
     display: inline-block;
 
     &--avatar {
@@ -47,6 +47,10 @@ export default {
         text-align: center;
     }
 
+    &--content {
+        text-align: center;
+    }
+
     figure {
         margin: 0;
         padding: 0;

package/components/layouts/burh-ds/navbar/BusinessGlobalNavbar.vue

@@ -79,7 +79,7 @@
 
             <span class="avatar avatar-sm rounded-circle">
 
-              <img :src="currentCompany.logo != null ? currentCompany.logo : ''">
+              <img :src="currentCompany != null && currentCompany.logo ? currentCompany.logo : ''">
 
             </span>
 
@@ -150,8 +150,8 @@
   import BaseNav from '~/node_modules/@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
   import VideoModal from '~/node_modules/@burh/nuxt-core/components/burh-ds/Modals/VideoModal.vue';
   import NavbarLinks from '~/node_modules/@burh/nuxt-core/components/burh-ds/Lists/ListNavLinks.vue';
-  import appLinkArea from '~/node_modules/@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
-  import faqVideoArea from '~/node_modules/@burh/nuxt-core/components/burh-ds/Dropdown/FaqVideoArea.vue';
+  import AppLinkArea from '~/node_modules/@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
+  import FaqVideoArea from '~/node_modules/@burh/nuxt-core/components/burh-ds/Dropdown/FaqVideoArea.vue';
   import Modal from '~/node_modules/@burh/nuxt-core/components/argon-core/Modal.vue';
   import * as ListofLinksNavbar from '@burh/nuxt-core/data/ListNavLinksMock.json';
   import * as ListVideos from '@burh/nuxt-core/data/ListVideoLinksMock.json';
@@ -163,8 +163,8 @@
       CollapseTransition,
       BaseNav,
       Modal,
-      appLinkArea,
-      faqVideoArea,
+      AppLinkArea,
+      FaqVideoArea,
       NavbarLinks,
       VideoModal
     },

package/components/layouts/burh-ds/navbar/SimpleNavbar.vue

@@ -0,0 +1,130 @@
+<template>
+  <base-nav
+    id="business__nav"
+    v-model="showMenu"
+    container-classes="container-fluid container-fluid--bu"
+    class="border-bottom navbar-animated navbar-horizontal"
+    :class="navbarColor"
+    expand="lg"
+    type="primary"
+  >
+  <!--LEFT-->
+
+  <!--BRAND-->
+    <div slot="brand" class="navbar-wrapper">
+      <nuxt-link class="navbar-brand pt-2" to="/">
+        <img src="/img/brand/burh-imagotipo-white.svg" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas">
+      </nuxt-link>
+    </div>
+  <!--END USERS-->
+  <!--END RIGHT-->
+<slot></slot>
+</base-nav>
+</template>
+
+<script>
+  import { CollapseTransition } from 'vue2-transitions';
+  // import BaseNav from '@/components/argon-core/Navbar/BaseNav.vue';
+  import BaseNav from '~/node_modules/@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
+  import Modal from '~/node_modules/@burh/nuxt-core/components/argon-core/Modal.vue';
+  import moment from 'moment';
+  import 'moment/locale/pt-br';
+  import * as _ from 'lodash';
+  export default {
+    components: {
+      CollapseTransition,
+      BaseNav,
+      Modal,
+    },
+    props: {
+      type: {
+        type: String,
+        default: 'default', // default|light
+        description: 'Look of the dashboard navbar. Default (Green) or light (gray)'
+      },
+      logoMini: {
+        type: String,
+        default: '/img/content/carreiras/logo-laponia.jpg',
+        description: 'Logo for scrolled navbar'
+      },
+      logoFull: {
+        type: String,
+        default: () => '/img/brand/burh-imagotipo.svg',
+        description: 'Brand da navbar'
+      },
+      navbarColor: {
+        type: String,
+        default: () => 'navbar-light', //
+        description: 'Cor do navbar [atual]'
+      },
+    },
+    computed: {
+      routeName() {
+        const { name } = this.$route;
+        return this.capitalizeFirstLetter(name);
+      }
+    },
+
+    data() {
+      return {
+        showMenu: false,
+        baseURL: process.env.baseAppUrl,
+      };
+    },
+    methods: {
+      capitalizeFirstLetter(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+      },
+    },
+    watch: {
+    },
+    mounted () {
+      window.addEventListener('scroll', this.handleScrollNavbar);
+
+      let header = document.querySelector('[data-menu="fixed"]');
+      let page = document.querySelector('html');
+
+      if (header) {
+        page.classList.remove('menu-fixed');
+      }
+    },
+    created() {
+
+    },
+    destroyed () {
+      window.removeEventListener('scroll', this.handleScrollNavbar);
+    }
+  
+};
+
+</script>
+
+<style lang="scss">
+@import "~bootstrap/scss/functions.scss";
+@import "~bootstrap/scss/mixins.scss";
+@import "node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables.scss";
+@import "node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+.dropdown-menu{
+  min-width: 16rem;
+}
+.navbar {
+  .navbar-search-light {
+    &--focus {
+      box-shadow: 0 0 .5rem 0 darken($primary, 20%);
+    }
+  }
+  .navbar-search-dark {
+    &--focus {
+      box-shadow: 0 0 2rem 0 $primary;
+    }
+  }
+
+  &-company__default {
+    position: fixed;
+    background-color: $primary;
+    border: 0 !important;
+    animation: navbarCompanyDefaultLoading .5s;
+    
+  }
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {

package/.editorconfig

@@ -1,13 +0,0 @@
-# editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 4
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/.nuxtignore

@@ -1 +0,0 @@
-pages/examples/*;