@nixweb/nixloc-ui 0.0.190 → 0.0.192

package/package.json

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

package/src/component/forms/ImageUpload.vue

@@ -2,27 +2,17 @@
   <div>
     <b-row v-show="loadingAdd || loadingRemove">
       <b-col sm="2">
-        <vue-loading
-          v-if="true"
-          type="bubbles"
-          color="#D98621"
-          :size="{ width: '50px', height: '50px' }"
-        ></vue-loading>
+        <vue-loading v-if="true" type="bubbles" color="#D98621" :size="{ width: '50px', height: '50px' }"></vue-loading>
       </b-col>
     </b-row>
     <b-row v-show="!loadingAdd && !loadingRemove">
       <b-col sm="12">
         <div class="div-preview">
-          <img
-            :class="classCss"
-            :style="'width:' + width + 'px;height:' + height + 'px'"
-            :src="
-              'https://espaco.blob.core.windows.net/' +
-              container +
-              '/' +
-              urlImage
-            "
-          />
+          <img :class="classCss" :style="'width:' + width + 'px;height:' + height + 'px'" :src="'https://espaco.blob.core.windows.net/' +
+            container +
+            '/' +
+            urlImage
+            " />
         </div>
         <div>
           <div v-if="!value">
@@ -36,36 +26,18 @@
           </div>
           <div v-else>
             <div class="div-button">
-              <button
-                class="button small danger"
-                v-if="!loadingAdd"
-                @click="remove()"
-              >
-                <span v-if="!loadingRemove"
-                  ><i class="fas fa-camera"></i> Remover Foto</span
-                >
-                <vue-loading
-                  v-if="loadingRemove"
-                  type="bubbles"
-                  color="#fff"
-                  :size="{ width: '20px', height: '20px' }"
-                ></vue-loading>
+              <button class="button small danger" v-if="!loadingAdd" @click="remove()">
+                <span v-if="!loadingRemove"><i class="fas fa-camera"></i> Remover Foto</span>
+                <vue-loading v-if="loadingRemove" type="bubbles" color="#fff"
+                  :size="{ width: '20px', height: '20px' }"></vue-loading>
               </button>
             </div>
           </div>
         </div>
       </b-col>
     </b-row>
-    <my-upload
-      field="img"
-      @crop-success="cropSuccess"
-      langType="pt-br"
-      v-model="show"
-      :width="width"
-      :height="height"
-      :noCircle="true"
-      img-format="png"
-    >
+    <my-upload field="img" @crop-success="cropSuccess" langType="pt-br" v-model="show" :width="width" :height="height"
+      :noCircle="true" img-format="png">
     </my-upload>
   </div>
 </template>
@@ -234,7 +206,6 @@ export default {
 
 .img-round {
   border-radius: 100px;
-  margin-left: 15px;
 }
 
 .div-button {

package/src/component/forms/InputAddressGoogle.vue

@@ -8,18 +8,11 @@
       <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>
-      <gmap-autocomplete
-        @place_changed="setPlace"
-        class="form-control"
-        v-bind:value="value"
-      >
+      <gmap-autocomplete @place_changed="setPlace" class="form-control teste" v-bind:value="value">
       </gmap-autocomplete>
     </div>
     <div v-if="formDirty">
@@ -164,6 +157,7 @@ export default {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;
@@ -172,4 +166,6 @@ export default {
 .margin-button {
   margin-top: -3px;
 }
+
+
 </style>

package/src/component/forms/Modal.vue

@@ -1,15 +1,7 @@
 <template>
   <div>
-    <vodal
-      :duration="80"
-      :show="modal.open"
-      @hide="hide()"
-      :width="width"
-      :height="height"
-      :closeOnEsc="closeOnEsc"
-      :closeButton="closeButton"
-      :closeOnClickMask="false"
-    >
+    <vodal :duration="80" :show="modal.open" @hide="hide()" :width="width" :height="height" :closeOnEsc="closeOnEsc"
+      :closeButton="closeButton" :closeOnClickMask="false">
       <div class="d-block text-left">
         <Messages v-if="!vodal.open" />
         <div class="title">{{ title }}</div>

package/src/component/layout/Menu.vue

@@ -7,7 +7,7 @@
         </div>
       </li>
       <li class="molded">
-        <div class="text-center">
+        <div class="text-center div-photo" @click="editProfile">
           <img class="photo" :src="urlPhoto" />
         </div>
         <div class="box-main" v-for="(item, index) in menuFilter(true)" :key="index">
@@ -75,7 +75,7 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import { mapState, mapMutations } from "vuex";
 export default {
   name: "Menu",
   props: {
@@ -98,6 +98,10 @@ export default {
     };
   },
   methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    editProfile() {
+      this.addEvent({ name: "clickedProfile" });
+    },
     openSubMenu(module) {
       this.subMenuFirstLevel = true;
       this.module = module;
@@ -246,4 +250,8 @@ img {
   border: 1px solid #e8eaed;
   border-radius: 12px !important;
 }
+
+.div-photo {
+  cursor: pointer;
+}
 </style>

package/src/component/shared/Confirmation.vue

@@ -3,47 +3,17 @@
     <div @click="execute()">
       <slot></slot>
     </div>
-    <Modal
-      v-if="isModal"
-      :title="title"
-      :width="450"
-      :height="250"
-      v-show="showModal(`confirmation${data.id}`)"
-    >
+    <Modal v-if="isModal" :title="title" :width="450" :height="250" v-show="showModal(`confirmation${data.id}`)">
       <b-col sm="12">
         <div class="div-button text-center">
-          <Button
-            key="notConfirm"
-            type="edit"
-            title="cancel"
-            size="small"
-            :clicked="cancel"
-          />
-          <Button
-            key="confirm"
-            :type="type"
-            title="Sim, confirmar"
-            size="medium"
-            :clicked="confirm"
-          />
+          <Button key="notConfirm" type="edit" title="cancel" size="small" :clicked="cancel" />
+          <Button key="confirm" :type="type" title="Sim, confirmar" size="medium" :clicked="confirm" />
         </div>
       </b-col>
     </Modal>
     <div v-else class="div-button text-center">
-      <Button
-        _key="notConfirm"
-        type="edit"
-        title="cancel"
-        size="small"
-        :clicked="cancel"
-      />
-      <Button
-        _key="confirm"
-        :type="type"
-        title="Sim, confirmar"
-        size="medium"
-        :clicked="confirm"
-      />
+      <Button _key="notConfirm" type="edit" title="cancel" size="small" :clicked="cancel" />
+      <Button _key="confirm" :type="type" title="Sim, confirmar" size="medium" :clicked="confirm" />
     </div>
   </div>
 </template>

package/src/component/shared/FullCalendar.vue

@@ -62,7 +62,7 @@ export default {
     handleChange(arg) {
       if (this.changedCalendar) this.changedCalendar(arg);
     },
-    handleEventRender(arg) {},
+    handleEventRender(arg) { },
     handleDateClick: function (arg) {
       if (this.clickedCalendar) this.clickedCalendar(arg);
     },
@@ -74,7 +74,12 @@ export default {
     event: {
       handler(event) {
         if (event.name == "updateCalendar")
-          this.calendarOptions.events = event.data;
+          event.data.forEach(item => {
+            this.calendarOptions.events.push(item);
+          });
+
+        if (event.name == "cleanCalendar")
+          this.calendarOptions.events = [];
       },
       deep: true,
     },
@@ -165,4 +170,5 @@ export default {
 .fc-button-primary:hover {
   background: #3e90b3 !important;
 }
+
 </style>

package/src/component/shared/Messages.vue

@@ -1,22 +1,17 @@
 <template>
   <div>
-    <div
-      :class="{ 'div-message': !modal.open }"
-      v-if="storageNotification.length > 0"
-    >
-      <div v-for="notification in storageNotification">
+    <div :class="{ 'div-message': !modal.open }" v-if="storageNotification.length > 0">
+      <div>
         <Alert type="danger">
-          {{ notification.message }}
+          <div class="side-by-side" v-for="notification in storageNotification">
+            <div class="side-by-side text">
+              {{ notification.message }}
+            </div>
+          </div>
         </Alert>
       </div>
-      <b-alert
-        v-show="false"
-        :show="countdown"
-        dismissible
-        variant="danger"
-        @dismissed="countdown = 0"
-        @dismiss-count-down="countdownChanged"
-      >
+      <b-alert v-show="false" :show="countdown" dismissible variant="danger" @dismissed="countdown = 0"
+        @dismiss-count-down="countdownChanged">
       </b-alert>
     </div>
   </div>
@@ -81,4 +76,9 @@ export default {
 .invalid {
   color: #f0134d;
 }
+
+.text{
+  margin-right: 10px;
+}
+
 </style>

package/src/component/shared/TableItem.vue

@@ -130,7 +130,7 @@ export default {
 }
 
 .center-vertical {
-  padding-top: 10px;
+  padding-top: 5px;
 }
 
 .center-vertical-bank {
@@ -156,6 +156,12 @@ export default {
   border-radius: 10px;
 }
 
+.img-user {
+  width: 40px;
+  height: 40px;
+  border-radius: 20px;
+}
+
 .period-rent {
   cursor: pointer;
 }

package/src/component/template/ViewTemplateReportPreview.vue

@@ -5,7 +5,7 @@
       <div slot="content-main">
         <br />
         <Loading type="line" :center="false" v-show="loadingSearch" />
-        <div v-show="!showFilter">
+        <div v-show="!showFilter">       
           <div class="div-progress" v-if="liveTotalRecords != baseParams.totalRecords && !loadingSearch && !cancel">
             <ProgressBar :text="`Carregando ${liveTotalRecords} registros de ${baseParams.totalRecords}`"
               :value="liveTotalRecords" :max="baseParams.totalRecords" size="medium" />

package/src/store/modules/user.js

@@ -59,6 +59,9 @@ export default {
         },
         updateComunication: (state) => {
             state.userLogged.user.showComunication = false;
+        },
+        updatePhoto: (state, photo) => {
+            state.userLogged.user.photo = photo;
         }
     },
 }