@burh/nuxt-core 1.0.21 → 1.0.23

package/components/burh-ds/Dropdown/UserMenuDropdown.vue

@@ -1,58 +1,64 @@
 <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">Entrar como</h6>
-    <avatar-link
-      :logo="userAvatar"
-      :name="userName"
-      class="row pl-4"
-    />
-    <dropdown-section
-      v-for="(value, name) in text"
-      :key="name"
-      :title="name"
-      :items="value"
-    />
-    <hr class="dropdown-divider">
-    <sign-out-item />
-  </base-dropdown>
+	<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">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 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
-  }
-}
+	name: 'user-menu-dropdown',
+	components: {
+		DropdownSection,
+		SignOutItem,
+		AvatarLink,
+		BusinessAvatar
+	},
+	props: {
+		text: Object,
+		userAvatar: String,
+		userName: String,
+		companyLogo: String,
+		companyName: String,
+		textColor: String,
+		companies: Array
+	},
+	methods: {
+		handleCompanyClick(company) {
+			console.log(company.name);
+		}
+	},
+	data() {
+		return {
+			console : console
+		};
+	}
+};
 </script>
 <style lang="scss" scoped>
-
 </style>

package/components/burh-ds/Groups/SimpleProductItem.vue

@@ -1,17 +1,21 @@
 <template>
-	<component :is="tag" :to="to" class="product-item" @click="$emit('click-product')">
+	<default-link @click="callVideoTutorial" :link="hasEnableBadge? '/planos' : to" class="product-item" >
 		<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="hasEnableBadge">Habilitar</badge>
 		</div>
-	</component >
+	</default-link>
 </template>
 
 <script>
+import DefaultLink from '../Link/DefaultLink';
 export default {
 	name: 'simple-product-item',
+	components: {
+		DefaultLink
+	},
 	props: {
 		tag: {
 			type: String,
@@ -29,12 +33,27 @@ export default {
 		description: String,
 		descriptionClass: String,
 		hasEnableBadge: Boolean,
-        badgeClass: String,
-        to: {
-            type: String,
-            default: "/"
-        }
+		badgeClass: String,
+		to: {
+			type: String,
+			default: '/'
+		},
+		indexableName: String
+	},
+
+	mounted() {
+		console.log('this.indexableName');
+		console.log(this.indexableName);
+	},
+
+	methods: {
+		callVideoTutorial() {
+			if (this.indexableName == 'VIDEO_CHAMADA') {
+				this.$emit('callVideoTutorial');
+			}
+		}
 	}
+
 };
 </script>
 
@@ -43,10 +62,6 @@ export default {
 .product-item {
     display: inline-block;
 
-    &--avatar {
-
-    }
-
     &--title {
         text-align: center;
     }

package/components/burh-ds/Headings/AppHeader.vue

@@ -1,59 +1,58 @@
 <template>
-    <base-header class="app-header" :type="'white'">
-        <div class="row">
-            <div class="col-6 my-auto">
-                <h2 class="font-weight-bold display-3">{{name}}</h2>
-            </div>
+	<base-header class="app-header" :type="'white'">
+		<div class="row justify-content-center">
+			<div class="col-6 my-auto">
+				<h2 class="font-weight-bold display-3">{{name}}</h2>
+			</div>
 
-            <div class="col-6 d-flex justify-content-end">
-                <i v-for="(options, index) in icons" :key="index" 
-                @click="$emit(options.event)" 
-                class="display-4 text-default mt-3 mx-3 cursor-pointer" :class="options.icon"></i>
+			<div class="col-6 d-flex justify-content-end">
+				<i v-for="(options, index) in icons" :key="index"
+					@click="$emit(options.event, options)"
+					class="display-4 pt-3 px-3" :class="[
+            options.icon,
+            {
+              'cursor-pointer': !options.disabled,
+              'text-default': !options.disabled,
+              'text-light': options.disabled
+            }
+          ]"></i>
 
-                <base-button role="button" @click="actionButtonHeader()" size="sm" :type="optionsBtnType" 
-                class="ml-2">{{optionsBtnText}}</base-button>
-            </div>
+				<base-button role="button" @click="$emit('btn-first-click')" size="sm" :type="firstButtonType"
+					class="ml-2">{{firstButtonText}}</base-button>
+			</div>
 
-            <div class="col-12 d-flex justify-content-center">
-                <slot/>
-            </div>
-        </div>
-    </base-header>
+			<slot/>
+		</div>
+	</base-header>
 </template>
 <script>
 export default {
-    data(){
-        return{
-            default: ''
-        }
-    },
-    props:{
-        icons:{
-            type: Array,
-            default: () =>[{event: 'view', icon: 'fas fa-eye'}, {event: 'config', icon: 'fas fa-cog'} ]
-        },
-        name: {
-            type: String,
-            default: 'Teste de matematica'
-        },
-        optionsBtnType:{
-            type: String,
-            default: 'test-online'
-        },
-        optionsBtnText: {
-            type: String,
-            default: 'Enviar Teste'
-        },
-    },
-    methods:{
-        actionButtonHeader(){
-            this.$emit('btn-header')
-        },
-    },
-}
+	data(){
+		return{
+			default: ''
+		};
+	},
+	props:{
+		icons:{
+			type: Array,
+			default: () =>[{ event: 'view', icon: 'fas fa-eye', disabled: false }, { event: 'config', icon: 'fas fa-cog', disabled: false } ]
+		},
+		name: {
+			type: String,
+			default: 'Teste de matematica'
+		},
+		firstButtonType:{
+			type: String,
+			default: 'primary'
+		},
+		firstButtonText: {
+			type: String,
+			default: 'Enviar Teste'
+		},
+	},
+};
 </script>
 <style lang="scss">
-@import "node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
 
 .app-header {
   width: 100%;

package/components/burh-ds/Headings/StepHeader.vue

@@ -1,67 +1,111 @@
 <template>
-    <div class="card card--shadow py-3 px-4">
-        <base-input 
-            name="Ask"
-            :label="`Etapa #${position + 1}`" 
-            placeholder="Escreva o nome da etapa" 
-            type="text" 
-            class="" 
-            :error="getError('Ask')" 
-            :valid="isValid('Ask')" 
-            v-model="name"
-            v-validate="'required'"/>
-
-        <div class="">
-            <textarea 
-                v-model="description"
-                class="form-control form-control-alternative" 
-                rows="3" 
-                placeholder="Descrição desta etapa..."/>
-        </div>
+  <div class="card pt-3 px-4" :class="{'pb-5': !hideIcons}">
+    <base-input 
+      name="Ask"
+      :label="`Etapa #${position + 1}`" 
+      placeholder="Escreva o nome da etapa" 
+      type="text" 
+      class="" 
+      :error="getError('Ask')" 
+      :valid="isValid('Ask')" 
+      v-on:input="emitStage()"
+      v-model="name"
+      v-validate="'required'"/>
 
+    <div class="pb-3">
+      <textarea 
+        v-on:input="emitStage()"
+        v-model="description"
+        class="form-control form-control-alternative" 
+        rows="3" 
+        placeholder="Descrição desta etapa..."/>
     </div>
+
+    <ul class="step-icons" v-if="!hideIcons">
+      <li v-for="(icon, index) in icons" 
+        :key="`question-icon-${position}-${index}`"
+        @click="$emit(icon.event)">
+          <font-awesome-icon :icon="icon.icon" class="" />
+      </li>
+    </ul>
+  </div>
 </template>
 
 <script>
 export default {
-    props: {
-        position: {
-            type: Number,
-            default: 0
-        }
+  props: {
+    hideIcons: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: Number,
+      default: 0
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    text: {
+      type: String,
+      default: ''
+    },
+    icons: {
+      type: Array,
+      default: () => [
+          { event: 'first-icon-click', icon: ['fas', 'trash-alt'] }
+      ]
     },
-    data() {
-        return {    
-            name: '',
-            description: ''
-        }
+  },
+  data() {
+    return {    
+        name: this.title,
+        description: this.text
+    }
+  },
+  methods: {
+    getError(name){
+      return this.errors.first(name);
+    },
+    isValid(name) {
+      return this.validated && !this.errors.has(name);
     },
-    methods: {
-        getError(name){
-            return this.errors.first(name);
-        },
-        isValid(name) {
-            return this.validated && !this.errors.has(name);
-        },
-        emitStage() {
-            this.$emit('change-stage', 
-            { 
-                name: this.name, 
-                description: this.description 
-            })
-        }
+    emitStage() {
+      this.$emit('change-stage', 
+      { 
+        name: this.name, 
+        description: this.description 
+      })
+    }
+  },
+  watch: {
+    title(newName) {
+      this.name = newName;
     },
-    watch: {
-        name() {
-            this.emitStage();
-        },
-        description() {
-            this.emitStage();
-        }
+    text(newDescription) {
+      this.description = newDescription;
     }
+  }
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+
+.step-icons {
+  position: absolute;
+  bottom: 0;
+  right: 1rem;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  list-style: none;
+
+  li {
+    padding-top: 1rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    cursor: pointer;
+  }
+}
 
 </style>

package/components/burh-ds/Link/DefaultLink.vue

@@ -0,0 +1,31 @@
+<template>
+	<nuxt-link @click="$emit('click')" v-if="isNuxtLink" :to="link">
+		<slot />
+	</nuxt-link>
+	<a v-else @click="$emit('click')" :href="link">
+		<slot />
+	</a>
+</template>
+<script>
+export default {
+	name: 'default-link',
+	props: {
+		link: String,
+	},
+	computed: {
+		isNuxtLink() {
+			return (!this.link.includes('://') && this.link !== '#');
+		}
+	},
+
+};
+</script>
+<style lang="scss">
+    .col--product-item {
+        text-align: center;
+    }
+
+    .product-item {
+        text-align: center;
+    }
+</style>

package/components/burh-ds/Lists/ListNavLinks.vue

@@ -1,41 +1,54 @@
 <template>
-  <base-dropdown menu-on-left
-    v-if="children != ''"
-    class=""
-    tag="li"
-    title-tag="a"
-  >
-    <span
-      href="#"
-      class="nav-link bolder"
-      @click.prevent
-      slot="title-container"
-    >
-      {{name}}
-    </span>
-    <a
-      :href=links.link
-      class="dropdown-item"
-      v-for="(links, index) in children"
-      :key="index">{{links.name}}
-    </a>
-  </base-dropdown>
-  <li v-else class="nav-item">
-    <nuxt-link :to=link class="nav-link bolder">{{name}}</nuxt-link>
-  </li>
+	<base-dropdown menu-on-left
+		v-if="children != ''"
+		class=""
+		tag="li"
+		title-tag="a"
+	>
+		<span
+			href="#"
+			class="nav-link bolder"
+			@click.prevent
+			slot="title-container"
+		>
+			{{name}}
+		</span>
+		<span
+			class="dropdown-item d-flex justify-content-between"
+			v-for="(links, index) in children"
+			:key="index"
+			v-if="links.isVisible"
+		>
+			<default-link :link="links.link">
+				{{links.name}}
+			</default-link>
+			<nuxt-link v-if="links.hasBadge" to="/planos">
+				<badge >Habilitar</badge>
+			</nuxt-link>
+		</span>
+
+	</base-dropdown>
+	<li v-else class="nav-item">
+		<default-link :link="link" class="nav-link bolder">{{name}}</default-link>
+	</li>
 </template>
 <script>
+import DefaultLink from '../Link/DefaultLink';
+
 export default {
-  props:{
-    id: String,
-    name: String,
-    link: String,
-    children: Array
-  }
-}
+	props:{
+		id: String,
+		name: String,
+		link: String,
+		children: Array,
+	},
+	components: {
+		DefaultLink
+	},
+};
 </script>
 <style lang="scss" scoped>
-.bolder {
-    font-weight: 600;
-}
+    .bolder {
+        font-weight: 600;
+    }
 </style>