vue-intergrall-plugins 1.0.24 → 1.0.26

package/dist/vue-intergrall-plugins.ssr.js

@@ -7849,6 +7849,9 @@ var script$a = {
     msgNova: {
       type: Boolean
     },
+    customClass: {
+      type: String
+    },
     origemExterna: {
       type: String
     },
@@ -7890,11 +7893,13 @@ var script$a = {
         case "9":
         case 8:
         case "8":
+        case "CANCELADA":
           return "red";
         case 3:
         case "3":
         case 6:
         case "6":
+        case "AGENDADA":
           return "yellow";
         default:
           return "";
@@ -7990,11 +7995,7 @@ var __vue_render__$a = function __vue_render__() {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _vm.origem ? _c('div', {
-    class: {
-      'card-cli': _vm.origem === 'outros',
-      'card-ope': _vm.origem === 'principal',
-      msgNova: _vm.msgNova
-    },
+    class: "" + (_vm.msgNova ? 'msgNova' : (_vm.origem === 'outros' ? 'card-cli' : 'card-ope') + " " + (_vm.customClass || '')),
     attrs: {
       "id": "a" + (_vm.messageIndex ? _vm.messageIndex : _vm.randomizeValue)
     }
@@ -8031,7 +8032,7 @@ var __vue_staticRenderFns__$a = [];
 /* style */
 var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-82391440_0", {
+  inject("data-v-6364604d_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.card-cli,.card-ope{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova,.card-ope.msgNova{margin-top:30px}.novas-mensagens{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card{border-left:3px solid #90b823}.card-ope{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card{border-right:3px solid #007535}.card{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px;border-radius:7px;box-shadow:rgba(0,0,0,.15) 1px 2px 3px 0}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between;padding:10px 5px}.card-header svg{font-size:16px}.card-canal{flex:1;margin-right:10px}.card-datas{display:flex;flex-direction:column;margin-right:10px;background:#008845;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-right{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-data{overflow:hidden;display:flex;align-content:center}.card-data span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg{margin-right:5px;color:#232323}.card-expand{display:flex;justify-content:center;align-items:center;margin:0 10px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand:hover{opacity:1}.card-footer{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip-container{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-autor{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-chip{font-size:12.8px;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip:hover{background-color:#cfd8f4}.card-chip.orange{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow:hover{background-color:rgba(252,191,73,.2)}.card-chip.red{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red:hover{background-color:rgba(231,76,60,.25)}.card-chip.green{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green:hover{background-color:rgba(15,177,39,.4)}.card-anexo{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item{max-width:100%;max-height:100%}.anexo-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img{max-width:45px;max-height:45px}.anexo-icone{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone:hover{opacity:1}.anexo-icone:visited{color:inherit}svg{font-size:30px;z-index:1}.anexo-icone.pdf{position:relative}.anexo-icone.pdf svg{color:#e74c3c}.anexo-icone.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc{color:#15517f}.anexo-icone.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img:hover{opacity:1}.anexo-img img{width:95%}.card-interatividade{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title{font-weight:700;margin-bottom:5px}.card-interatividade-list{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button:hover{text-decoration:underline}",
     map: undefined,
     media: undefined
@@ -8040,7 +8041,7 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$a = undefined;
 /* module identifier */
-var __vue_module_identifier__$a = "data-v-82391440";
+var __vue_module_identifier__$a = "data-v-6364604d";
 /* functional template */
 var __vue_is_functional_template__$a = false;
 /* style inject shadow dom */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Messages/CardMessages.vue

@@ -1,13 +1,7 @@
 <template>
-  <div
-    :class="{
-      'card-cli': origem === 'outros',
-      'card-ope': origem === 'principal',
-      msgNova: msgNova,
-    }"
-    v-if="origem"
-    :id="`a${messageIndex ? messageIndex : randomizeValue}`"
-  >
+  <div v-if="origem"
+    :class="`${msgNova ? 'msgNova' : `${origem === 'outros' ? 'card-cli' : 'card-ope'} ${customClass || ''}`}`"
+    :id="`a${messageIndex ? messageIndex : randomizeValue}`">
     <transition name="fade">
       <span v-if="msgNova" class="novas-mensagens"> Nova mensagem </span>
     </transition>
@@ -15,53 +9,28 @@
       <div class="card-header">
         <div class="card-autor">
           <fa-icon :icon="iconAutor" />
-          <p
-            class="text-bold"
-            v-if="autor"
-            v-text="`${tratarTextoLongo(autor)}`"
-            :title="autor"
-          ></p>
-          <p
-            v-if="origem === 'principal' && autor && login"
-            v-text="returnLoginText"
-            :title="returnLoginText"
-          ></p>
+          <p class="text-bold" v-if="autor" v-text="`${tratarTextoLongo(autor)}`" :title="autor"></p>
+          <p v-if="origem === 'principal' && autor && login" v-text="returnLoginText" :title="returnLoginText"></p>
         </div>
         <div class="card-right">
           <div class="card-datas">
-            <div
-              v-if="data_cri"
-              class="card-data"
-              :title="`${dictionary.data_criacao}: ${
-                origem === 'outros'
-                  ? formataTimezoneData(data_cri)
-                  : returnFormataDataHora(data_cri)
-              }`"
-            >
-              <span
-                v-text="
-                  origem === 'outros'
-                    ? formataTimezoneData(data_cri)
-                    : returnFormataDataHora(data_cri)
-                "
-              ></span>
+            <div v-if="data_cri" class="card-data" :title="`${dictionary.data_criacao}: ${origem === 'outros'
+              ? formataTimezoneData(data_cri)
+              : returnFormataDataHora(data_cri)
+              }`">
+              <span v-text="origem === 'outros'
+                ? formataTimezoneData(data_cri)
+                : returnFormataDataHora(data_cri)
+                "></span>
             </div>
-            <div
-              v-if="data_mod"
-              class="card-data"
-              :title="`${dictionary.data_mod}: ${
-                origem === 'outros'
-                  ? formataTimezoneData(data_mod)
-                  : returnFormataDataHora(data_mod)
-              }`"
-            >
-              <span
-                v-text="
-                  origem === 'outros'
-                    ? formataTimezoneData(data_mod)
-                    : returnFormataDataHora(data_mod)
-                "
-              ></span>
+            <div v-if="data_mod" class="card-data" :title="`${dictionary.data_mod}: ${origem === 'outros'
+              ? formataTimezoneData(data_mod)
+              : returnFormataDataHora(data_mod)
+              }`">
+              <span v-text="origem === 'outros'
+                ? formataTimezoneData(data_mod)
+                : returnFormataDataHora(data_mod)
+                "></span>
             </div>
           </div>
           <div class="card-expand" @click="expandirCard()" v-if="hasExpand">
@@ -70,72 +39,41 @@
         </div>
       </div>
       <div class="card-chip-container">
-        <p
-          class="card-chip"
-          :class="[ticketClassCod]"
-          v-if="ticket_id.cod && ticket_id.desc"
-          v-text="`${ticket_id.desc} (${ticket_id.cod})`"
-          :title="`${ticket_id.desc} (${ticket_id.cod})`"
-        ></p>
-        <p
-          v-if="ticket_id.hasOwnProperty('back_doing_business')"
-          :class="`${ticket_id.back_doing_business ? 'green' : 'red'} card-chip`"
-          :title="`${dictionary.title_voltaria_fazer_negocio} ${
-            ticket_id.back_doing_business
+        <p class="card-chip" :class="[ticketClassCod]" v-if="ticket_id.cod && ticket_id.desc"
+          v-text="`${ticket_id.desc} (${ticket_id.cod})`" :title="`${ticket_id.desc} (${ticket_id.cod})`"></p>
+        <p v-if="ticket_id.hasOwnProperty('back_doing_business')"
+          :class="`${ticket_id.back_doing_business ? 'green' : 'red'} card-chip`" :title="`${dictionary.title_voltaria_fazer_negocio} ${ticket_id.back_doing_business
+            ? `${dictionary.title_sim}`
+            : `${dictionary.title_nao}`
+            }`" v-text="`${dictionary.title_voltaria_fazer_negocio} ${ticket_id.back_doing_business
               ? `${dictionary.title_sim}`
               : `${dictionary.title_nao}`
-          }`"
-          v-text="
-            `${dictionary.title_voltaria_fazer_negocio} ${
-              ticket_id.back_doing_business
-                ? `${dictionary.title_sim}`
-                : `${dictionary.title_nao}`
-            }`
-          "
-        ></p>
-        <p
-          v-if="ticket_id.hasOwnProperty('rating')"
-          :class="`${isNumberBiggerThanSix ? 'green' : 'red'} card-chip`"
+              }`
+              "></p>
+        <p v-if="ticket_id.hasOwnProperty('rating')" :class="`${isNumberBiggerThanSix ? 'green' : 'red'} card-chip`"
           :title="`${dictionary.title_avaliacao} ${ticket_id.rating}`"
-          v-text="`${dictionary.title_avaliacao} ${ticket_id.rating}`"
-        ></p>
-        <p
-          v-if="ticket_id.hasOwnProperty('resolved_issue')"
-          :class="`${ticket_id.resolved_issue ? 'green' : 'red'} card-chip`"
-          :title="`${dictionary.title_problema_resolvido} ${
-            ticket_id.resolved_issue
+          v-text="`${dictionary.title_avaliacao} ${ticket_id.rating}`"></p>
+        <p v-if="ticket_id.hasOwnProperty('resolved_issue')"
+          :class="`${ticket_id.resolved_issue ? 'green' : 'red'} card-chip`" :title="`${dictionary.title_problema_resolvido} ${ticket_id.resolved_issue
+            ? `${dictionary.title_sim}`
+            : `${dictionary.title_nao}`
+            }`" v-text="`${dictionary.title_problema_resolvido} ${ticket_id.resolved_issue
               ? `${dictionary.title_sim}`
               : `${dictionary.title_nao}`
-          }`"
-          v-text="
-            `${dictionary.title_problema_resolvido} ${
-              ticket_id.resolved_issue
-                ? `${dictionary.title_sim}`
-                : `${dictionary.title_nao}`
-            }`
-          "
-        ></p>
+              }`
+              "></p>
       </div>
       <p class="card-message" v-html="mensagemFormatada"></p>
-      <div
-        class="card-interatividade"
-        v-if="filteredInteratividadeData && filteredInteratividadeData.length"
-      >
+      <div class="card-interatividade" v-if="filteredInteratividadeData && filteredInteratividadeData.length">
         <p class="card-interatividade-title">{{ dictionary.ra_infos_interatividade }}:</p>
         <ul class="card-interatividade-list">
           <li v-for="(values, index) in filteredInteratividadeData" :key="index">
             <p v-for="(value, key) in values" :key="key">
-              <span
-                v-if="key.indexOf(dictionary.ra_ask_avaliation_title) <= -1"
-                v-html="formatInteratividadeValue(key, value)"
-              ></span>
+              <span v-if="key.indexOf(dictionary.ra_ask_avaliation_title) <= -1"
+                v-html="formatInteratividadeValue(key, value)"></span>
               <span v-else>
                 <strong v-text="`${key}:`"></strong>
-                <button
-                  @click="sendLink(filteredInteratividadeData[index])"
-                  class="box-shadow"
-                  v-text="value"
-                ></button>
+                <button @click="sendLink(filteredInteratividadeData[index])" class="box-shadow" v-text="value"></button>
               </span>
             </p>
             <hr />
@@ -207,6 +145,9 @@ export default {
     msgNova: {
       type: Boolean,
     },
+    customClass: {
+      type: String
+    },
     origemExterna: {
       type: String,
     },
@@ -246,11 +187,13 @@ export default {
         case "9":
         case 8:
         case "8":
+        case "CANCELADA":
           return "red";
         case 3:
         case "3":
         case 6:
         case "6":
+        case "AGENDADA":
           return "yellow";
         default:
           return "";
@@ -350,6 +293,7 @@ export default {
 .fade-leave-active {
   transition: opacity 200ms;
 }
+
 .fade-enter,
 .fade-leave-to {
   opacity: 0;
@@ -362,6 +306,7 @@ export default {
   margin: 5px 0;
   position: relative;
 }
+
 .card-cli.msgNova,
 .card-ope.msgNova {
   margin-top: 30px;
@@ -386,6 +331,7 @@ export default {
   align-self: flex-end;
   background-color: lighten(#007535, 72);
 }
+
 .card-ope .card {
   border-right: 3px solid #007535;
 }
@@ -398,6 +344,7 @@ export default {
   border-radius: 7px;
   box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px 0px;
 }
+
 .card p {
   word-break: break-all;
 }
@@ -410,6 +357,7 @@ export default {
   justify-content: space-between;
   padding: 10px 5px;
 }
+
 .card-header svg {
   font-size: 16px;
 }
@@ -436,16 +384,19 @@ export default {
   flex-direction: row-reverse;
   align-items: center;
 }
+
 .card-data {
   overflow: hidden;
   display: flex;
   align-content: center;
 }
+
 .card-data span {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+
 .card-data svg {
   margin-right: 5px;
   color: #232323;
@@ -460,6 +411,7 @@ export default {
   opacity: 0.8;
   transition: opacity 150ms;
 }
+
 .card-expand:hover {
   opacity: 1;
 }
@@ -498,34 +450,43 @@ export default {
   background-color: rgba(207, 216, 244, 0.6);
   margin-bottom: 5px;
 }
+
 .card-chip:hover {
   background-color: rgba(207, 216, 244, 1);
 }
+
 .card-chip.orange {
   color: #e14924;
   background-color: rgba(228, 92, 58, 0.15);
 }
+
 .card-chip.orange:hover {
   background-color: rgba(228, 92, 58, 0.2);
 }
+
 .card-chip.yellow {
   color: #f4a304;
   background-color: rgba(252, 191, 73, 0.15);
 }
+
 .card-chip.yellow:hover {
   background-color: rgba(252, 191, 73, 0.2);
 }
+
 .card-chip.red {
   color: rgb(231, 76, 60);
   background-color: rgba(231, 76, 60, 0.2);
 }
+
 .card-chip.red:hover {
   background-color: rgba(231, 76, 60, 0.25);
 }
+
 .card-chip.green {
   color: #0e3213;
   background-color: rgba(15, 177, 39, 0.3);
 }
+
 .card-chip.green:hover {
   background-color: rgba(15, 177, 39, 0.4);
 }
@@ -538,6 +499,7 @@ export default {
   justify-content: center;
   align-items: center;
 }
+
 .anexo-item {
   width: 100%;
   height: 100%;
@@ -546,15 +508,18 @@ export default {
   align-items: center;
   position: relative;
 }
+
 .anexo-item .transition-anexo-item {
   max-width: 100%;
   max-height: 100%;
 }
+
 .anexo-item .req-loader {
   position: absolute;
   top: calc(50% - 12.5px);
   right: calc(50% - 12.5px);
 }
+
 .anexo-item .transition-anexo-item img {
   max-width: 45px;
   max-height: 45px;
@@ -569,22 +534,28 @@ export default {
   justify-content: center;
   align-items: center;
 }
+
 .anexo-icone:hover {
   opacity: 1;
 }
+
 .anexo-icone:visited {
   color: inherit;
 }
+
 svg {
   font-size: 30px;
   z-index: 1;
 }
+
 .anexo-icone.pdf {
   position: relative;
 }
+
 .anexo-icone.pdf svg {
   color: rgb(231, 76, 60);
 }
+
 .anexo-icone.pdf::after {
   content: "";
   position: absolute;
@@ -594,9 +565,11 @@ svg {
   height: 20px;
   background-color: #fff;
 }
+
 .anexo-icone.doc {
   color: #15517f;
 }
+
 .anexo-icone.doc::after {
   content: "";
   position: absolute;
@@ -604,6 +577,7 @@ svg {
   height: 20px;
   background-color: #fff;
 }
+
 .anexo-img {
   display: flex;
   justify-content: center;
@@ -621,6 +595,7 @@ svg {
 .anexo-img:hover {
   opacity: 1;
 }
+
 .anexo-img img {
   width: 95%;
 }