{"version":3,"sources":["webpack:///./src/modules/contratos/components/Chat/Chat.vue","webpack:///src/modules/contratos/components/Chat/Chat.vue","webpack:///./src/modules/contratos/components/Chat/Chat.vue?d636","webpack:///./src/modules/contratos/components/Chat/Chat.vue?2ca7","webpack:///./src/modules/contratos/components/Chat/Chat.vue?a962"],"names":["staticClass","_c","attrs","_vm","_v","on","$event","getMessages","ref","staticStyle","_l","key","message","directives","name","rawName","expression","stopPropagation","staticRenderFns","render","props","refcontrato","Number","String","components","Message","MessageInput","data","progress","socket","messages","polling","beforeDestroy","clearInterval","mounted","dropzone","$refs","chatWrapper","i","length","userColor","pallete","idUsuario","addEventListener","e","preventDefault","messageInput","showFiles","setInterval","methods","scrollToEnd","$nextTick","container","$el","querySelector","scrollTop","scrollHeight","scrollTo","currentHeight","chatContainer","difference","totalChatHeight","onScroll","Math","abs","clientHeight","axios","url","map","x","refcolaborador","refadministrador","component"],"mappings":"8PAAwKA,aAA4C,IAAGC,EAAG,KAAUC,EAAK,EAAC,S,OAAC,EAAM,OAAG,C,MAAC,CAAW,c,CAAW,UAAmC,2BAAG,CAACC,EAAG,OAAa,CAAW,YAAYC,kCAA4B,GAAG,OAAI,CAAwBF,MAAM,CAAC,KAAO,GAAI,MAAQ,IAAWG,SAAG,CAAC,YAAQ,EAASC,qB,EAAiC,aAAWC,W,MAAkC,iCAAC,uBAAE,MAAK,CAAUL,MAAM,GAAC,MAAO,WAAI,GAAEC,CAAsFK,MAAI,SAAa,GAAc,OAAbC,EAAW,kBAAW,EAAC,qC,CAAY,SAAK,C,MAAc,CAAU,UAAcD,GAAI,mBAAe,+CAACR,kBAA6BK,YAAG,CAAC,QAASF,KAAc,MAAMO,CAAoC,GAAOT,cAAcU,MAAIC,K,GAAyB,O,IAAkB,gB,YAAI,iB,GAAC,C,OAAoC,EAACT,WAAiB,CAAC,6BAAE,OAAI,aAAgCU,MAAY,UAACC,MAAK,CAAOC,QAAQ,GAAoCC,IAA6B,wBAACd,OAAM,oBAA4B,SAAS,W,WAAS,CAAE,CAAC,YAAc,QAAQ,SAAI,MAAO,EAAC,YAAG,8B,MAAK,C,MAAgCe,U,IAAkB,GAA6C,QAAC,SAAIhB,SAAW,GAAmEO,OAAI,GAAeN,MAAM,IAA8B,GAAC,CAAG,MAAC,YAAyB,OAAxB,EAAQ,kBAAgB,uCAE39CgB,aAAe,GAAK,yDAExB,IAASC,e,wFCgCM,GACfC,MAAA,CAEAC,YAAAC,OAAAC,QAEAC,WAAA,CACAC,YAAA,gDACAC,iBAAA,iDAEAC,OACA,OACAC,SAAA,EACAC,OAAA,KACAC,SAAA,GACAC,QAAA,OAGAC,gBACAC,cAAA,KAAAF,UAEAG,UACA,MAAAC,EAAA,KAAAC,MAAAC,YAEA,QAAAC,EAAA,EAAAA,EAAA,KAAAR,SAAAS,OAAAD,GAAA,EACA,KAAAR,SAAAQ,GAAAE,UACAC,QACA,KAAAX,SAAAQ,GAAAI,UAAAD,OAAAF,OAAAE,OAAAF,QACAE,OAAAF,QAIAJ,EAAAQ,iBAAA,YAAAC,IACAA,EAAAC,iBACA,KAAAT,MAAAU,aAAAlC,QAAAmC,WAAA,IAIA,KAAAxC,cAGA,KAAAwB,QAAAiB,YAAA,KACA,KAAAzC,eACA,MAGA0C,QAAA,CACAC,cACA,KAAAC,UAAA,KACA,IAAAC,EAAA,KAAAC,IAAAC,cAAA,mBACAF,EAAAG,UAAAH,EAAAI,gBAGAC,WACA,KAAAN,UAAA,KACA,IAAAO,EAAA,KAAAtB,MAAAuB,cAAAH,aACAI,EAAAF,EAAA,KAAAG,gBACA,IAAAT,EAAA,KAAAC,IAAAC,cAAA,mBACAF,EAAAG,UAAAK,KAGAE,WACA,MAAAlC,EAAAmC,KAAAC,IACA,KAAA5B,MAAAuB,cAAAJ,WACA,KAAAnB,MAAAuB,cAAAH,aACA,KAAApB,MAAAuB,cAAAM,eAGA,KAAArC,SADAA,EAAA,EACA,EACAA,EAAA,EACA,EAEAA,GAGA,oBACA,MAAAD,KAAAG,SAAAoC,MAAA,CAAAC,IAAA,cAAA9C,cAEA,KAAAS,WAAAsC,IAAAC,IAAA,IACAA,EACA7B,UAAAC,SAAA4B,EAAAC,gBAAAD,EAAAE,iBAAA9B,OAAAF,QAAAE,OAAAF,QAAAE,OAAAF,cCnHwZ,I,wBCQpZiC,EAAY,eACd,EACA,EACAtD,GACA,EACA,KACA,KACA,MAIa,aAAAsD,E,2CCnBf","file":"js/chunk-23e8a645.95a0b76f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{attrs:{\"outlined\":\"\"}},[_c('v-sheet',{staticClass:\"d-flex pa-4\"},[_c('v-card-subtitle',{staticClass:\"pa-0 d-flex align-center w-100\"},[_c('v-icon',{attrs:{\"left\":\"\",\"small\":\"\"},domProps:{\"textContent\":_vm._s('mdi-message')}}),_vm._t(\"titulo\",function(){return [_vm._v(\"Mensajes contratos\")]})],2),_c('v-spacer'),_c('v-btn',{attrs:{\"small\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.getMessages.apply(null, arguments)}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-reload\")]),_vm._v(\" Recargar \")],1)],1),_c('v-divider'),_c('v-container',{ref:\"chatWrapper\",staticStyle:{\"padding\":\"0\"},attrs:{\"id\":\"chatWrapper\",\"fluid\":\"\"}},[_c('div',{ref:\"chatContainer\",staticClass:\"chat-container\",on:{\"scroll\":_vm.onScroll}},[_vm._l((_vm.messages),function(message){return _c('message',{key:message.idMensaje,attrs:{\"message\":message},on:{\"imageLoad\":_vm.scrollToEnd,\"reload\":_vm.getMessages}})}),_c('v-fab-transition',[_c('v-btn',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.progress > 0.1),expression:\"progress > 0.1\"}],attrs:{\"color\":\"primary\",\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"absolute\":\"\",\"bottom\":\"\",\"right\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.scrollToEnd.apply(null, arguments)}}},[_c('v-icon',[_vm._v(\"mdi-arrow-down-thick\")])],1)],1)],2),_c('message-input',{ref:\"messageInput\",attrs:{\"refcontrato\":_vm.refcontrato},on:{\"reload\":_vm.getMessages}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card outlined>\r\n    <v-sheet class=\"d-flex pa-4\">\r\n\t\t\t\t<v-card-subtitle class=\"pa-0 d-flex align-center w-100\">\r\n\t\t\t\t\t<v-icon left small v-text=\"'mdi-message'\" />\r\n\t\t\t\t\t<slot name=\"titulo\">Mensajes contratos</slot>\r\n\t\t\t\t</v-card-subtitle>\r\n        <v-spacer />\r\n        <v-btn @click.stop=\"getMessages\" small color=\"primary\" >\r\n          <v-icon left>mdi-reload</v-icon>\r\n          Recargar\r\n        </v-btn>\r\n\t\t\t</v-sheet>\r\n\t\t\t<v-divider />\r\n    <v-container id=\"chatWrapper\" ref=\"chatWrapper\" fluid style=\"padding: 0;\">\r\n      <div class=\"chat-container\" ref=\"chatContainer\" @scroll=\"onScroll\">\r\n        <message v-for=\"message in messages\" :key=\"message.idMensaje\" :message=\"message\" @imageLoad=\"scrollToEnd\"\r\n          @reload=\"getMessages\"></message>\r\n\r\n        <v-fab-transition>\r\n          <v-btn v-show=\"progress > 0.1\" color=\"primary\" fab dark small absolute bottom right @click.stop=\"scrollToEnd\">\r\n            <v-icon>mdi-arrow-down-thick</v-icon>\r\n          </v-btn>\r\n        </v-fab-transition>\r\n      </div>\r\n\r\n      <message-input ref=\"messageInput\" :refcontrato=\"refcontrato\" @reload=\"getMessages\" />\r\n    </v-container>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport pallete from \"@/utils/colorPallete.js\";\r\n// import \"viewerjs/dist/viewer.css\";\r\n// import { useWebSocket } from \"@/services/useWebSocket.js\";\r\n\r\nexport default {\r\n  props: {\r\n    // messages: Array,\r\n    refcontrato: Number | String,\r\n  },\r\n  components: {\r\n    Message: () => import(\"./Message.vue\"),\r\n    MessageInput: () => import(\"./MessageInput.vue\"),\r\n  },\r\n  data() {\r\n    return {\r\n      progress: 0,\r\n      socket: null,\r\n      messages: [],\r\n      polling: null,\r\n    };\r\n  },\r\n  beforeDestroy() {\r\n    clearInterval(this.polling)\r\n  },\r\n  mounted() {\r\n    const dropzone = this.$refs.chatWrapper;\r\n\r\n    for (let i = 0; i < this.messages.length; i += 1) {\r\n      this.messages[i].userColor =\r\n        pallete[\r\n        ((this.messages[i].idUsuario % pallete.length) + pallete.length) %\r\n        pallete.length\r\n        ];\r\n    }\r\n\r\n    dropzone.addEventListener(\"dragenter\", (e) => {\r\n      e.preventDefault();\r\n      this.$refs.messageInput.message.showFiles = true;\r\n    });\r\n\r\n    // this.socket = useWebSocket( process.env.VUE_APP_API_URL, `/chat/${this.idEstudio}` );\r\n    this.getMessages();\r\n\r\n\r\n    this.polling = setInterval(() => {\r\n      this.getMessages();\r\n    }, 1000 * 60 * 1.5)\r\n\r\n  },\r\n  methods: {\r\n    scrollToEnd() {\r\n      this.$nextTick(() => {\r\n        var container = this.$el.querySelector(\".chat-container\");\r\n        container.scrollTop = container.scrollHeight;\r\n      });\r\n    },\r\n    scrollTo() {\r\n      this.$nextTick(() => {\r\n        let currentHeight = this.$refs.chatContainer.scrollHeight;\r\n        let difference = currentHeight - this.totalChatHeight;\r\n        var container = this.$el.querySelector(\".chat-container\");\r\n        container.scrollTop = difference;\r\n      });\r\n    },\r\n    onScroll() {\r\n      const progress = Math.abs(\r\n        this.$refs.chatContainer.scrollTop /\r\n        (this.$refs.chatContainer.scrollHeight -\r\n          this.$refs.chatContainer.clientHeight)\r\n      );\r\n      if (progress > 1) {\r\n        this.progress = 1;\r\n      } else if (progress < 0) {\r\n        this.progress = 0;\r\n      } else {\r\n        this.progress = progress;\r\n      }\r\n    },\r\n    async getMessages() {\r\n      const { data: messages } = await axios({ url: `/chat/${this.refcontrato}` })\r\n\r\n      this.messages = messages.map(x => ({\r\n        ...x,\r\n        userColor: pallete[((x.refcolaborador || x.refadministrador % pallete.length) + pallete.length) % pallete.length],\r\n      }));\r\n\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.chat-container {\r\n  box-sizing: border-box;\r\n  min-height: 200px;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n  gap: 10px;\r\n  background-color: #e4e4e4;\r\n}\r\n\r\n.theme--dark .chat-container {\r\n  background-color: #272727;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Chat.vue?vue&type=template&id=5acb4c3d\"\nimport script from \"./Chat.vue?vue&type=script&lang=js\"\nexport * from \"./Chat.vue?vue&type=script&lang=js\"\nimport style0 from \"./Chat.vue?vue&type=style&index=0&id=5acb4c3d&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=style&index=0&id=5acb4c3d&prod&lang=css\""],"sourceRoot":""}