vue-intergrall-plugins 0.0.141 → 0.0.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/vue-intergrall-plugins.esm.js +46 -4
  2. package/dist/vue-intergrall-plugins.min.js +1 -1
  3. package/dist/vue-intergrall-plugins.ssr.js +44 -5
  4. package/package.json +63 -63
  5. package/src/lib-components/Messages/ChatMessages.vue +38 -4
package/dist/vue-intergrall-plugins.ssr.js CHANGED
@@ -6518,11 +6518,12 @@ var script$3 = {
6518
6518
  AnexoMensagem: AnexoMensagem,
6519
6519
  InteratividadeBotoes: InteratividadeBotoes
6520
6520
  },
6521
- props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply"],
6521
+ props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao"],
6522
6522
  data: function data() {
6523
6523
  return {
6524
6524
  strTooltipAux: "",
6525
6525
  linkAux: "",
6526
+ reply: "reply",
6526
6527
  center: {},
6527
6528
  marker: {},
6528
6529
  infos: [],
@@ -6562,13 +6563,32 @@ var script$3 = {
6562
6563
  set: function set(msg) {
6563
6564
  return this.contentTooltip = msg;
6564
6565
  }
6566
+ },
6567
+ contentTooltipStar: function contentTooltipStar() {
6568
+ var tooltipStar = "";
6569
+
6570
+ if (this.iniDialogo == 1) {
6571
+ tooltipStar += this.dictionary['ini_sessao'] + "<br/>";
6572
+ tooltipStar += this.dictionary['id_conversa'] + " - " + this.dialogoId + "<br/>";
6573
+ tooltipStar += this.dictionary['origem_conversa'] + " - " + this.dialogoOrigem + "<br/>";
6574
+ tooltipStar += this.dictionary['expiracao_sessao'] + " - " + formataTimezoneData(this.expSessao) + "<br/>";
6575
+ return tooltipStar;
6576
+ }
6577
+
6578
+ return tooltipStar;
6565
6579
  }
6566
6580
  },
6567
6581
  mounted: function mounted() {
6568
6582
  if (this.mapa) this.setMap();
6569
6583
  if (this.corMsg) this.setCorMsg();
6584
+ this.setClasses();
6570
6585
  },
6571
6586
  methods: {
6587
+ setClasses: function setClasses() {
6588
+ if (this.hasReply && (this.status == "C" || this.status == "T") && this.iniDialogo == 0) {
6589
+ this.reply = "reply reply-with-2-icons";
6590
+ }
6591
+ },
6572
6592
  setCorMsg: function setCorMsg() {
6573
6593
  try {
6574
6594
  var root = document.documentElement;
@@ -6677,7 +6697,7 @@ var __vue_render__$3 = function __vue_render__() {
6677
6697
  name: "tippy",
6678
6698
  rawName: "v-tippy"
6679
6699
  }],
6680
- staticClass: "reply",
6700
+ class: _vm.reply,
6681
6701
  attrs: {
6682
6702
  "content": _vm.msgReply ? _vm.msgReply : 'Fazer reenvio da mensagem'
6683
6703
  },
@@ -6695,6 +6715,25 @@ var __vue_render__$3 = function __vue_render__() {
6695
6715
  "name": "fade",
6696
6716
  "mode": "out-in"
6697
6717
  }
6718
+ }, [_vm.iniDialogo == 1 ? _c('span', {
6719
+ directives: [{
6720
+ name: "tippy",
6721
+ rawName: "v-tippy"
6722
+ }],
6723
+ key: "star-padrao",
6724
+ staticClass: "star dourado",
6725
+ attrs: {
6726
+ "content": _vm.contentTooltipStar
6727
+ }
6728
+ }, [_c('fa-icon', {
6729
+ attrs: {
6730
+ "icon": ['fas', 'star']
6731
+ }
6732
+ })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
6733
+ attrs: {
6734
+ "name": "fade",
6735
+ "mode": "out-in"
6736
+ }
6698
6737
  }, [_vm.status == 'D' ? _c('span', {
6699
6738
  directives: [{
6700
6739
  name: "tippy",
@@ -6801,8 +6840,8 @@ var __vue_staticRenderFns__$3 = [];
6801
6840
 
6802
6841
  var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
6803
6842
  if (!inject) return;
6804
- inject("data-v-8155b550_0", {
6805
- source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.85rem;word-break:break-word}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:30px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros .check{display:none}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
6843
+ inject("data-v-c1e72e34_0", {
6844
+ source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.85rem;word-break:break-word}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:3px;font-size:.7rem}.star.dourado svg{color:gold}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros .check{display:none}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
6806
6845
  map: undefined,
6807
6846
  media: undefined
6808
6847
  });
@@ -6813,7 +6852,7 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
6813
6852
  var __vue_scope_id__$3 = undefined;
6814
6853
  /* module identifier */
6815
6854
 
6816
- var __vue_module_identifier__$3 = "data-v-8155b550";
6855
+ var __vue_module_identifier__$3 = "data-v-c1e72e34";
6817
6856
  /* functional template */
6818
6857
 
6819
6858
  var __vue_is_functional_template__$3 = false;
package/package.json CHANGED
@@ -1,63 +1,63 @@
1
- {
2
- "name": "vue-intergrall-plugins",
3
- "version": "0.0.141",
4
- "description": "",
5
- "main": "dist/vue-intergrall-plugins.ssr.js",
6
- "browser": "dist/vue-intergrall-plugins.esm.js",
7
- "module": "dist/vue-intergrall-plugins.esm.js",
8
- "unpkg": "dist/vue-intergrall-plugins.min.js",
9
- "files": [
10
- "dist/*",
11
- "src/**/*.vue"
12
- ],
13
- "sideEffects": false,
14
- "scripts": {
15
- "serve": "vue-cli-service serve dev/serve.js",
16
- "prebuild": "rimraf ./dist",
17
- "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
18
- "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
19
- "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
20
- "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"
21
- },
22
- "dependencies": {},
23
- "devDependencies": {
24
- "@babel/core": "^7.15.5",
25
- "@babel/preset-env": "^7.15.6",
26
- "@rollup/plugin-alias": "^3.1.2",
27
- "@rollup/plugin-babel": "^5.3.0",
28
- "@rollup/plugin-commonjs": "^14.0.0",
29
- "@rollup/plugin-json": "^4.1.0",
30
- "@rollup/plugin-node-resolve": "^9.0.0",
31
- "@rollup/plugin-replace": "^2.4.2",
32
- "@vue/cli-plugin-babel": "^4.5.13",
33
- "@vue/cli-service": "^4.5.13",
34
- "autoprefixer": "^10.3.6",
35
- "cross-env": "^7.0.3",
36
- "cssnano": "^5.0.8",
37
- "minimist": "^1.2.5",
38
- "rimraf": "^3.0.2",
39
- "rollup": "^2.58.0",
40
- "rollup-plugin-terser": "^7.0.2",
41
- "rollup-plugin-vue": "^5.1.9",
42
- "vue": "^2.6.14",
43
- "vue-template-compiler": "^2.6.14"
44
- },
45
- "peerDependencies": {
46
- "vue": "^2.6.14",
47
- "@fortawesome/fontawesome-free": "^5.15.4",
48
- "@fortawesome/fontawesome-svg-core": "^1.2.36",
49
- "@fortawesome/free-solid-svg-icons": "^5.15.4",
50
- "@fortawesome/vue-fontawesome": "^2.0.2",
51
- "@popperjs/core": "^2.10.2",
52
- "core-js": "^3.18.1",
53
- "postcss": "^8.3.8",
54
- "vue-clickaway": "^2.2.2",
55
- "vue-select": "^3.13.0",
56
- "vue-tippy": "^4.12.0",
57
- "vue-toasted": "^1.1.28",
58
- "vue2-google-maps": "^0.10.7"
59
- },
60
- "engines": {
61
- "node": ">=12"
62
- }
63
- }
1
+ {
2
+ "name": "vue-intergrall-plugins",
3
+ "version": "0.0.142",
4
+ "description": "",
5
+ "main": "dist/vue-intergrall-plugins.ssr.js",
6
+ "browser": "dist/vue-intergrall-plugins.esm.js",
7
+ "module": "dist/vue-intergrall-plugins.esm.js",
8
+ "unpkg": "dist/vue-intergrall-plugins.min.js",
9
+ "files": [
10
+ "dist/*",
11
+ "src/**/*.vue"
12
+ ],
13
+ "sideEffects": false,
14
+ "scripts": {
15
+ "serve": "vue-cli-service serve dev/serve.js",
16
+ "prebuild": "rimraf ./dist",
17
+ "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
18
+ "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
19
+ "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
20
+ "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"
21
+ },
22
+ "dependencies": {},
23
+ "devDependencies": {
24
+ "@babel/core": "^7.15.5",
25
+ "@babel/preset-env": "^7.15.6",
26
+ "@rollup/plugin-alias": "^3.1.2",
27
+ "@rollup/plugin-babel": "^5.3.0",
28
+ "@rollup/plugin-commonjs": "^14.0.0",
29
+ "@rollup/plugin-json": "^4.1.0",
30
+ "@rollup/plugin-node-resolve": "^9.0.0",
31
+ "@rollup/plugin-replace": "^2.4.2",
32
+ "@vue/cli-plugin-babel": "^4.5.13",
33
+ "@vue/cli-service": "^4.5.13",
34
+ "autoprefixer": "^10.3.6",
35
+ "cross-env": "^7.0.3",
36
+ "cssnano": "^5.0.8",
37
+ "minimist": "^1.2.5",
38
+ "rimraf": "^3.0.2",
39
+ "rollup": "^2.58.0",
40
+ "rollup-plugin-terser": "^7.0.2",
41
+ "rollup-plugin-vue": "^5.1.9",
42
+ "vue": "^2.6.14",
43
+ "vue-template-compiler": "^2.6.14"
44
+ },
45
+ "peerDependencies": {
46
+ "vue": "^2.6.14",
47
+ "@fortawesome/fontawesome-free": "^5.15.4",
48
+ "@fortawesome/fontawesome-svg-core": "^1.2.36",
49
+ "@fortawesome/free-solid-svg-icons": "^5.15.4",
50
+ "@fortawesome/vue-fontawesome": "^2.0.2",
51
+ "@popperjs/core": "^2.10.2",
52
+ "core-js": "^3.18.1",
53
+ "postcss": "^8.3.8",
54
+ "vue-clickaway": "^2.2.2",
55
+ "vue-select": "^3.13.0",
56
+ "vue-tippy": "^4.12.0",
57
+ "vue-toasted": "^1.1.28",
58
+ "vue2-google-maps": "^0.10.7"
59
+ },
60
+ "engines": {
61
+ "node": ">=12"
62
+ }
63
+ }
package/src/lib-components/Messages/ChatMessages.vue CHANGED
@@ -30,7 +30,10 @@
30
30
  />
31
31
  <span class="horario-envio" v-text="horario"></span>
32
32
  <transition name="fade" mode="out-in">
33
- <span class="reply" v-if="hasReply && (status == 'C' || status == 'T')" v-tippy :content="msgReply ? msgReply : 'Fazer reenvio da mensagem'" @click="$emit('replyMsg')"> <fa-icon :icon="['fas', 'reply']" /> </span>
33
+ <span :class="reply" v-if="hasReply && (status == 'C' || status == 'T')" v-tippy :content="msgReply ? msgReply : 'Fazer reenvio da mensagem'" @click="$emit('replyMsg')"> <fa-icon :icon="['fas', 'reply']" /> </span>
34
+ </transition>
35
+ <transition name="fade" mode="out-in">
36
+ <span class="star dourado" v-if="iniDialogo == 1" :content="contentTooltipStar" v-tippy key="star-padrao"> <fa-icon :icon="['fas', 'star']" /> </span>
34
37
  </transition>
35
38
  <transition name="fade" mode="out-in">
36
39
  <span class="check" v-if="status == 'D'" :content="contentTooltip" v-tippy key="check-padrao"> <fa-icon :icon="['fas', 'check']" /> </span>
@@ -50,14 +53,16 @@
50
53
  <script>
51
54
  import AnexoMensagem from "./AnexoMensagem"
52
55
  import InteratividadeBotoes from "./InteratividadeBotoes"
56
+ import { formataTimezoneData } from "../../services/textFormatting"
53
57
 
54
58
  export default {
55
59
  components: { AnexoMensagem, InteratividadeBotoes },
56
- props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply"],
60
+ props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao"],
57
61
  data(){
58
62
  return{
59
63
  strTooltipAux: "",
60
64
  linkAux: "",
65
+ reply: "reply",
61
66
  center: {},
62
67
  marker: {},
63
68
  infos: [],
@@ -97,13 +102,30 @@ export default {
97
102
  set(msg){
98
103
  return this.contentTooltip = msg
99
104
  }
105
+ },
106
+ contentTooltipStar() {
107
+ let tooltipStar = "";
108
+ if(this.iniDialogo == 1){
109
+ tooltipStar += this.dictionary['ini_sessao']+"<br/>"
110
+ tooltipStar += this.dictionary['id_conversa']+" - "+this.dialogoId+"<br/>"
111
+ tooltipStar += this.dictionary['origem_conversa']+" - "+this.dialogoOrigem+"<br/>"
112
+ tooltipStar += this.dictionary['expiracao_sessao']+" - "+formataTimezoneData(this.expSessao)+"<br/>"
113
+ return tooltipStar
114
+ }
115
+ return tooltipStar
100
116
  }
101
117
  },
102
118
  mounted() {
103
119
  if(this.mapa) this.setMap()
104
120
  if(this.corMsg) this.setCorMsg()
121
+ this.setClasses()
105
122
  },
106
123
  methods: {
124
+ setClasses(){
125
+ if(this.hasReply && (this.status == "C" || this.status == "T") && this.iniDialogo == 0){
126
+ this.reply = "reply reply-with-2-icons"
127
+ }
128
+ },
107
129
  setCorMsg() {
108
130
  try {
109
131
  const root = document.documentElement
@@ -201,7 +223,7 @@ export default {
201
223
  .reply {
202
224
  cursor: pointer;
203
225
  position: absolute;
204
- right: 30px;
226
+ right: 53px;
205
227
  bottom: 5px;
206
228
  font-size: .6rem;
207
229
  color: #67a332;
@@ -217,6 +239,9 @@ export default {
217
239
  margin-top: -1px;
218
240
  margin-right: -1px;
219
241
  }
242
+ .reply-with-2-icons{
243
+ right: 30px;
244
+ }
220
245
 
221
246
  .check{
222
247
  cursor: pointer;
@@ -240,7 +265,16 @@ export default {
240
265
  .check.preto, .check.preto svg{
241
266
  color: #666
242
267
  }
243
-
268
+ .star{
269
+ cursor: pointer;
270
+ position: absolute;
271
+ right: 30px;
272
+ bottom: 3px;
273
+ font-size: 0.7rem;
274
+ }
275
+ .star.dourado svg{
276
+ color: gold
277
+ }
244
278
  .horario-envio {
245
279
  margin-right: 15px;
246
280
  font-size: 0.7rem;