@nixweb/nixloc-ui 0.0.184 → 0.0.186

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.184",
+  "version": "0.0.186",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/Button.vue

@@ -1,35 +1,21 @@
 <template>
   <div class="c-div-button">
-    <button
-      :style="'background-color:' + backGroundColor + ';color:' + color"
-      class="button"
-      :class="{
-        small: size === 'small',
-        medium: size === 'medium',
-        large: size === 'large',
-        primary: type === 'primary',
-        success: type === 'success',
-        warning: type === 'warning',
-        info: type === 'info',
-        edit: type === 'edit',
-        danger: type === 'danger',
-        disabled: disabled,
-      }"
-      :disabled="disabled"
-      @click="execute()"
-    >
-      <i
-        class="title"
-        :class="classIcon"
-        v-if="!isLoading(this._key) && classIcon"
-      ></i>
+    <button :style="'background-color:' + backGroundColor + ';color:' + color" class="button" :class="{
+      small: size === 'small',
+      medium: size === 'medium',
+      large: size === 'large',
+      primary: type === 'primary',
+      success: type === 'success',
+      warning: type === 'warning',
+      info: type === 'info',
+      edit: type === 'edit',
+      danger: type === 'danger',
+      disabled: disabled,
+    }" :disabled="disabled" @click="execute()">
+      <i class="title" :class="classIcon" v-if="!isLoading(this._key) && classIcon"></i>
       <span v-if="!isLoading(this._key)">{{ title }}</span>
-      <vue-loading
-        v-if="isLoading(this._key)"
-        type="bubbles"
-        color="#fff"
-        :size="{ width: '26px', height: '26px' }"
-      ></vue-loading>
+      <vue-loading v-if="isLoading(this._key)" type="bubbles" color="#fff"
+        :size="{ width: '26px', height: '26px' }"></vue-loading>
     </button>
   </div>
 </template>

package/src/component/forms/FileUpload.vue

@@ -4,43 +4,20 @@
       <div class="file" v-if="!value">
         <button class="button small primary">
           <span v-if="!loadingAdd">
-            <i :class="classIcon"></i> {{ title }}</span
-          >
-          <vue-loading
-            v-if="loadingAdd"
-            type="bubbles"
-            color="#fff"
-            :size="{ width: '20px', height: '20px' }"
-          ></vue-loading>
+            <i :class="classIcon"></i> {{ title }}</span>
+          <vue-loading v-if="loadingAdd" type="bubbles" color="#fff"
+            :size="{ width: '20px', height: '20px' }"></vue-loading>
         </button>
-        <input
-          type="file"
-          name="myfile"
-          ref="file"
-          :accept="allowed"
-          v-on:change="upload()"
-        />
+        <input type="file" name="myfile" ref="file" :accept="allowed" v-on:change="upload()" />
       </div>
       <div v-if="value">
-        <button
-          class="button small success"
-          @click="download()"
-          v-if="!loadingAdd"
-        >
+        <button class="button small success" @click="download()" v-if="!loadingAdd">
           <i class="fas fa-cloud-download-alt"></i> Baixar
         </button>
-        <button
-          class="button small danger"
-          v-if="!loadingAdd"
-          @click="remove()"
-        >
+        <button class="button small danger" v-if="!loadingAdd" @click="remove()">
           <span v-if="!loadingRemove">Remover</span>
-          <vue-loading
-            v-if="loadingRemove"
-            type="bubbles"
-            color="#fff"
-            :size="{ width: '20px', height: '20px' }"
-          ></vue-loading>
+          <vue-loading v-if="loadingRemove" type="bubbles" color="#fff"
+            :size="{ width: '20px', height: '20px' }"></vue-loading>
         </button>
       </div>
     </div>

package/src/component/forms/InputTag.vue

@@ -0,0 +1,115 @@
+<template>
+    <div>
+        <div>{{ title }}
+            <span class="required" v-if="required">*</span>
+        </div>
+        <div class="email-input-container">
+            <div class="email-tag" v-for="(email, index) in tos" :key="index">
+                {{ email }}
+                <button class="remove-button" @click="removeEmail(index)">
+                    <i class="fa-solid fa-circle-xmark"></i>
+                </button>
+            </div>
+            <input v-model="newItem" @keyup.enter="addItem" :placeholder="placeholder" class="email-input" />
+        </div>
+    </div>
+</template>
+  
+<script>
+export default {
+    name: "InputTag",
+    props: {
+        title: String,
+        placeholder: String,
+        required: Boolean,
+        initialValue: Array,
+        value: Array,
+    },
+    data() {
+        return {
+            tos: [],
+            newItem: ""
+        };
+    },
+    mounted() {
+        this.tos = this.initialValue;
+    },
+    methods: {
+        addItem() {
+            if (this.newItem) {
+                this.tos.push(this.newItem);
+                this.newItem = "";
+            }
+        },
+        removeEmail(index) {
+            this.tos.splice(index, 1);
+        }
+    },
+    watch: {
+        tos: {
+            handler(tos) {
+                this.$emit("input", tos);
+            },
+            deep: true,
+        },
+    },
+
+};
+</script>
+  
+<style>
+.email-input-container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    border: 1px solid #E5E4E8;
+    border-radius: 6px;
+    padding-left: 5px;
+}
+
+.email-tag {
+    display: flex;
+    align-items: center;
+    background-color: #f0f0f0;
+    padding: 4px 8px;
+    border-radius: 16px;
+    margin-top: 6px;
+    margin-right: 8px;
+    margin-bottom: 8px;
+}
+
+.remove-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    margin-left: 4px;
+    outline: none;
+}
+
+.remove-button {
+    color: #ff0000;
+}
+
+.remove-button:hover {
+    color: #ff0000;
+}
+
+.email-input {
+    flex: 1;
+    border: none;
+    outline: none;
+    font-size: 14px;
+    padding: 4px;
+    font-weight: 400 !important;
+}
+
+.email-input::placeholder {
+    font-weight: 300 !important;
+    opacity: 0.5;
+    color: #969595;
+}
+</style>
+  

package/src/component/layout/Menu.vue

@@ -145,10 +145,6 @@ export default {
           if (obj.isVisible == "support" && userLogged == "UserTemp")
             filter.push(obj);
         }
-
-        console.log(obj.isVisible);
-        console.log(userLogged);
-
       });
       return filter;
     },

package/src/component/shared/SelectOption.vue

@@ -8,11 +8,11 @@
         :class="{ selected: option.value == selected }" @click="optionSelected(option.value)">
         <div class="text-center">
           <span :class="{ disabled: disabled }" :style="'font-size:' + option.titleSize + 'px;'">
-            <i v-if="size === 'small'" :class="option.icon"></i>
+            <i v-if="size === 'small'" :class="option.icon" :style="option.iconStyle"></i>
             {{ option.title }}
           </span>
           <div v-if="size === 'medium'" class="icon" :style="'font-size:' + option.iconSize + 'px;'">
-            <i :class="option.icon"></i>
+            <i :class="option.icon" :style="option.iconStyle"></i>
           </div>
         </div>
         <div v-if="option.tipId">

package/src/component/shared/TableItem.vue

@@ -190,8 +190,9 @@ export default {
 }
 
 .img-bank {
-  width: 40px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
 }
 
 .period-rent {

package/src/store/modules/generic.js

@@ -564,7 +564,7 @@ export default {
 
                     let downloadLink = document.createElement("a");
                     downloadLink.href = url;
-                    downloadLink.download = `${params.obj.fileName}.${params.obj.fileType}`;
+                    downloadLink.download = `${params.obj.fileName}`;
 
                     document.body.appendChild(downloadLink);
                     downloadLink.click();
@@ -579,6 +579,30 @@ export default {
                     return false;
                 })
         },
+        getFileApiWithParameterBody: async function (context, params) {
+            context.commit('cleanMethodExecutedApi');
+            return axios.post(params.url, params.obj, {
+                headers: new Token().tokenHeaders(),
+                responseType: "arraybuffer",
+            })
+                .then((response) => {
+
+                    let blob = new Blob([response.data], { type: "application/pdf" });
+                    let url = window.URL.createObjectURL(blob);
+
+                    let downloadLink = document.createElement("a");
+                    downloadLink.href = url;
+                    downloadLink.download = `${params.obj.fileName}`;
+
+                    document.body.appendChild(downloadLink);
+                    downloadLink.click();
+
+                    document.body.removeChild(downloadLink);
+
+                }, (err) => {
+                    return false;
+                })
+        },
         postFileApi: async function (context, params) {
             context.commit('cleanMethodExecutedApi');
 
@@ -681,5 +705,6 @@ export default {
                     return false;
                 })
         },
+
     }
 }