vue-intergrall-plugins 1.1.90 → 1.2.0

package/src/lib-components/Templates/TemplateMessage.vue

@@ -1,83 +1,83 @@
-<template>
-  <div class="ts-container">
-    <div class="ts-content">
-      <section :class="{'tm-container custom-box-shadow-bottom' : hasButton}">
-        <TextFooter
-          :textId="'var_1'"
-          width="full"
-          :openEmojisFrom="'top'"
-          :smallEmojis="true"
-          @final-message="preencherMensagem"
-          :placeholderMessage="'Escreva sua mensagem'"
-          :ignoreHideTextarea="true"
-          :dictionary="dictionary"
-          ref="text-footer-template-message"
-        ></TextFooter>
-        <div class="tg-btn" :class="{'small-btn' : iconButton}" v-if="hasButton">
-          <button @click="sendMessage">
-            <template v-if="!iconButton"> {{ dictionary.btn_contatar_clientes }} </template>
-            <fa-icon v-else :icon="['fas', 'paper-plane']" />
-          </button>
-        </div>
-      </section>
-    </div>
-  </div>
-</template>
-
-<script>
-import TextFooter from "../Chat/TextFooter"
-
-export default {
-  components: { TextFooter },
-  data() {
-    return {
-      message: ""
-    };
-  },
-  props: {
-    hasButton: {
-      type: Boolean,
-      required: false
-    },
-    iconButton: {
-      type: Boolean,
-      required: false
-    },
-    dictionary: {
-        type: Object,
-        required: true
-    }
-  },
-  mounted() {
-    this.initFocus()
-  },
-  methods: {
-    initFocus() {
-      this.$nextTick(() => {
-        if(this.$refs["text-footer-template-message"] && this.$refs["text-footer-template-message"].$el) {
-          this.$refs["text-footer-template-message"].$el.querySelector("textarea").focus()
-        }
-      })
-    },
-    sendMessage() {
-      this.$emit('click-trigger')
-    },
-    preencherMensagem (mensagem) {
-      this.message = mensagem
-      this.$emit("final-message", mensagem)
-    },
-    toggleClass() {
-      const elem = this.$refs[`float-container-1`]
-        ? this.$refs[`float-container-1`][0]
-        : false;
-      if (elem) {
-        if (elem.children[1] && elem.children[1].value) {
-          elem.classList.add("active");
-        } else {
-          elem.classList.toggle("active");
-        }
-      }
-    }
-  }
-};
-</script>
+<template>
+  <div class="ts-container">
+    <div class="ts-content">
+      <section :class="{'tm-container custom-box-shadow-bottom' : hasButton}">
+        <TextFooter
+          :textId="'var_1'"
+          width="full"
+          :openEmojisFrom="'top'"
+          :smallEmojis="true"
+          @final-message="preencherMensagem"
+          :placeholderMessage="'Escreva sua mensagem'"
+          :ignoreHideTextarea="true"
+          :dictionary="dictionary"
+          ref="text-footer-template-message"
+        ></TextFooter>
+        <div class="tg-btn" :class="{'small-btn' : iconButton}" v-if="hasButton">
+          <button @click="sendMessage">
+            <template v-if="!iconButton"> {{ dictionary.btn_contatar_clientes }} </template>
+            <fa-icon v-else :icon="['fas', 'paper-plane']" />
+          </button>
+        </div>
+      </section>
+    </div>
+  </div>
+</template>
+
+<script>
+import TextFooter from "../Chat/TextFooter"
+
+export default {
+  components: { TextFooter },
+  data() {
+    return {
+      message: ""
+    };
+  },
+  props: {
+    hasButton: {
+      type: Boolean,
+      required: false
+    },
+    iconButton: {
+      type: Boolean,
+      required: false
+    },
+    dictionary: {
+        type: Object,
+        required: true
+    }
+  },
+  mounted() {
+    this.initFocus()
+  },
+  methods: {
+    initFocus() {
+      this.$nextTick(() => {
+        if(this.$refs["text-footer-template-message"] && this.$refs["text-footer-template-message"].$el) {
+          this.$refs["text-footer-template-message"].$el.querySelector("textarea").focus()
+        }
+      })
+    },
+    sendMessage() {
+      this.$emit('click-trigger')
+    },
+    preencherMensagem (mensagem) {
+      this.message = mensagem
+      this.$emit("final-message", mensagem)
+    },
+    toggleClass() {
+      const elem = this.$refs[`float-container-1`]
+        ? this.$refs[`float-container-1`][0]
+        : false;
+      if (elem) {
+        if (elem.children[1] && elem.children[1].value) {
+          elem.classList.add("active");
+        } else {
+          elem.classList.toggle("active");
+        }
+      }
+    }
+  }
+};
+</script>