@nixweb/nixloc-ui 0.0.240 → 0.0.242

package/package.json

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

package/src/component/forms/ButtonGroup.vue

@@ -48,14 +48,15 @@ export default {
   color: black !important;
   border-color: #e9e9e9 !important;
   outline: none !important;
+  border-radius: 20px !important;
+  margin-left: 10px !important;
 }
 
 .selected {
-  background-color: #f5f5f5 !important;
+  background-color: transparent !important;
 }
 
 .badge-button {
-  width: 20px;
   height: 20px;
   background-color: darkblue;
   border-radius: 20px;

package/src/store/modules/generic.js

@@ -568,7 +568,7 @@ export default {
             })
                 .then((response) => {
 
-                    let blob = new Blob([response.data], { type: "application/pdf" });
+                    let blob = new Blob([response.data], { type: `application/${params.obj.fileType}` });
                     let url = window.URL.createObjectURL(blob);
 
                     let downloadLink = document.createElement("a");

package/src/component/planner/ResponsibleUser.vue

@@ -1,164 +0,0 @@
-<template>
-    <div>
-        <div v-if="multiSelected">
-            <div class="side-by-side icon-filter" @click="show = true">
-                <i class="fa-solid fa-circle-plus "></i>
-                <span class="title-users" v-if="currentValueFilter.length == 0"> Todos usuários</span>
-            </div>
-
-            <div class="side-by-side" v-for="user in currentValueFilter">
-                <img class="img-current" :src="baseUrl + user.photo" alt="">
-                <div class="side-by-side icon-close" @click="remove(user)">
-                    <i class="fa-solid fa-do-not-enter"></i>
-                </div>
-            </div>
-        </div>
-        <div v-else class="div-current" @click="show = true">
-            <img class="img-current" :src="baseUrl + currentValue.photo" alt="">
-        </div>
-        <div v-if="show" class="main-select" @mouseleave="show = false">
-            <div v-for="item in data">
-                <div class="div-frame" @click="select(item)">
-                    <b-row>
-                        <b-col sm="3">
-                            <img class="img-card" :src="baseUrl + item.photo" alt="">
-                        </b-col>
-                        <b-col sm="9">
-                            <div class="title-name">{{ item.name }}</div>
-                        </b-col>
-                    </b-row>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-
-import { mapActions } from "vuex";
-
-export default {
-    name: "Select",
-    props: ["genericId", "responsibleUser", "multiSelected", "title", "urlGet", "urlUpdate", "value"],
-    data() {
-        return {
-            baseUrl: "https://espaco.blob.core.windows.net/nixloc-photo-user/",
-            currentValue: {},
-            currentValueFilter: [],
-            data: [],
-            show: false,
-            baseParams: {
-                search: "",
-                currentPage: 1,
-                totalPerPage: 20,
-            },
-        };
-    },
-    mounted() {
-        this.getAll();
-    },
-    methods: {
-        ...mapActions("generic", ["getApi", "putApi"]),
-        getAll() {
-            let obj = { ...this.baseParams };
-            let params = { url: this.urlGet, obj: obj };
-            this.loading = true;
-            this.getApi(params).then((response) => {
-                this.data = response.content.data;
-            });
-        },
-        updateResponsibleUser() {
-            let params = {
-                url: this.urlUpdate,
-                obj: { id: this.genericId, userId: this.currentValue.id },
-                notNotifyToast: true
-            };
-            this.putApi(params).then((response) => { });
-        },
-        select(item) {
-            if (!this.multiSelected) {
-                this.currentValue = item;
-            } else {
-                const exists = this.currentValueFilter.some(x => x.id === item.id);
-                if (!exists)
-                    this.currentValueFilter.push(item);
-                this.$emit("input", this.currentValueFilter);
-            }
-
-            if (this.genericId) {
-                this.updateResponsibleUser();
-                this.$emit("input", this.currentValue);
-            }
-            this.show = false;
-        },
-        remove(item) {
-            this.currentValueFilter = this.currentValueFilter.filter(x => x.id !== item.id);
-            this.$emit("input", this.currentValueFilter);
-        }
-    },
-    watch: {
-        responsibleUser: {
-            handler(responsibleUser) {
-                this.currentValue = responsibleUser;
-            },
-            deep: true,
-        },
-    }
-};
-</script>
-  
-<style scoped>
-.main-select {
-    position: fixed;
-    margin-left: 20px;
-    min-width: 250px;
-    background-color: white !important;
-    padding: 15px;
-    border: 1px solid #E8EAED;
-    border-radius: 10px;
-    cursor: pointer;
-    z-index: 1000 !important;
-}
-
-.div-frame:hover {
-    background-color: #F8F9FA !important;
-    border-radius: 10px;
-}
-
-.div-current {
-    cursor: pointer;
-}
-
-.title-name {
-    margin-top: 13px;
-    font-size: 13px;
-}
-
-.title-users {
-    font-size: 14px;
-}
-
-.img-card {
-    width: 35px;
-    height: 35px;
-    margin: 5px;
-    border-radius: 50px;
-}
-
-.img-current {
-    width: 30px;
-    height: 30px;
-    border-radius: 50px;
-}
-
-.icon-filter {
-    font-size: 15px;
-    cursor: pointer;
-}
-
-.icon-close {
-    color: red;
-    font-size: 13px;
-    cursor: pointer;
-}
-</style>
-