vue-intergrall-plugins 0.0.274 → 0.0.280

package/src/lib-components/Chat/StandardMessages.vue

@@ -1,245 +1,245 @@
-<template>
-  <div class="text-footer-hsm-container" v-if="hasStandardMessages">
-    <div class="transition-selects">
-      <transition name="fade" mode="out-in">
-        <div v-if="formatted_messages_2.length && key_1">
-          <v-select
-            :style="`background-color: ${backgroundColor}`"
-            appendToBody
-            :calculatePosition="calculateSelectPosition"
-            class="text-footer-v-select"
-            :options="formatted_messages_2"
-            label="value"
-            v-model="key_2"
-            :reduce="formatted_messages_2 => formatted_messages_2.cod"
-            @input="inputSelectKey2"
-            >
-            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-          </v-select>
-        </div>
-        <div class="loader-select" v-else-if="key_1 && loadingReq">
-          <VueLoader />
-        </div>
-      </transition>
-      <transition name="fade" mode="out-in">
-        <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2 && formatted_messages_2.length && key_1">
-          <v-select
-            :style="`background-color: ${backgroundColor}`"
-            appendToBody
-            :calculatePosition="calculateSelectPosition"
-            class="text-footer-v-select"
-            :options="formatted_messages_3"
-            :reduce="formatted_messages_3 => formatted_messages_3.cod"
-            label="value"
-            :clearable="false"
-            @input="openMsg()"
-            v-model="key_3"
-            >
-            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-          </v-select>
-        </div>
-        <div class="loader-select" v-else-if="key_2 && loadingReq">
-          <VueLoader />
-        </div>
-      </transition>
-    </div>
-  </div>
-</template>
-
-<style>
-.transition-selects {
-  min-height: 80px;display: flex; flex-direction: column; width: 100%;
-}
-.loader-select {
-  position: relative; min-height: 35px;background: #FFF;width: 100%; border: 1px solid #ccc;border-radius: 5px;z-index: 1;
-}
-.loading-message {
-  background-color: #555!important;
-}
-</style>
-
-<script>
-
-import { createPopper } from "@popperjs/core"
-import { standardMessages } from "../../services/standardMessages"
-
-export default {
-  mixins: [standardMessages],
-  props: {
-    hasStandardMessages: {
-      type: Boolean,
-      default: false
-    },
-    dictionary: {
-      type: Object,
-      default: {},
-      required: false
-    },
-    backgroundColor: {
-      type: String,
-      default: '#fff',
-      required: false
-    },
-    token_cliente: {
-      type: String,
-      default: '',
-      required: false
-    },
-    message: {
-      type: String,
-      default: '',
-      required: false
-    },
-    messageType: {
-      type: [Number, String],
-      default: 1,
-      required: false
-    }
-  },
-  data() {
-    return {
-      placement: "top",
-      formatted_messages_1: [{ cod: "T", value: "Todos" }],
-      key_1: "T",
-      formatted_messages_2: [],
-      key_2: "",
-      formatted_messages_3: [],
-      key_3: "",
-      loadingReq: true
-    }
-  },
-  mounted() {
-    this.receiveValueFormattedMessage(this.key_1, 2)
-  },
-  methods: {
-    calculateSelectPosition(dropdownList, component, sizes) {
-      dropdownList.style.width = sizes.width
-      const popper = createPopper(component.$refs.toggle, dropdownList, {
-        placement: this.placement
-      })
-      return () => popper.destroy()
-    },
-    inputSelectKey1() {
-      if(!this.key_1) {
-        if(this.formatted_messages_2.length) this.formatted_messages_2 = []
-        if(this.key_2) this.key_2 = ""
-        return
-      }
-      this.receiveValueFormattedMessage(this.key_1, 2)
-    },
-    inputSelectKey2() {
-      if(!this.key_2) {
-        if(this.formatted_messages_3.length) this.formatted_messages_3 = []
-        if(this.key_3) this.key_3 = ""
-        return
-      }
-      if(this.formatted_messages_3.length) this.formatted_messages_3 = []
-      if(this.key_3) this.key_3 = ""
-      this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
-    },
-    receiveValueFormattedMessage(cod, selectionIndex) {
-      try {
-        if(!this.token_cliente) throw new Error("Informe token_cliente como chave na propriedade formattedMessageSettings que ocorre na chamada componente TextFooter ")
-        this.loadingReq = true
-        this.getStandardMessages(cod, this.token_cliente).then((data) => {
-          this.loadingReq = false
-          if(data) {
-            if(data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
-            if(data) return this.showFormattedMessage(data, selectionIndex)
-          }
-          this.$toasted.global.defaultError()
-          this.$emit("error-standard-message")
-        }).catch(e => { 
-          this.loadingReq = false
-          this.$toasted.global.defaultError({ msg: e && e.message ? e.message : e })
-          this.closeStandardMessages()
-          this.$emit("error-standard-message")
-          console.error("Error in getStandardMessages: ", e)
-        })
-      }catch(e) {
-        this.loadingReq = false
-        console.error("Error in receiveValueFormattedMessage: ", e)
-      }
-    },
-    showFormattedMessage(messageData, selectionIndex) {
-      try {
-        let success = false
-        if(Array.isArray(messageData)) success = true
-        if(!success && selectionIndex != 4) this.$toasted.global.defaultInfo({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
-
-        switch (selectionIndex) {
-          case 2:
-            if(!success){
-              this.formatted_messages_2.push(messageData)
-              this.key_2 = this.formatted_messages_2[0]
-            }else{
-              this.formatted_messages_2 = messageData
-              if(this.formatted_messages_2.length == 1) {
-                if(this.formatted_messages_2[0].cod) {
-                  this.key_2 = this.formatted_messages_2[0].cod
-                  this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
-                }
-              }
-            }
-          break
-          case 3:
-            if(!success) {
-              this.formatted_messages_3.push(messageData)
-              this.$toasted.global.defaultInfo({msg: this.dictionary.msg_erro_sem_msg_formatada})
-              this.$emit("close-blocker-standard-message")
-            }else{
-              if(messageData.length){
-                this.formatted_messages_3 = messageData
-                if(this.formatted_messages_3.length == 1 && this.formatted_messages_3[0].cod) {
-                  this.key_3 = this.formatted_messages_3[0].cod
-                  this.openMsg()
-                }
-              }
-            }
-          break
-          case 4: 
-            const finalMessage = `${this.message}${this.message && !this.message.endsWith(" ") ? ` ${messageData}` : messageData}`
-            this.$emit("add-standard-message", finalMessage)
-            this.$parent.focusTextarea()
-            // return this.closeStandardMessages()
-          break
-          default: 
-            console.error("Error in showFormattedMessage: selectionIndex not found")
-          break
-        }
-
-      }catch(e) {
-        console.error("Error in showFormattedMessage: ", e)
-      }
-    },
-    closeStandardMessages() {
-      this.$emit("close-standard-messages")
-    },
-    openMsg() {
-      try {
-        this.messageType == 1 ? this.insertFormattedMessage(this.key_3) : this.openFormattedMsgType2(this.key_3)
-      }catch(e) {
-        console.error("Error in openMsg: ", e)
-      }
-    },
-    openFormattedMsgType2(key) {
-      try {
-        if(!key || !this.key_2) return
-        this.$emit("open-blocker-standard-message")
-        key = key.cod
-        this.$emit("set-standard-infos", { category: this.key_2, subject: key })
-      }catch(e) {
-        console.error("Error in openFormattedMsgType2: ", e)
-      }
-    },
-    insertFormattedMessage() {
-      try {
-        if(!this.key_3) return this.$toasted.global.defaultError({msg: 'Selecione uma mensagem'})
-        this.receiveValueFormattedMessage(`T/${this.key_2}/${this.key_3}`, 4)
-      }catch(e) {
-        console.error("Erro ao inserir mensagem formatada: ", e)
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="text-footer-hsm-container" v-if="hasStandardMessages">
+    <div class="transition-selects">
+      <transition name="fade" mode="out-in">
+        <div v-if="formatted_messages_2.length && key_1">
+          <v-select
+            :style="`background-color: ${backgroundColor}`"
+            appendToBody
+            :calculatePosition="calculateSelectPosition"
+            class="text-footer-v-select"
+            :options="formatted_messages_2"
+            label="value"
+            v-model="key_2"
+            :reduce="formatted_messages_2 => formatted_messages_2.cod"
+            @input="inputSelectKey2"
+            >
+            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
+          </v-select>
+        </div>
+        <div class="loader-select" v-else-if="key_1 && loadingReq">
+          <VueLoader />
+        </div>
+      </transition>
+      <transition name="fade" mode="out-in">
+        <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2 && formatted_messages_2.length && key_1">
+          <v-select
+            :style="`background-color: ${backgroundColor}`"
+            appendToBody
+            :calculatePosition="calculateSelectPosition"
+            class="text-footer-v-select"
+            :options="formatted_messages_3"
+            :reduce="formatted_messages_3 => formatted_messages_3.cod"
+            label="value"
+            :clearable="false"
+            @input="openMsg()"
+            v-model="key_3"
+            >
+            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
+          </v-select>
+        </div>
+        <div class="loader-select" v-else-if="key_2 && loadingReq">
+          <VueLoader />
+        </div>
+      </transition>
+    </div>
+  </div>
+</template>
+
+<style>
+.transition-selects {
+  min-height: 80px;display: flex; flex-direction: column; width: 100%;
+}
+.loader-select {
+  position: relative; min-height: 35px;background: #FFF;width: 100%; border: 1px solid #ccc;border-radius: 5px;z-index: 1;
+}
+.loading-message {
+  background-color: #555!important;
+}
+</style>
+
+<script>
+
+import { createPopper } from "@popperjs/core"
+import { standardMessages } from "../../services/standardMessages"
+
+export default {
+  mixins: [standardMessages],
+  props: {
+    hasStandardMessages: {
+      type: Boolean,
+      default: false
+    },
+    dictionary: {
+      type: Object,
+      default: {},
+      required: false
+    },
+    backgroundColor: {
+      type: String,
+      default: '#fff',
+      required: false
+    },
+    token_cliente: {
+      type: String,
+      default: '',
+      required: false
+    },
+    message: {
+      type: String,
+      default: '',
+      required: false
+    },
+    messageType: {
+      type: [Number, String],
+      default: 1,
+      required: false
+    }
+  },
+  data() {
+    return {
+      placement: "top",
+      formatted_messages_1: [{ cod: "T", value: "Todos" }],
+      key_1: "T",
+      formatted_messages_2: [],
+      key_2: "",
+      formatted_messages_3: [],
+      key_3: "",
+      loadingReq: true
+    }
+  },
+  mounted() {
+    this.receiveValueFormattedMessage(this.key_1, 2)
+  },
+  methods: {
+    calculateSelectPosition(dropdownList, component, sizes) {
+      dropdownList.style.width = sizes.width
+      const popper = createPopper(component.$refs.toggle, dropdownList, {
+        placement: this.placement
+      })
+      return () => popper.destroy()
+    },
+    inputSelectKey1() {
+      if(!this.key_1) {
+        if(this.formatted_messages_2.length) this.formatted_messages_2 = []
+        if(this.key_2) this.key_2 = ""
+        return
+      }
+      this.receiveValueFormattedMessage(this.key_1, 2)
+    },
+    inputSelectKey2() {
+      if(!this.key_2) {
+        if(this.formatted_messages_3.length) this.formatted_messages_3 = []
+        if(this.key_3) this.key_3 = ""
+        return
+      }
+      if(this.formatted_messages_3.length) this.formatted_messages_3 = []
+      if(this.key_3) this.key_3 = ""
+      this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
+    },
+    receiveValueFormattedMessage(cod, selectionIndex) {
+      try {
+        if(!this.token_cliente) throw new Error("Informe token_cliente como chave na propriedade formattedMessageSettings que ocorre na chamada componente TextFooter ")
+        this.loadingReq = true
+        this.getStandardMessages(cod, this.token_cliente).then((data) => {
+          this.loadingReq = false
+          if(data) {
+            if(data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
+            if(data) return this.showFormattedMessage(data, selectionIndex)
+          }
+          this.$toasted.global.defaultError()
+          this.$emit("error-standard-message")
+        }).catch(e => { 
+          this.loadingReq = false
+          this.$toasted.global.defaultError({ msg: e && e.message ? e.message : e })
+          this.closeStandardMessages()
+          this.$emit("error-standard-message")
+          console.error("Error in getStandardMessages: ", e)
+        })
+      }catch(e) {
+        this.loadingReq = false
+        console.error("Error in receiveValueFormattedMessage: ", e)
+      }
+    },
+    showFormattedMessage(messageData, selectionIndex) {
+      try {
+        let success = false
+        if(Array.isArray(messageData)) success = true
+        if(!success && selectionIndex != 4) this.$toasted.global.defaultInfo({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
+
+        switch (selectionIndex) {
+          case 2:
+            if(!success){
+              this.formatted_messages_2.push(messageData)
+              this.key_2 = this.formatted_messages_2[0]
+            }else{
+              this.formatted_messages_2 = messageData
+              if(this.formatted_messages_2.length == 1) {
+                if(this.formatted_messages_2[0].cod) {
+                  this.key_2 = this.formatted_messages_2[0].cod
+                  this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
+                }
+              }
+            }
+          break
+          case 3:
+            if(!success) {
+              this.formatted_messages_3.push(messageData)
+              this.$toasted.global.defaultInfo({msg: this.dictionary.msg_erro_sem_msg_formatada})
+              this.$emit("close-blocker-standard-message")
+            }else{
+              if(messageData.length){
+                this.formatted_messages_3 = messageData
+                if(this.formatted_messages_3.length == 1 && this.formatted_messages_3[0].cod) {
+                  this.key_3 = this.formatted_messages_3[0].cod
+                  this.openMsg()
+                }
+              }
+            }
+          break
+          case 4: 
+            const finalMessage = `${this.message}${this.message && !this.message.endsWith(" ") ? ` ${messageData}` : messageData}`
+            this.$emit("add-standard-message", finalMessage)
+            this.$parent.focusTextarea()
+            // return this.closeStandardMessages()
+          break
+          default: 
+            console.error("Error in showFormattedMessage: selectionIndex not found")
+          break
+        }
+
+      }catch(e) {
+        console.error("Error in showFormattedMessage: ", e)
+      }
+    },
+    closeStandardMessages() {
+      this.$emit("close-standard-messages")
+    },
+    openMsg() {
+      try {
+        this.messageType == 1 ? this.insertFormattedMessage(this.key_3) : this.openFormattedMsgType2(this.key_3)
+      }catch(e) {
+        console.error("Error in openMsg: ", e)
+      }
+    },
+    openFormattedMsgType2(key) {
+      try {
+        if(!key || !this.key_2) return
+        this.$emit("open-blocker-standard-message")
+        key = key.cod
+        this.$emit("set-standard-infos", { category: this.key_2, subject: key })
+      }catch(e) {
+        console.error("Error in openFormattedMsgType2: ", e)
+      }
+    },
+    insertFormattedMessage() {
+      try {
+        if(!this.key_3) return this.$toasted.global.defaultError({msg: 'Selecione uma mensagem'})
+        this.receiveValueFormattedMessage(`T/${this.key_2}/${this.key_3}`, 4)
+      }catch(e) {
+        console.error("Erro ao inserir mensagem formatada: ", e)
+      }
+    }
+  }
+}
+</script>