@burh/nuxt-core 1.0.356 → 1.0.358

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

@@ -161,7 +161,7 @@ export default {
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        padding: 0 10px;
+        padding: 0 15px;
         img {
             width: 120px;
             height: 120px;

package/components/burh-ds/Curriculum/UserCurriculum/index.vue

@@ -1,249 +1,249 @@
-<template>
-	<el-dialog
-		:visible.sync="isActive"
-		width="80%"
-		:custom-class="`position-relative user__preview__container ${isLoading ? 'loading' : ''}`"
-		@close="$emit('close')"
-		class="test-radius"
-	>
-		<template>
-			<div class="row d-flex justify-content-between mx-0 user-pdf">
-				<img v-if="!isLoading" v-show="coverPhoto" :src="coverPhoto" alt="" class="img__color" />
-				<div v-show="!coverPhoto" class="no-cover-photo"></div>
-				<slot name="content"></slot>
-			</div>
-			<slot></slot>
-			<!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
-                <span class="tool tool-show--tools">
-                    <font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary"
-                        @click="showTools = !showTools"/>
-                </span>
-            </el-tooltip> -->
-			<span class="tool tool-close" @click="$emit('close')">
-				Fechar
-				<font-awesome-icon
-					:icon="['fas', 'times']"
-					class="text-white ml-1"
-				/>
-			</span>
-
-			<div class="user__cv__arrows">
-				<button v-if="hasPrevUser" @click="preUser()">
-					<i class="fas fa-chevron-left"></i>
-				</button>
-				<span v-else></span>
-
-				<button v-if="hasNextUser" @click="nextUser()">
-					<i class="fas fa-chevron-right"></i>
-				</button>
-				<span v-else></span>
-			</div>
-		</template>
-	</el-dialog>
-</template>
-
-<script>
-import { Dialog } from 'element-ui';
-
-export default {
-	name: 'user-curriculum',
-	components: {
-		[Dialog.name]: Dialog
-	},
-	props: {
-		show: {
-			type: Boolean,
-			default: false
-		},
-		tools: {
-			type: Array,
-			default: () => []
-		},
-		maxUsers: {
-			type: Number,
-			default: 16
-		},
-		currentUserIndex: Number,
-		cover: String,
-	},
-	data() {
-		return {
-			isActive: this.show,
-			showTools: false,
-			coverPhoto: this.cover,
-			hasPrevUser: false,
-			hasNextUser: false,
-			isLoading: false,
-		};
-	},
-	watch: {
-		currentUserIndex() {
-			this.handleArrowsActive();
-		},
-		show(value) {
-			this.isActive = value;
-		},
-		cover(value) {
-			this.coverPhoto = value;
-		}
-	},
-	mounted() {
-		this.handleArrowsActive();
-	},
-	methods: {
-		preUser() {
-			if (this.currentUserIndex <= 0 || this.isLoading) return;
-
-			this.$emit('prev-user');
-		},
-		nextUser() {
-			if (this.currentUserIndex >= (this.maxUsers - 1) || this.isLoading) return;
-
-			this.$emit('next-user');
-		},
-		handleKeyPress({ keyCode }) {
-			switch (keyCode) {
-			case 37:
-				this.preUser();
-				break;
-
-			case 39:
-				this.nextUser();
-				break;
-			}
-		},
-		handleArrowsActive() {
-			this.isLoading = true;
-
-			if (this.currentUserIndex <= 0) {
-				this.hasPrevUser = false;
-				this.hasNextUser = true;
-			} else {
-				this.hasPrevUser = true;
-			}
-
-			if (this.currentUserIndex <= (this.maxUsers - 2)) {
-				this.hasNextUser = true;
-			}
-			if (this.currentUserIndex === (this.maxUsers - 1)) {
-				this.hasNextUser = false;
-			}
-
-			setTimeout(() => this.isLoading = false, 1000);
-		}
-	},
-	beforeMount() {
-		if (process.client) {
-			window.addEventListener('keydown', this.handleKeyPress);
-		}
-	},
-	beforeDestroy() {
-		if (process.client) {
-			window.removeEventListener('keydown', this.handleKeyPress);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-
-/deep/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    padding-bottom: 50px;
-    max-width: 1360px;
-    margin-top: 5vh!important;
-}
-
-.img__color {
-    background: $primary;
-}
-
-.user__cv__arrows {
-    position: fixed;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 40px;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100vh;
-    z-index: -1;
-    pointer-events: none;
-    > button {
-        width: 42px;
-        height: 42px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: none;
-        background: transparent;
-        font-size: 2rem;
-        color: $primary;
-        pointer-events: all;
-    }
-}
-
-.test-radius {
-    border-radius: 10px;
-}
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-
-    &-show--tools {
-        right: 1.5rem;
-    }
-
-    &-close {
-        position: absolute;
-        width: 104.93px;
-        height: 28px;
-        right: 1.5rem;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-weight: 600;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
-
-.user-pdf {
-    background-color: #fff;
-    img {
-        width: 100%;
-        height: 150px;
-        object-fit: cover;
-    }
-
-    .no-cover-photo {
-        background: $primary;
-        width: 100%;
-        height: 150px;
-    }
-}
-
-/deep/ .user__preview__container {
-    transition: opacity 0.2s;
-    &.loading {
-        opacity: 0;
-    }
-}
-</style>
+<template>
+	<el-dialog
+		:visible.sync="isActive"
+		width="80%"
+		:custom-class="`position-relative user__preview__container ${isLoading ? 'loading' : ''}`"
+		@close="$emit('close')"
+		class="test-radius"
+	>
+		<template>
+			<div class="row d-flex justify-content-between mx-0 user-pdf">
+				<img v-if="!isLoading" v-show="coverPhoto" :src="coverPhoto" alt="" class="img__color" />
+				<div v-show="!coverPhoto" class="no-cover-photo"></div>
+				<slot name="content"></slot>
+			</div>
+			<slot></slot>
+			<!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
+                <span class="tool tool-show--tools">
+                    <font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary"
+                        @click="showTools = !showTools"/>
+                </span>
+            </el-tooltip> -->
+			<span class="tool tool-close" @click="$emit('close')">
+				Fechar
+				<font-awesome-icon
+					:icon="['fas', 'times']"
+					class="text-white ml-1"
+				/>
+			</span>
+
+			<div class="user__cv__arrows">
+				<button v-if="hasPrevUser" @click="preUser()">
+					<i class="fas fa-chevron-left"></i>
+				</button>
+				<span v-else></span>
+
+				<button v-if="hasNextUser" @click="nextUser()">
+					<i class="fas fa-chevron-right"></i>
+				</button>
+				<span v-else></span>
+			</div>
+		</template>
+	</el-dialog>
+</template>
+
+<script>
+import { Dialog } from 'element-ui';
+
+export default {
+	name: 'user-curriculum',
+	components: {
+		[Dialog.name]: Dialog
+	},
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		tools: {
+			type: Array,
+			default: () => []
+		},
+		maxUsers: {
+			type: Number,
+			default: 16
+		},
+		currentUserIndex: Number,
+		cover: String,
+	},
+	data() {
+		return {
+			isActive: this.show,
+			showTools: false,
+			coverPhoto: this.cover,
+			hasPrevUser: false,
+			hasNextUser: false,
+			isLoading: false,
+		};
+	},
+	watch: {
+		currentUserIndex() {
+			this.handleArrowsActive();
+		},
+		show(value) {
+			this.isActive = value;
+		},
+		cover(value) {
+			this.coverPhoto = value;
+		}
+	},
+	mounted() {
+		this.handleArrowsActive();
+	},
+	methods: {
+		preUser() {
+			if (this.currentUserIndex <= 0 || this.isLoading) return;
+
+			this.$emit('prev-user');
+		},
+		nextUser() {
+			if (this.currentUserIndex >= (this.maxUsers - 1) || this.isLoading) return;
+
+			this.$emit('next-user');
+		},
+		handleKeyPress({ keyCode }) {
+			switch (keyCode) {
+			case 37:
+				this.preUser();
+				break;
+
+			case 39:
+				this.nextUser();
+				break;
+			}
+		},
+		handleArrowsActive() {
+			this.isLoading = true;
+
+			if (this.currentUserIndex <= 0) {
+				this.hasPrevUser = false;
+				this.hasNextUser = true;
+			} else {
+				this.hasPrevUser = true;
+			}
+
+			if (this.currentUserIndex <= (this.maxUsers - 2)) {
+				this.hasNextUser = true;
+			}
+			if (this.currentUserIndex === (this.maxUsers - 1)) {
+				this.hasNextUser = false;
+			}
+
+			setTimeout(() => this.isLoading = false, 1000);
+		}
+	},
+	beforeMount() {
+		if (process.client) {
+			window.addEventListener('keydown', this.handleKeyPress);
+		}
+	},
+	beforeDestroy() {
+		if (process.client) {
+			window.removeEventListener('keydown', this.handleKeyPress);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+/deep/ .el-dialog__body {
+    padding: 0;
+}
+
+/deep/ .el-dialog__header {
+    display: none;
+}
+
+/deep/ .el-dialog {
+    overflow: hidden;
+    border-radius: 10px;
+    padding-bottom: 50px;
+    max-width: 1360px;
+    margin-top: 5vh!important;
+}
+
+.img__color {
+    background: $primary;
+}
+
+.user__cv__arrows {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 40px;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    z-index: -1;
+    pointer-events: none;
+    > button {
+        width: 42px;
+        height: 42px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: none;
+        background: transparent;
+        font-size: 2rem;
+        color: $primary;
+        pointer-events: all;
+    }
+}
+
+.test-radius {
+    border-radius: 10px;
+}
+
+.tool {
+    position: absolute;
+    top: 1rem;
+    z-index: 10;
+    color: $primary;
+    cursor: pointer;
+
+    &-show--tools {
+        right: 1.5rem;
+    }
+
+    &-close {
+        position: absolute;
+        width: 104.93px;
+        height: 28px;
+        right: 1.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        font-weight: 600;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 17.5px;
+        color: #fff;
+    }
+}
+
+.user-pdf {
+    background-color: #fff;
+    img {
+        width: 100%;
+        height: 150px;
+        object-fit: cover;
+    }
+
+    .no-cover-photo {
+        background: $primary;
+        width: 100%;
+        height: 150px;
+    }
+}
+
+/deep/ .user__preview__container {
+    transition: opacity 0.2s;
+    &.loading {
+        opacity: 0;
+    }
+}
+</style>

package/components/burh-ds/Modals/AddCustomerModal.vue

@@ -0,0 +1,206 @@
+<template>
+	<el-dialog
+		:visible.sync="isActive"
+		width="55%"
+		custom-class="position-relative"
+		@close="$emit('close')"
+	>
+		<template>
+			<div class="role">
+				<h3>Cadastrar Cliente</h3>
+
+				<section>
+					<validation-observer ref="sendRole">
+						<validation-provider
+							tag="div"
+							name="Nome"
+							rules="required"
+							v-slot="{ errors }"
+						>
+							<label for="name">Nome da Empresa</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">Razão Social</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">CNPJ</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">CEP</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">Endereço</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+							<label for="name">Cidade</label>
+							<base-input
+								type="text"
+								id="name"
+								v-model="name"
+								:error="errors[0]"
+								:valid="errors.length ? true : false"
+							/>
+						</validation-provider>
+					</validation-observer>
+					<button
+						type="button"
+						:class="{'invalid-form': name === '' && !permissions}"
+						:disabled="name === '' && !permissions"
+						@click="sendRequest"
+						class="btn ml-auto d-block btn-primary btn-md"
+					>
+						Enviar
+					</button>
+				</section>
+			</div>
+
+			<span class="tool tool-close" @click="$emit('close')">
+				Fechar
+				<font-awesome-icon
+					:icon="['fas', 'times']"
+					class="text-white ml-1"
+				/>
+			</span>
+		</template>
+	</el-dialog>
+</template>
+
+<script>
+import { Dialog, Select, Option } from 'element-ui';
+
+export default {
+	name: 'add-customer-modal',
+	components: {
+		[Dialog.name]: Dialog,
+		[Select.name]: Select,
+		[Option.name]: Option,
+	},
+	props: {
+		isActive: {
+			type: Boolean,
+			default: false,
+			description: 'Modal open verification'
+		},
+	},
+	data() {
+		return {
+			name: '',
+			permissions: null,
+			permessionsData: [
+				{
+					id: 22845207,
+					name: 'Administrador'
+				},
+				{
+					id: 22890835,
+					name: 'Usuário Empresas'
+				},
+				{
+					id: 22913699,
+					name: 'Portal do RH'
+				},
+				{
+					id: 22959227,
+					name: 'Universidade Corporativa'
+				},
+			]
+		};
+	},
+	methods: {
+		async sendRequest() {
+			const pass = await this.$refs.sendRole.validate();
+			if (!pass) {
+				return;
+			}
+
+			let payload = {
+				level: this.name,
+				permission_id: this.permissions
+			};
+
+			this.$emit('add-role', payload);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+/deep/ .el-dialog__body {
+    padding: 0;
+}
+
+/deep/ .el-dialog__header {
+    display: none;
+}
+
+/deep/ .el-dialog {
+    overflow: hidden;
+    border-radius: 10px;
+    max-width: 47.5rem;
+}
+
+.role {
+    padding: 2rem 3rem;
+
+    section {
+        margin-top: 2rem;
+
+        .invalid-form {
+            opacity: 0.3;
+        }
+    }
+}
+
+.tool {
+    position: absolute;
+    top: 1rem;
+    z-index: 10;
+    color: $primary;
+    cursor: pointer;
+
+    &-close {
+        position: absolute;
+        width: 88px;
+        height: 27px;
+        right: 7px;
+        top: 7px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        font-size: 11px;
+
+        font-weight: 500;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 17.5px;
+        color: #fff;
+    }
+}
+</style>

package/components/burh-ds/Modals/AddMember.vue

@@ -64,8 +64,9 @@
 						:disabled="selectPosition === ''"
 						:class="{'no-position': selectPosition === ''}"
 						@click="addMember(member)"
+						class="btn ml-auto d-block btn-primary btn-md"
 					>
-						Adicionar membro
+						Adicionar Membro
 					</button>
 				</section>
 
@@ -229,21 +230,6 @@ export default {
             }
         }
 
-        button {
-            margin-left: 1rem;
-            height: 2rem;
-            width: 11.5rem;
-
-            border: 0;
-            border-radius: 23rem;
-
-            color: #fff;
-            background-color: #5865f2;
-            border-color: #5865f2;
-
-			outline: 0;
-        }
-
 		.no-position {
 			opacity: 0.3;
 		}
@@ -312,4 +298,4 @@ export default {
         color: #fff;
     }
 }
-</style>
+</style>

package/components/burh-ds/Modals/AddRoleModal.vue

@@ -51,6 +51,7 @@
 						:class="{'invalid-form': name === '' && !permissions}"
 						:disabled="name === '' && !permissions"
 						@click="sendRequest"
+						class="btn ml-auto d-block btn-primary btn-md"
 					>
 						Enviar
 					</button>
@@ -141,7 +142,6 @@ export default {
 /deep/ .el-dialog {
     overflow: hidden;
     border-radius: 10px;
-    padding-bottom: 50px;
     max-width: 47.5rem;
 }
 
@@ -151,25 +151,6 @@ export default {
     section {
         margin-top: 2rem;
 
-        button {
-            position: absolute;
-            right: 48px;
-            bottom: 25px;
-
-            margin-left: auto;
-
-            width: 7.375rem;
-            height: 2rem;
-
-            background: #5865F2;
-            color: $white;
-
-            border-radius: 87px;
-
-            border: 0;
-            outline: 0;
-        }
-
         .invalid-form {
             opacity: 0.3;
         }
@@ -201,4 +182,4 @@ export default {
         color: #fff;
     }
 }
-</style>
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.356",
+  "version": "1.0.358",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {
@@ -10,8 +10,7 @@
     "generate": "nuxt generate",
     "build:server": "git pull origin release && yarn install && yarn build && pm2 restart all",
     "start:maintenance": "MAINTENANCE_MODE=true pm2 restart all",
-    "dev:maintenance": "MAINTENANCE_MODE=true nuxt",
-    "core:publish": "npm version patch && npm publish && git push"
+    "dev:maintenance": "MAINTENANCE_MODE=true nuxt"
   },
   "dependencies": {
     "@babel/core": "^7.4.5",