@nixweb/nixloc-ui 0.0.183 → 0.0.185

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.183",
+  "version": "0.0.185",
   "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/InputText.vue

@@ -7,27 +7,14 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <div
-        class="required glyphicon"
-        v-if="notifications.length > 0 && formDirty"
-      >
+      <div class="required glyphicon" v-if="notifications.length > 0 && formDirty">
         <i class="fas fa-exclamation-triangle"></i>
       </div>
       <slot v-else></slot>
-      <input
-        type="text"
-        :style="_style"
-        :placeholder="titlePlaceholder"
-        :disabled="disabled"
-        @keyup.enter.prevent="pressedEnter"
-        @keyup="cleanedField"
-        @blur="outField"
-        v-mask="mask || withoutMask"
-        v-bind:value="value"
-        v-on:input="$emit('input', $event.target.value)"
-        class="form-control"
-        :class="{ required: notifications.length > 0 && formDirty }"
-      />
+      <input type="text" :style="_style" :placeholder="titlePlaceholder" :disabled="disabled"
+        @keyup.enter.prevent="pressedEnter" @keyup="cleanedField" @blur="outField" v-mask="mask || withoutMask"
+        v-bind:value="value" v-on:input="$emit('input', $event.target.value)" class="form-control"
+        :class="{ required: notifications.length > 0 && formDirty }" />
     </div>
     <div v-if="formDirty">
       <div v-for="message in notifications" :key="message">
@@ -175,6 +162,7 @@ input::placeholder {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;

package/src/component/forms/TextArea.vue

@@ -6,19 +6,11 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <i
-        v-if="notifications.length > 0 && formDirty"
-        class="required glyphicon fas fa-exclamation-triangle"
-      ></i>
+      <i v-if="notifications.length > 0 && formDirty" class="required glyphicon fas fa-exclamation-triangle"></i>
 
-      <textarea
-        type="text"
-        :placeholder="placeholder"
-        v-bind:value="value"
-        v-on:input="$emit('input', $event.target.value)"
-        class="form-control"
-        :class="{ 'is-invalid': notifications.length > 0 && formDirty }"
-      ></textarea>
+      <textarea :disabled="disabled" rows="4" cols="50" type="text" :placeholder="placeholder" v-bind:value="value"
+        v-on:input="$emit('input', $event.target.value)" :class="{ 'is-invalid': notifications.length > 0 && formDirty }">
+      </textarea>
     </div>
 
     <div v-if="formDirty">
@@ -40,6 +32,7 @@ export default {
     title: String,
     field: String,
     placeholder: String,
+    disabled: Boolean,
     formName: String,
     required: Boolean,
     maxLength: Number,
@@ -115,10 +108,28 @@ export default {
 </script>
 
 <style scoped>
+textarea {
+  width: 100%;
+  border: 1px #DBDEE0 solid;
+  border-radius: 5px;
+  color: #35495E;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-weight: normal !important;
+  font-size: 14px;
+}
+
+textarea:disabled{
+  background-color: white !important;
+  opacity: 0.5;
+}
+
+
 .success {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;

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

@@ -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}.${params.obj.fileType}`;
+
+                    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;
                 })
         },
+
     }
 }