@burh/nuxt-core 1.0.307 → 1.0.309

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

@@ -1,129 +1,129 @@
-<template>
-    <default-link
-        :link="!validated ? '' : to"
-        class="product-item"
-        :disabled="disabled"
-    >
-        <div @click="$emit('redirect-product', to, validated)">
-            <div :class="'product-item--avatar bg-' + color">
-                <img :src="avatar" alt="" />
-            </div>
-            <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
-                    rounded
-                    size="md"
-                    class="ml-auto badge-bg-color badge-font"
-                    type="primary"
-                    v-show="hasEnableBadge"
-                    >ATUALIZAR
-                </badge>
-            </div>
-        </div>
-    </default-link>
-</template>
-
-<script>
-import DefaultLink from '../Link/DefaultLink';
-export default {
-    name: 'simple-product-item',
-    components: {
-        DefaultLink
-    },
-    props: {
-        tag: {
-            type: String,
-            default: 'section'
-        },
-        contentClass: String,
-        title: String,
-        titleTag: {
-            type: String,
-            default: 'h3'
-        },
-        titleClass: String,
-        avatar: String,
-        color: String,
-        icon: String,
-        avatarClass: String,
-        description: String,
-        descriptionClass: String,
-        hasEnableBadge: Boolean,
-        badgeClass: String,
-        to: {
-            type: String,
-            default: '/'
-        },
-        indexableName: String,
-        validated: Boolean,
-        disabled: Boolean
-    },
-    methods: {
-        callVideoTutorial() {
-            // if (this.indexableName == 'VIDEO_CHAMADA') {
-            this.$emit('callVideoTutorial');
-            // }
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.product-item {
-    &[disabled] {
-        cursor: not-allowed;
-        pointer-events: all !important;
-    }
-
-    display: inline-block;
-
-    &--title {
-        text-align: center;
-        font-weight: 400;
-    }
-
-    &--content {
-        text-align: center;
-    }
-
-    figure {
-        margin: 0;
-        padding: 0;
-    }
-
-    .product-item--avatar {
-        width: 64.78px;
-        height: 64.78px;
-        border-radius: 14.0834px;
-        top: 164px;
-        left: 186px;
-
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        img {
-            color: #fff;
-        }
-    }
-}
-
-.card-body {
-    height: 30rem !important;
-}
-.badge-font {
-    font-size: 10px !important;
-}
-</style>
+<template>
+    <default-link
+        :link="!validated ? '' : to"
+        class="product-item"
+        :disabled="disabled"
+    >
+        <div @click="$emit('redirect-product', to, validated)">
+            <div :class="'product-item--avatar bg-' + color">
+                <img :src="avatar" alt="" />
+            </div>
+            <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
+                    rounded
+                    size="md"
+                    class="ml-auto badge-bg-color badge-font"
+                    type="primary"
+                    v-show="hasEnableBadge"
+                    >ATUALIZAR
+                </badge>
+            </div>
+        </div>
+    </default-link>
+</template>
+
+<script>
+import DefaultLink from '../Link/DefaultLink';
+export default {
+    name: 'simple-product-item',
+    components: {
+        DefaultLink
+    },
+    props: {
+        tag: {
+            type: String,
+            default: 'section'
+        },
+        contentClass: String,
+        title: String,
+        titleTag: {
+            type: String,
+            default: 'h3'
+        },
+        titleClass: String,
+        avatar: String,
+        color: String,
+        icon: String,
+        avatarClass: String,
+        description: String,
+        descriptionClass: String,
+        hasEnableBadge: Boolean,
+        badgeClass: String,
+        to: {
+            type: String,
+            default: '/'
+        },
+        indexableName: String,
+        validated: Boolean,
+        disabled: Boolean
+    },
+    methods: {
+        callVideoTutorial() {
+            // if (this.indexableName == 'VIDEO_CHAMADA') {
+            this.$emit('callVideoTutorial');
+            // }
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.product-item {
+    &[disabled] {
+        cursor: not-allowed;
+        pointer-events: all !important;
+    }
+
+    display: inline-block;
+
+    &--title {
+        text-align: center;
+        font-weight: 400;
+    }
+
+    &--content {
+        text-align: center;
+    }
+
+    figure {
+        margin: 0;
+        padding: 0;
+    }
+
+    .product-item--avatar {
+        width: 64.78px;
+        height: 64.78px;
+        border-radius: 14.0834px;
+        top: 164px;
+        left: 186px;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+            color: #fff;
+        }
+    }
+}
+
+.card-body {
+    height: 30rem !important;
+}
+.badge-font {
+    font-size: 10px !important;
+}
+</style>

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

@@ -1,162 +1,162 @@
-<template>
-	<base-header class="app-header" :type="'white'">
-		<div class="row justify-content-center">
-			<div
-				:class="{ 'images__container': users.length }"
-				class="col-6 my-auto header__container"
-			>
-				<slot name="header-top" />
-
-				<div class="header__content">
-					<h2 class="font-weight-bold display-3">{{name}}</h2>
-					<div class="images" v-if="users.length">
-						<el-tooltip
-							v-for="user in users"
-							:key="user.id"
-							placement="top"
-							:content="user.name"
-							class="user__avatar"
-							:class="{ 'user__avatar--active': activeUserId === user.id }"
-						>
-							<img
-								@click="setActiveUser(user.id)"
-								:src="user.avatar"
-								:alt="user.name"
-							>
-						</el-tooltip>
-					</div>
-				</div>
-
-				<span id="credits-amount" v-if="subheader !== null">
-					{{ subheader }} Créditos
-				</span>
-
-				<slot name="header-bottom" />
-			</div>
-
-			<div class="col-6 d-flex justify-content-end align-items-center">
-				<el-tooltip v-for="(item, index) in icons" :key="index"
-					v-show="!item.disabled"
-					class="item" effect="dark" :content="item.title" placement="top">
-					<base-button size="md" type="link" class="text-primary px-2 w-auto"
-						@click="$emit(item.event, item)">
-						<font-awesome-icon :icon="item.icon" class="mr-2" />
-					</base-button>
-				</el-tooltip>
-
-				<slot name="buttons" />
-			</div>
-
-			<slot/>
-		</div>
-	</base-header>
-</template>
-<script>
-export default {
-	data(){
-		return{
-			default: '',
-			activeUserId: null
-		};
-	},
-	props:{
-		icons:{
-			type: Array,
-			default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
-		},
-		name: {
-			type: String,
-			default: 'Teste de matematica'
-		},
-		subheader: {
-			type: Number,
-			default: null
-		},
-		users: {
-			type: Array,
-			default: () => []
-		}
-	},
-	methods: {
-		setActiveUser(userId) {
-			if (this.activeUserId !== userId) {
-				this.activeUserId = userId;
-				this.$emit('active-user', userId);
-			} else {
-				this.activeUserId = null;
-				this.$emit('active-user', null);
-			}
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-#credits-amount {
-    margin: 0!important;
-    min-width: 8em;
-    margin: 1rem 1rem 1rem 0;
-    padding: 0.25em 1em;
-    font-size: 0.85rem;
-    line-height: 1.4em;
-    border-radius: 23rem;
-    font-weight: 400;
-    text-align: center;
-    background-color: rgba(29, 161, 241, 0.1);
-    color: #5865F2;
-}
-</style>
-<style lang="scss">
-
-.app-header {
-  width: 100%;
-  padding-top: 1.25rem;
-  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
-}
-
-.header__container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-}
-
-.images__container {
-	display: flex;
-	align-items: flex-start;
-	justify-content: center;
-	.header__content {
-        display: flex;
-        flex-direction: row;
-        h2 {
-            margin-bottom: 0;
-        }
-        .images {
-            margin-left: 10px;
-            display: flex;
-            align-items: center;
-            user-select: none;
-            .user__avatar {
-                cursor: pointer;
-                border: 2px solid transparent;
-                transition: border-color 0.5s;
-                &--active {
-                    border-color: #5865F2;
-                    z-index: 10;
-                }
-            }
-            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>
+	<base-header class="app-header" :type="'white'">
+		<div class="row justify-content-center">
+			<div
+				:class="{ 'images__container': users.length }"
+				class="col-6 my-auto header__container"
+			>
+				<slot name="header-top" />
+
+				<div class="header__content">
+					<h2 class="font-weight-bold display-3">{{name}}</h2>
+					<div class="images" v-if="users.length">
+						<el-tooltip
+							v-for="user in users"
+							:key="user.id"
+							placement="top"
+							:content="user.name"
+							class="user__avatar"
+							:class="{ 'user__avatar--active': activeUserId === user.id }"
+						>
+							<img
+								@click="setActiveUser(user.id)"
+								:src="user.avatar"
+								:alt="user.name"
+							>
+						</el-tooltip>
+					</div>
+				</div>
+
+				<span id="credits-amount" v-if="subheader !== null">
+					{{ subheader }} Créditos
+				</span>
+
+				<slot name="header-bottom" />
+			</div>
+
+			<div class="col-6 d-flex justify-content-end align-items-center">
+				<el-tooltip v-for="(item, index) in icons" :key="index"
+					v-show="!item.disabled"
+					class="item" effect="dark" :content="item.title" placement="top">
+					<base-button size="md" type="link" class="text-primary px-2 w-auto"
+						@click="$emit(item.event, item)">
+						<font-awesome-icon :icon="item.icon" class="mr-2" />
+					</base-button>
+				</el-tooltip>
+
+				<slot name="buttons" />
+			</div>
+
+			<slot/>
+		</div>
+	</base-header>
+</template>
+<script>
+export default {
+	data(){
+		return{
+			default: '',
+			activeUserId: null
+		};
+	},
+	props:{
+		icons:{
+			type: Array,
+			default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
+		},
+		name: {
+			type: String,
+			default: 'Teste de matematica'
+		},
+		subheader: {
+			type: Number,
+			default: null
+		},
+		users: {
+			type: Array,
+			default: () => []
+		}
+	},
+	methods: {
+		setActiveUser(userId) {
+			if (this.activeUserId !== userId) {
+				this.activeUserId = userId;
+				this.$emit('active-user', userId);
+			} else {
+				this.activeUserId = null;
+				this.$emit('active-user', null);
+			}
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+#credits-amount {
+    margin: 0!important;
+    min-width: 8em;
+    margin: 1rem 1rem 1rem 0;
+    padding: 0.25em 1em;
+    font-size: 0.85rem;
+    line-height: 1.4em;
+    border-radius: 23rem;
+    font-weight: 400;
+    text-align: center;
+    background-color: rgba(29, 161, 241, 0.1);
+    color: #5865F2;
+}
+</style>
+<style lang="scss">
+
+.app-header {
+  width: 100%;
+  padding-top: 1.25rem;
+  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
+}
+
+.header__container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.images__container {
+	display: flex;
+	align-items: flex-start;
+	justify-content: center;
+	.header__content {
+        display: flex;
+        flex-direction: row;
+        h2 {
+            margin-bottom: 0;
+        }
+        .images {
+            margin-left: 10px;
+            display: flex;
+            align-items: center;
+            user-select: none;
+            .user__avatar {
+                cursor: pointer;
+                border: 2px solid transparent;
+                transition: border-color 0.5s;
+                &--active {
+                    border-color: #5865F2;
+                    z-index: 10;
+                }
+            }
+            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/Headings/BaseHeader.vue

@@ -1,24 +1,24 @@
-<template>
-  <div class="header" :class="{[`bg-${type}`]: type}">
-    <div class="header-body container-fluid container-fluid--bu">
-      <div class="row">
-        <slot></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'base-header',
-    props: {
-      type: {
-        type: String,
-        default: 'primary',
-        description: 'Header background type'
-      },
-      classes: String
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="header" :class="{[`bg-${type}`]: type}">
+    <div class="header-body container-fluid container-fluid--bu">
+      <div class="row">
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'base-header',
+    props: {
+      type: {
+        type: String,
+        default: 'primary',
+        description: 'Header background type'
+      },
+      classes: String
+    }
+  }
+</script>
+<style>
+</style>