@nixweb/nixloc-ui 1.11.0 → 1.13.0

package/package.json

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

package/src/component/forms/InputDecimal.vue

@@ -6,15 +6,16 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <div class="required glyphicon" v-if="notifications.length > 0 && formDirty">
-        <i class="fas fa-exclamation-triangle"></i>
-      </div>
-      <slot v-else></slot>
       <vue-numeric :style="_style" class="form-control" v-on:keyup.enter.native="pressedEnter"
         :class="{ 'is-invalid': notifications.length > 0 && formDirty }" :placeholder="placeholder" :disabled="disabled"
         currency="R$" separator="." :minus="allowNegative" v-bind:precision="precision" v-model="valueLocal">
       </vue-numeric>
-
+      <span class="currency-icon" v-if="notifications.length == 0 || !formDirty">
+        <i class="fa-light fa-circle-dollar"></i>
+      </span>
+      <div class="required glyphicon" v-if="notifications.length > 0 && formDirty">
+        <i class="fas fa-exclamation-triangle"></i>
+      </div>
     </div>
     <div v-if="formDirty">
       <div v-for="message in notifications" :key="message">
@@ -150,4 +151,16 @@ export default {
   color: #f0134d;
   font-size: 14px;
 }
+
+.currency-icon {
+  color: #5f5f5f;
+  font-size: 17px;
+  position: absolute;
+  right: 1px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: #F3F4F6;
+  padding: 1px 12px;
+  border-radius: 0 4px 4px 0;
+}
 </style>

package/src/component/value-objects/Address.vue

@@ -2,8 +2,8 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="3" xl="3">
-        <InputText title="CEP" field="zipCode" :formName="formName" :mask="'#####-###'" :maxLength="9"
-          :required="required" :markFormDirty="markFormDirty" v-model="address.zipCode">
+        <InputText title="CEP" field="zipCode" :formName="formName" :disabled="disabled" :mask="'#####-###'"
+          :maxLength="9" :required="required" :markFormDirty="markFormDirty" v-model="address.zipCode">
           <div class="glyphicon margin-button">
             <Button _key="searchZipCode" type="success" classIcon="fas fa-search" size="small"
               :disabled="address.zipCode.length < 9" :clicked="searchZipCode" />
@@ -11,31 +11,33 @@
         </InputText>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <InputText title="Endereço" field="street" :formName="formName" :maxLength="150" :required="required"
-          :markFormDirty="markFormDirty" v-model="address.street" />
+        <InputText title="Endereço" field="street" :formName="formName" :disabled="disabled" :maxLength="150"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.street" />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <InputText title="Número" field="number" :formName="formName" :maxLength="20" :markFormDirty="markFormDirty"
-          v-model="address.number" />
+        <InputText title="Número" field="number" :formName="formName" :disabled="disabled" :maxLength="20"
+          :markFormDirty="markFormDirty" v-model="address.number" />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <InputText title="Complemento" field="complement" :formName="formName" :maxLength="50"
+        <InputText title="Complemento" field="complement" :formName="formName" :disabled="disabled" :maxLength="50"
           :markFormDirty="markFormDirty" v-model="address.complement" />
       </b-col>
       <br />
     </b-row>
     <b-row>
-      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <InputText title="Bairro" field="province" :formName="formName" :maxLength="100" :required="required"
-          :markFormDirty="markFormDirty" v-model="address.province" />
-      </b-col><b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <InputText title="Cidade" field="city" :formName="formName" :maxLength="100" :required="required"
-          :markFormDirty="markFormDirty" v-model="address.city" />
+      <b-col xs="12" sm="12" md="12" :lg="showCity ? '5' : '12'" :xl="showCity ? '5' : '12'">
+        <InputText title="Bairro" field="province" :formName="formName" :disabled="disabled" :maxLength="100"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.province" />
       </b-col>
-      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <SelectStatic title="UF" :formName="formName" field="uf" fieldTarget="uf" :required="required"
-          :markFormDirty="markFormDirty" v-model="address.state" :data="states" />
-      </b-col></b-row>
+      <b-col xs="12" sm="12" md="12" lg="5" xl="5" v-if="showCity">
+        <InputText title="Cidade" field="city" :formName="formName" :disabled="disabled" :maxLength="100"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.city" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2" v-if="showState">
+        <SelectStatic title="UF" :formName="formName" field="uf" fieldTarget="uf" :disabled="disabled"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.state" :data="states" />
+      </b-col>
+    </b-row>
   </div>
 </template>
 
@@ -62,6 +64,18 @@ export default {
       type: Boolean,
       default: false,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    showCity: {
+      type: Boolean,
+      default: true,
+    },
+    showState: {
+      type: Boolean,
+      default: true,
+    },
     value: Object,
   },
   components: { InputText, Button, SelectStatic },

package/src/component/value-objects/Person.vue

@@ -51,6 +51,7 @@ import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
 import Person from "@nixweb/nixloc-ui/src/component/value-objects/Person.js";
+import axios from "axios";
 
 import { mapMutations } from "vuex";
 
@@ -93,7 +94,7 @@ export default {
     ]),
     searchDocumentFederalRecipe() {
       let url = `https://ws.hubdodesenvolvedor.com.br/v2/cnpj/?cnpj=${this.person.document}&token=94473735FzLqpNKajP170569464`;
-      this.$http.post(url, {}, {}).then((response) => {
+      axios.post(url, {}, {}).then((response) => {
         if (response.data.return == "OK") {
           this.addEvent({
             name: "searchDocumentFederalRecipe",

package/src/store/modules/generic.js

@@ -885,7 +885,6 @@ export default {
                 headers: new Token().tokenHeaders(),
             })
                 .then((response) => {
-
                     let blob = new Blob([response.data], { type: "application/pdf" }),
                         url = window.URL.createObjectURL(blob);
                     window.open(url);