@burh/nuxt-core 1.0.404 → 1.0.406

package/components/burh-ds/Inputs/DoubleInputWithIcon.vue

@@ -1,100 +1,100 @@
-<template>
-    <div class="row input-row">
-        <validation-provider
-            tag="div"
-            class="col-5"
-            :vid="`first-input-${id}`"
-            :name="firstInput.label"
-            :rules="firstInput.rules"
-            v-slot="{ errors }"
-        >
-            <base-input
-                type="text"
-                v-model="firstField"
-                v-on:input="$emit('first-input', $event)"
-                :error="errors[0]"
-                :valid="errors.length ? true : false"
-                :label="firstInput.label"
-            />
-        </validation-provider>
-
-        <validation-provider
-            tag="div"
-            class="col-6"
-            :vid="`second-input-${id}`"
-            :name="secondInput.label"
-            :rules="secondInput.rules"
-            v-slot="{ errors }"
-        >
-            <base-input
-                type="text"
-                v-model="secondField"
-                v-on:input="$emit('second-input', $event)"
-                :error="errors[0]"
-                :valid="errors.length ? true : false"
-                :label="secondInput.label"
-            />
-        </validation-provider>
-
-        <span class="col-1 pt-4 mt-3 cursor-pointer" @click="$emit(icon.event)">
-            <font-awesome-icon
-                :icon="icon.type"
-                :aria-label="'Icone de funcionalidade'"
-            />
-        </span>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "double-input-with-icon",
-    props: {
-        data: Object,
-        id: {
-            type: String | Number,
-            default: 0
-        },
-        firstInput: {
-            type: Object,
-            default: () => ({
-                label: "Nome",
-                rules: { required: true }
-            }),
-            description: "properties of first input in format JSON"
-        },
-        secondInput: {
-            type: Object,
-            default: () => ({
-                label: "Email",
-                rules: {
-                    required: true,
-                    email: true
-                }
-            }),
-            description: "properties of second input in format JSON"
-        },
-        icon: {
-            type: Object,
-            default: () => ({
-                type: ["fas", "trash"],
-                event: "remove"
-            }),
-            description: "properties of icon in format JSON"
-        }
-    },
-    data() {
-        return {
-            firstField: "",
-            secondField: ""
-        };
-    },
-    watch: {
-        data(newValue) {
-            this.firstField = newValue[Object.keys(newValue)[0]];
-            this.secondField = newValue[Object.keys(newValue)[1]];
-        }
-    }
-};
-</script>
-
-<style></style>
+<template>
+    <div class="row input-row">
+        <validation-provider
+            tag="div"
+            class="col-5"
+            :vid="`first-input-${id}`"
+            :name="firstInput.label"
+            :rules="firstInput.rules"
+            v-slot="{ errors }"
+        >
+            <base-input
+                type="text"
+                v-model="firstField"
+                v-on:input="$emit('first-input', $event)"
+                :error="errors[0]"
+                :valid="errors.length ? true : false"
+                :label="firstInput.label"
+            />
+        </validation-provider>
+
+        <validation-provider
+            tag="div"
+            class="col-6"
+            :vid="`second-input-${id}`"
+            :name="secondInput.label"
+            :rules="secondInput.rules"
+            v-slot="{ errors }"
+        >
+            <base-input
+                type="text"
+                v-model="secondField"
+                v-on:input="$emit('second-input', $event)"
+                :error="errors[0]"
+                :valid="errors.length ? true : false"
+                :label="secondInput.label"
+            />
+        </validation-provider>
+
+        <span class="col-1 pt-4 mt-3 cursor-pointer" @click="$emit(icon.event)">
+            <font-awesome-icon
+                :icon="icon.type"
+                :aria-label="'Icone de funcionalidade'"
+            />
+        </span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "double-input-with-icon",
+    props: {
+        data: Object,
+        id: {
+            type: String | Number,
+            default: 0
+        },
+        firstInput: {
+            type: Object,
+            default: () => ({
+                label: "Nome",
+                rules: { required: true }
+            }),
+            description: "properties of first input in format JSON"
+        },
+        secondInput: {
+            type: Object,
+            default: () => ({
+                label: "Email",
+                rules: {
+                    required: true,
+                    email: true
+                }
+            }),
+            description: "properties of second input in format JSON"
+        },
+        icon: {
+            type: Object,
+            default: () => ({
+                type: ["fas", "trash"],
+                event: "remove"
+            }),
+            description: "properties of icon in format JSON"
+        }
+    },
+    data() {
+        return {
+            firstField: "",
+            secondField: ""
+        };
+    },
+    watch: {
+        data(newValue) {
+            this.firstField = newValue[Object.keys(newValue)[0]];
+            this.secondField = newValue[Object.keys(newValue)[1]];
+        }
+    }
+};
+</script>
+
+<style></style>

package/components/burh-ds/Inputs/HtmlEditor.vue

@@ -1,64 +1,64 @@
-<template>
-    <client-only>
-        <text-editor ref="editor" v-model="value" :config="editorConfig" />
-    </client-only>
-</template>
-
-<script>
-export default {
-    name: 'html-editor',
-    components: {
-        'text-editor': () => {
-            if (process.client) {
-                return import('@blowstack/ckeditor-nuxt');
-            }
-        }
-    },
-    props: {
-        value: {
-            type: String,
-            default: ''
-        },
-        baseApiUrl: String,
-        token: String
-    },
-    mounted() {
-        import('@ckeditor/ckeditor5-build-classic/build/translations/pt-br');
-    },
-    data() {
-        return {
-            editorConfig: {
-                simpleUpload: {
-                    uploadUrl: `${this.baseApiUrl}/ckeditor/image`,
-                    headers: {
-                        Authorization: `Bearer ${this.token}`
-                    }
-                },
-                link: {
-                    addTargetToExternalLinks: true
-                },
-                language: 'pt-br',
-                removePlugins: [
-                    'Title',
-                ]
-            }
-        };
-    },
-    watch: {
-        value() {
-            this.$emit('input', this.value);
-        }
-    }
-};
-</script>
-
-<style lang="scss">
-.ck-editor {
-    margin-bottom: 20px !important;
-}
-.ck-content {
-    min-height: 200px;
-    max-height: 500px;
-    overflow-y: auto;
-}
-</style>
+<template>
+    <client-only>
+        <text-editor ref="editor" v-model="value" :config="editorConfig" />
+    </client-only>
+</template>
+
+<script>
+export default {
+    name: 'html-editor',
+    components: {
+        'text-editor': () => {
+            if (process.client) {
+                return import('@blowstack/ckeditor-nuxt');
+            }
+        }
+    },
+    props: {
+        value: {
+            type: String,
+            default: ''
+        },
+        baseApiUrl: String,
+        token: String
+    },
+    mounted() {
+        import('@ckeditor/ckeditor5-build-classic/build/translations/pt-br');
+    },
+    data() {
+        return {
+            editorConfig: {
+                simpleUpload: {
+                    uploadUrl: `${this.baseApiUrl}/ckeditor/image`,
+                    headers: {
+                        Authorization: `Bearer ${this.token}`
+                    }
+                },
+                link: {
+                    addTargetToExternalLinks: true
+                },
+                language: 'pt-br',
+                removePlugins: [
+                    'Title',
+                ]
+            }
+        };
+    },
+    watch: {
+        value() {
+            this.$emit('input', this.value);
+        }
+    }
+};
+</script>
+
+<style lang="scss">
+.ck-editor {
+    margin-bottom: 20px !important;
+}
+.ck-content {
+    min-height: 200px;
+    max-height: 500px;
+    overflow-y: auto;
+}
+</style>

package/components/burh-ds/Inputs/SearchInput.vue

@@ -1,64 +1,79 @@
-<template>
-	<div class="input__container__icon">
-		<label for="search">
-			<i class="fas fa-search"></i>
-		</label>
-		<input type="text" name="search" id="search" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'search-input',
-	props: {
-		search: String,
-		placeholder: {
-			type: String,
-			default: 'Busque por vaga'
-		}
-	},
-	data() {
-		return {
-			searchModel: null
-		};
-	},
-	mounted() {
-		this.searchModel = this.search;
-	},
-	watch: {
-		search(value) {
-			this.searchModel = value;
-		},
-		searchModel(value) {
-			this.$emit('search', value);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.input__container__icon {
-	position: relative;
-	display: flex;
-	align-items: center;
-	border-radius: 100px;
-	max-width: 270px;
-	overflow: hidden;
-	border: 1px solid #E9ECEF;
-	input {
-		background: transparent;
-		border: 0;
-		outline: none;
-		padding: 5px 0;
-		width: 100%;
-	}
-	label {
-		margin: 0;
-		display: block;
-	}
-	i {
-		padding: 0 10px;
-		color: #AEB6BE;
-	}
-}
-</style>
+<template>
+	<div class="input__container__icon" :class="{ 'input__disabled': disabled }">
+		<label for="search">
+			<i class="fas fa-search"></i>
+		</label>
+		<input type="text" name="search" id="search"  :disabled="disabled" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'search-input',
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		search: String,
+		placeholder: {
+			type: String,
+			default: 'Busque por vaga'
+		}
+	},
+	data() {
+		return {
+			searchModel: null
+		};
+	},
+	mounted() {
+		this.searchModel = this.search;
+	},
+	watch: {
+		search(value) {
+			this.searchModel = value;
+		},
+		searchModel(value) {
+			this.$emit('search', value);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.input__container__icon {
+	position: relative;
+	display: flex;
+	align-items: center;
+	border-radius: 100px;
+	max-width: 270px;
+	overflow: hidden;
+	border: 1px solid #E9ECEF;
+	input {
+		background: transparent;
+		border: 0;
+		outline: none;
+		padding: 5px 0;
+		width: 100%;
+	}
+	label {
+		margin: 0;
+		display: block;
+	}
+	i {
+		padding: 0 10px;
+		color: #AEB6BE;
+	}
+    &.input__disabled {
+        background-color: #E9ECEF;
+        cursor: not-allowed !important;
+        input {
+            color: #e9e9e9 !important;
+            cursor: not-allowed !important;
+        }
+        label {
+            cursor: not-allowed !important;
+        }
+    }
+}
+</style>

package/components/burh-ds/InterfaceSpa/InterfaceSpa.vue

@@ -1,84 +1,84 @@
-<template>
-  <div :class='classes' class="interface-spa">
-    <div :class="classesHeader" class="interface-spa__header">
-      <slot name="interface-header"></slot>
-    </div>
-    <div class="interface-spa__body" v-if='AsideHeaderSlot && AsideBodySlot'>
-      <div :class="[classesAside, asideSize == 'big' ? 'interface-spa__aside--big': '']" class="interface-spa__aside">
-            <div class="interface-spa__aside__header" v-if="AsideHeaderSlot && $slots['aside-header']">
-                <slot name="aside-header"></slot>
-            </div>
-            <div class="interface-spa__aside__body" @scroll="getScroll()">
-                <slot name="aside-body"></slot>
-            </div>
-            <div class="interface-spa__aside__footer" v-if="asideSize != 'big'">
-              <slot name="aside-footer"></slot>
-            </div>
-      </div>
-      <div class="interface-spa__content">
-          <slot name="content"></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'interface-spa',
-  props: {
-    classes: {
-      type: String,
-      default: '',
-      description: 'Global classes to interface'
-    },
-    classesAside: {
-      type: String,
-      default: '',
-      description: 'Class to all aside itens'
-    },
-    classesHeader: {
-      type: String,
-      default: '',
-      description: 'Customize header'
-    },
-    classesContainer: {
-      type: String,
-      default: ''
-    },
-    classesFooter: {
-      type: String,
-      default: ''
-    },
-    classesFooterAside: {
-      type: String,
-      default: ''
-    },
-    classesFooterContent: {
-      type: String,
-      default: ''
-    },
-    asideSize: {
-      type: String,
-      default: ''
-    }
-  },
-  model: {},
-  computed: {
-      AsideHeaderSlot() {
-          return this.$slots['aside-header'] != null
-      },
-      AsideBodySlot() {
-          return this.$slots['aside-body'] != null
-      }
-  },
-  methods: {
-    getScroll() {
-      var scrollParams = {
-        height: document.querySelector('.interface-spa__aside__body').scrollHeight,
-        scroll: document.querySelector('.interface-spa__aside__body').scrollTop
-      };
-     this.$bus.$emit('getscroll', scrollParams);
-    }
-  }
-};
-</script>
+<template>
+  <div :class='classes' class="interface-spa">
+    <div :class="classesHeader" class="interface-spa__header">
+      <slot name="interface-header"></slot>
+    </div>
+    <div class="interface-spa__body" v-if='AsideHeaderSlot && AsideBodySlot'>
+      <div :class="[classesAside, asideSize == 'big' ? 'interface-spa__aside--big': '']" class="interface-spa__aside">
+            <div class="interface-spa__aside__header" v-if="AsideHeaderSlot && $slots['aside-header']">
+                <slot name="aside-header"></slot>
+            </div>
+            <div class="interface-spa__aside__body" @scroll="getScroll()">
+                <slot name="aside-body"></slot>
+            </div>
+            <div class="interface-spa__aside__footer" v-if="asideSize != 'big'">
+              <slot name="aside-footer"></slot>
+            </div>
+      </div>
+      <div class="interface-spa__content">
+          <slot name="content"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'interface-spa',
+  props: {
+    classes: {
+      type: String,
+      default: '',
+      description: 'Global classes to interface'
+    },
+    classesAside: {
+      type: String,
+      default: '',
+      description: 'Class to all aside itens'
+    },
+    classesHeader: {
+      type: String,
+      default: '',
+      description: 'Customize header'
+    },
+    classesContainer: {
+      type: String,
+      default: ''
+    },
+    classesFooter: {
+      type: String,
+      default: ''
+    },
+    classesFooterAside: {
+      type: String,
+      default: ''
+    },
+    classesFooterContent: {
+      type: String,
+      default: ''
+    },
+    asideSize: {
+      type: String,
+      default: ''
+    }
+  },
+  model: {},
+  computed: {
+      AsideHeaderSlot() {
+          return this.$slots['aside-header'] != null
+      },
+      AsideBodySlot() {
+          return this.$slots['aside-body'] != null
+      }
+  },
+  methods: {
+    getScroll() {
+      var scrollParams = {
+        height: document.querySelector('.interface-spa__aside__body').scrollHeight,
+        scroll: document.querySelector('.interface-spa__aside__body').scrollTop
+      };
+     this.$bus.$emit('getscroll', scrollParams);
+    }
+  }
+};
+</script>
 <style></style>