{"version":3,"sources":["webpack:///./src/view/dashboard/components/chat/ChatMessage.vue?81a1","webpack:///./src/enums/serviceStatus.js","webpack:///src/view/dashboard/components/chat/ChatMessage.vue","webpack:///./src/view/dashboard/components/chat/ChatMessage.vue?dc75","webpack:///./src/view/dashboard/components/chat/ChatMessage.vue","webpack:///./src/view/dashboard/components/chat/ChatMessage.vue?c229"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","newMessageClass","additionalClass","attrs","bgColor","message","id","staticClass","chatForwardMode","isQuoted","model","value","callback","$$v","isForward","expression","_e","chatCreateServiceMode","isCreateService","isCurrentUserMessage","_v","_s","displayName","inWork","length","scopedSlots","_u","key","fn","ref","on","_g","_b","_l","service","serviceInWorkColor","$event","goToService","domProps","serviceInWorkTitle","serviceInWorkSubTitle","_f","createdAt","quotedMessage","forwardMessage","isSystem","deleteMessage","activityId","scrollToQuotedComment","quotedComment","chatMessage","chatMessageTypeName","body","messageImgSrc","imageLoadSrc","showMultiMedia","caption","downloadImage","messageAudioSrc","messagePttSrc","localStorage","originalFileName","messageDocumentSrc","height","autoplay","muted","language","playbackRates","sources","type","src","staticRenderFns","ServiceStatus","TO_WORK","POSTPONED","WAITING","CLOSED","INPROGRESS","name","components","videoPlayer","created","window","VueEvent","listen","clearSendToService","clearForward","data","additionalActionsMenu","watch","$store","dispatch","props","Object","Boolean","default","scrollToQuotedMessageFnc","Function","setQuotedMessageFnc","computed","currentUser","getters","user","lastVisitedDate","currentChat","item","username","self","attendee","lastVisited","methods","fire","quotedMsgId","_getMedia","toDownload","url","messageId","downloadImg","fileName","serviceStatus","$router","push","params","component"],"mappings":"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","file":"js/chunk-4086106a.ca905c3c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{class:[_vm.newMessageClass, _vm.additionalClass],attrs:{\"color\":_vm.bgColor,\"id\":_vm.message.id,\"outlined\":\"\"}},[_c('v-card-subtitle',{staticClass:\"d-flex pa-1 pb-0\"},[(_vm.chatForwardMode && !_vm.isQuoted)?[_c('v-checkbox',{staticClass:\"ma-0 pa-0 mr-2\",attrs:{\"label\":\"Переслать\",\"hide-details\":\"auto\",\"color\":\"primary\"},model:{value:(_vm.isForward),callback:function ($$v) {_vm.isForward=$$v},expression:\"isForward\"}})]:_vm._e(),(_vm.chatCreateServiceMode && !_vm.isQuoted)?[_c('v-checkbox',{staticClass:\"ma-0 pa-0 mr-2\",attrs:{\"label\":\"Отправить в заявку\",\"hide-details\":\"auto\"},model:{value:(_vm.isCreateService),callback:function ($$v) {_vm.isCreateService=$$v},expression:\"isCreateService\"}})]:_vm._e(),(!_vm.isCurrentUserMessage || _vm.isQuoted)?_c('span',[_vm._v(\" \"+_vm._s(_vm.message.displayName)+\" \")]):_vm._e(),_c('v-spacer'),(_vm.message.inWork.length > 0)?_c('v-menu',{staticClass:\"mr-3\",attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"text\":\"\",\"dark\":\"\",\"x-small\":\"\",\"color\":\"blue-grey lighten-2\"}},'v-btn',attrs,false),on),[_vm._v(\" Заявки \")])]}}],null,false,1645462353)},[_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.message.inWork),function(service){return _c('v-list-item',{key:'message_inWork_'+service.service.id,attrs:{\"color\":_vm.serviceInWorkColor(service)},on:{\"click\":function($event){return _vm.goToService(service)}}},[_c('v-list-item-content',[_c('v-list-item-title',{domProps:{\"innerHTML\":_vm._s(_vm.serviceInWorkTitle(service))}}),_c('v-list-item-subtitle',{domProps:{\"innerHTML\":_vm._s(_vm.serviceInWorkSubTitle(service))}})],1)],1)}),1)],1):_vm._e(),(!_vm.isQuoted)?_c('span',{staticClass:\"mr-3\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.message.createdAt))+\" \")]):_vm._e(),(!_vm.isQuoted)?_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"icon\":\"\",\"dark\":\"\",\"x-small\":\"\",\"color\":\"blue-grey lighten-2\"}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-dots-vertical\")])],1)]}}],null,false,3952615771)},[_c('v-list',{attrs:{\"dense\":\"\"}},[_c('v-list-item',{on:{\"click\":_vm.quotedMessage}},[_c('v-list-item-title',[_vm._v(\"Ответить\")])],1),_c('v-list-item',{on:{\"click\":_vm.forwardMessage}},[_c('v-list-item-title',[_vm._v(\"Переслать\")])],1),(_vm.isCurrentUserMessage && !_vm.message.isSystem)?[_c('v-divider'),_c('v-list-item',{on:{\"click\":function($event){return _vm.deleteMessage(_vm.message.id, _vm.message.activityId)}}},[_c('v-list-item-title',[_vm._v(\"Удалить\")])],1)]:_vm._e()],2)],1):_vm._e()],2),(_vm.message.quotedComment)?[(!_vm.isQuoted)?_c('v-card-text',{staticClass:\"text--primary pa-0\",on:{\"click\":function($event){return _vm.scrollToQuotedComment()}}},[_c('div',{staticClass:\"quotedComment mt-1 ml-2 mr-2 pa-2\"},[_c('chat-message',{attrs:{\"message\":_vm.message.quotedComment,\"is-quoted\":true}})],1)]):_vm._e()]:_vm._e(),_c('v-card-text',{staticClass:\"text--primary pb-2\"},[(_vm.message.chatMessage.chatMessageTypeName === 'Chat')?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.message.body)}}):(_vm.message.chatMessage.chatMessageTypeName === 'Image')?_c('div',[_c('v-row',[_c('v-col',{staticClass:\"text-left\",attrs:{\"cols\":\"6\"}},[_c('v-img',{attrs:{\"max-height\":_vm.isQuoted ? 50 : 100,\"src\":_vm.messageImgSrc(_vm.message),\"lazy-src\":_vm.imageLoadSrc},on:{\"click\":_vm.showMultiMedia}})],1),_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"6\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.message.chatMessage.caption)}}),(!_vm.isQuoted)?[(_vm.message.localStorage)?_c('v-btn',{staticClass:\"mt-2\",attrs:{\"text\":\"\",\"x-small\":\"\",\"outlined\":\"\",\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.downloadImage(_vm.message)}}},[_vm._v(\" Скачать \")]):_c('v-btn',{staticClass:\"mt-2\",attrs:{\"text\":\"\",\"x-small\":\"\",\"outlined\":\"\",\"download\":\"\",\"href\":_vm.messageImgSrc(_vm.message, true),\"target\":\"_blank\"}},[_vm._v(\" Скачать \")])]:_vm._e()],2)],1)],1):(_vm.message.chatMessage.chatMessageTypeName === 'Audio')?_c('div',[_c('mini-audio',{attrs:{\"audio-source\":_vm.messageAudioSrc(_vm.message)}})],1):(_vm.message.chatMessage.chatMessageTypeName === 'Ptt')?_c('div',[_c('mini-audio',{attrs:{\"audio-source\":_vm.messagePttSrc(_vm.message)}})],1):(_vm.message.chatMessage.chatMessageTypeName === 'Document')?_c('div',[_c('v-list-item',{staticClass:\"pa-0\",attrs:{\"dense\":\"\"}},[_c('v-list-item-content',{staticClass:\"justify-end\"},[_vm._v(\" \"+_vm._s(_vm.message.localStorage ? _vm.message.localStorage.originalFileName : _vm.message.body)+\" \")]),_c('v-list-item-action',[_c('v-btn',{attrs:{\"icon\":\"\",\"outlined\":\"\",\"href\":_vm.messageDocumentSrc(_vm.message),\"target\":\"_blank\"}},[_c('v-icon',[_vm._v(\" mdi-download \")])],1)],1)],1)],1):(_vm.message.chatMessage.chatMessageTypeName === 'Video')?_c('div',[_c('video-player',{ref:\"videoPlayer\",staticClass:\"vjs-custom-skin\",attrs:{\"options\":{\n                                  height: '360',\n                                  autoplay: false,\n                                  muted: false,\n                                  language: 'ru',\n                                  playbackRates: [0.7, 1.0, 1.5, 2.0],\n                                  sources: [{\n                                      type: 'video/mp4',\n                                      // mp4\n                                      src: _vm.message.body,\n\n                                  }],\n                              },\"playsinline\":true}})],1):_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.message.body)}})])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const ServiceStatus = {\r\n    TO_WORK: '285f5dc6-4ec8-407b-9c81-77f6946030bc',\r\n    POSTPONED: '5fa99132-11ca-4ba1-8263-11439103d178',\r\n    WAITING : '8ea8b8c4-e9cd-448a-9ac4-26edd93eda10',\r\n    CLOSED : 'a231a992-e824-4897-972f-3cd9b847525f',\r\n    INPROGRESS : 'bdb3597e-0239-4d87-a327-224bf2798e38',\r\n}","<template>\r\n  <v-card\r\n      :class=\"[newMessageClass, additionalClass]\"\r\n      :color=\"bgColor\"\r\n      :id=\"message.id\"\r\n      outlined\r\n  >\r\n    <v-card-subtitle class=\"d-flex pa-1 pb-0\">\r\n      <template v-if=\"chatForwardMode && !isQuoted\">\r\n        <v-checkbox\r\n            class=\"ma-0 pa-0 mr-2\"\r\n            label=\"Переслать\"\r\n            v-model=\"isForward\"\r\n            hide-details=\"auto\"\r\n            color=\"primary\"\r\n        ></v-checkbox>\r\n      </template>\r\n      <template v-if=\"chatCreateServiceMode && !isQuoted\">\r\n        <v-checkbox\r\n            class=\"ma-0 pa-0 mr-2\"\r\n            label=\"Отправить в заявку\"\r\n            v-model=\"isCreateService\"\r\n            hide-details=\"auto\"\r\n        ></v-checkbox>\r\n      </template>\r\n      <span v-if=\"!isCurrentUserMessage || isQuoted\">\r\n          {{ message.displayName }}\r\n      </span>\r\n      <v-spacer/>\r\n      <v-menu class=\"mr-3\" offset-y v-if=\"message.inWork.length > 0\">\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n          <v-btn\r\n              text\r\n              dark\r\n              x-small\r\n              color=\"blue-grey lighten-2\"\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n          >\r\n            Заявки\r\n          </v-btn>\r\n        </template>\r\n        <v-list dense>\r\n          <v-list-item\r\n              v-for=\"service in message.inWork\"\r\n              :key=\"'message_inWork_'+service.service.id\"\r\n              :color=\"serviceInWorkColor(service)\"\r\n              @click=\"goToService(service)\"\r\n          >\r\n            <v-list-item-content>\r\n              <v-list-item-title v-html=\"serviceInWorkTitle(service)\"></v-list-item-title>\r\n              <v-list-item-subtitle v-html=\"serviceInWorkSubTitle(service)\"></v-list-item-subtitle>\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n        </v-list>\r\n      </v-menu>\r\n      <span class=\"mr-3\" v-if=\"!isQuoted\">\r\n          {{ message.createdAt | formatDate }}\r\n      </span>\r\n\r\n      <v-menu offset-y v-if=\"!isQuoted\">\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n          <v-btn\r\n              icon\r\n              dark\r\n              x-small\r\n              color=\"blue-grey lighten-2\"\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n          >\r\n            <v-icon>mdi-dots-vertical</v-icon>\r\n          </v-btn>\r\n        </template>\r\n\r\n        <v-list dense>\r\n          <v-list-item @click=\"quotedMessage\">\r\n            <v-list-item-title>Ответить</v-list-item-title>\r\n          </v-list-item>\r\n          <v-list-item @click=\"forwardMessage\">\r\n            <v-list-item-title>Переслать</v-list-item-title>\r\n          </v-list-item>\r\n          <template v-if=\"isCurrentUserMessage && !message.isSystem\">\r\n            <v-divider></v-divider>\r\n            <v-list-item\r\n                @click=\"deleteMessage(message.id, message.activityId)\">\r\n              <v-list-item-title>Удалить</v-list-item-title>\r\n            </v-list-item>\r\n          </template>\r\n        </v-list>\r\n      </v-menu>\r\n    </v-card-subtitle>\r\n    <template v-if=\"message.quotedComment\">\r\n      <v-card-text\r\n          class=\"text--primary pa-0\"\r\n          @click=\"scrollToQuotedComment()\"\r\n          v-if=\"!isQuoted\"\r\n      >\r\n        <div class=\"quotedComment mt-1 ml-2 mr-2 pa-2\">\r\n          <chat-message\r\n              :message=\"message.quotedComment\"\r\n              :is-quoted=\"true\"\r\n          ></chat-message>\r\n        </div>\r\n      </v-card-text>\r\n    </template>\r\n    <v-card-text class=\"text--primary pb-2\">\r\n      <div v-if=\"message.chatMessage.chatMessageTypeName === 'Chat'\" v-html=\"message.body\"></div>\r\n      <div v-else-if=\"message.chatMessage.chatMessageTypeName === 'Image'\">\r\n        <v-row>\r\n          <v-col cols=\"6\" class=\"text-left\">\r\n            <v-img\r\n                :max-height=\"isQuoted ? 50 : 100\"\r\n                :src=\"messageImgSrc(message)\"\r\n                :lazy-src=\"imageLoadSrc\"\r\n                v-on:click=\"showMultiMedia\"\r\n            ></v-img>\r\n          </v-col>\r\n          <v-col cols=\"6\" class=\"text-right\">\r\n            <div v-html=\"message.chatMessage.caption\">\r\n            </div>\r\n\r\n            <template v-if=\"!isQuoted\">\r\n              <v-btn\r\n                  v-if=\"message.localStorage\"\r\n                  text\r\n                  x-small\r\n                  outlined\r\n                  download\r\n                  @click=\"downloadImage(message)\"\r\n                  target=\"_blank\"\r\n                  class=\"mt-2\"\r\n              >\r\n                Скачать\r\n              </v-btn>\r\n              <v-btn\r\n                  v-else\r\n                  text\r\n                  x-small\r\n                  outlined\r\n                  download\r\n                  :href=\"messageImgSrc(message, true)\"\r\n                  target=\"_blank\"\r\n                  class=\"mt-2\"\r\n              >\r\n                Скачать\r\n              </v-btn>\r\n            </template>\r\n          </v-col>\r\n        </v-row>\r\n      </div>\r\n      <div v-else-if=\"message.chatMessage.chatMessageTypeName === 'Audio'\">\r\n        <!--                <vuetify-audio :file=\"messageAudioSrc(message)\" color=\"success\" downloadable></vuetify-audio>-->\r\n        <mini-audio\r\n            :audio-source=\"messageAudioSrc(message)\"\r\n        ></mini-audio>\r\n      </div>\r\n      <div v-else-if=\"message.chatMessage.chatMessageTypeName === 'Ptt'\">\r\n        <!--                <vuetify-audio :file=\"messagePttSrc(message)\" color=\"success\" downloadable></vuetify-audio>-->\r\n        <mini-audio\r\n            :audio-source=\"messagePttSrc(message)\"\r\n        ></mini-audio>\r\n      </div>\r\n      <div v-else-if=\"message.chatMessage.chatMessageTypeName === 'Document'\">\r\n        <v-list-item\r\n            dense\r\n            class=\"pa-0\"\r\n        >\r\n          <v-list-item-content class=\"justify-end\">\r\n            {{ message.localStorage ? message.localStorage.originalFileName : message.body }}\r\n          </v-list-item-content>\r\n          <v-list-item-action>\r\n            <!--                        {{message.localStorage ? message.localStorage.originalFileName : message.body}}-->\r\n            <v-btn\r\n                icon\r\n                outlined\r\n                :href=\"messageDocumentSrc(message)\"\r\n                target=\"_blank\"\r\n            >\r\n              <v-icon>\r\n                mdi-download\r\n              </v-icon>\r\n            </v-btn>\r\n          </v-list-item-action>\r\n        </v-list-item>\r\n      </div>\r\n      <div v-else-if=\"message.chatMessage.chatMessageTypeName === 'Video'\">\r\n        <video-player class=\"vjs-custom-skin\"\r\n                      ref=\"videoPlayer\"\r\n                      :options=\"{\r\n                                    height: '360',\r\n                                    autoplay: false,\r\n                                    muted: false,\r\n                                    language: 'ru',\r\n                                    playbackRates: [0.7, 1.0, 1.5, 2.0],\r\n                                    sources: [{\r\n                                        type: 'video/mp4',\r\n                                        // mp4\r\n                                        src: message.body,\r\n\r\n                                    }],\r\n                                }\"\r\n                      :playsinline=\"true\"\r\n        >\r\n        </video-player>\r\n      </div>\r\n      <div v-else v-html=\"message.body\"></div>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport {ServiceStatus} from \"@/enums/serviceStatus\";\r\n\r\nimport 'video.js/dist/video-js.css'\r\nimport {videoPlayer} from 'vue-video-player'\r\n\r\n\r\nexport default {\r\n  name: \"ChatMessage\",\r\n  components: {\r\n    // VuetifyAudio: () => import('vuetify-audio'),\r\n    videoPlayer\r\n  },\r\n  created() {\r\n    window.VueEvent.listen('clear-all-chat-create-service', this.clearSendToService);\r\n    window.VueEvent.listen('clear-all-chat-forward', this.clearForward);\r\n  },\r\n  data() {\r\n    return {\r\n      imageLoadSrc: require('@/assets/loading.svg'),\r\n      isForward: false,\r\n      isCreateService: false,\r\n      additionalActionsMenu: false\r\n    }\r\n  },\r\n  watch: {\r\n    isForward: function () {\r\n      if (this.isForward) {\r\n        this.$store.dispatch('addChatForwardMessage', this.message.id)\r\n      } else {\r\n        this.$store.dispatch('removeChatForwardMessage', this.message.id)\r\n      }\r\n    },\r\n    isCreateService: function () {\r\n      if (this.isCreateService) {\r\n        this.$store.dispatch('addChatCreateServiceMessage', this.message.id)\r\n      } else {\r\n        this.$store.dispatch('removeChatCreateServiceMessage', this.message.id)\r\n      }\r\n    },\r\n  },\r\n  props: {\r\n    message: Object,\r\n    isQuoted: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    scrollToQuotedMessageFnc: Function,\r\n    setQuotedMessageFnc: Function\r\n  },\r\n  computed: {\r\n    currentUser() {\r\n      return this.$store.getters.user\r\n    },\r\n    lastVisitedDate() {\r\n      let self = this\r\n      if (this.currentChat) {\r\n        let attendee = this.currentChat.attendees.find(function (item) {\r\n          return item.username === self.currentUser\r\n        })\r\n        if (attendee) {\r\n          return attendee.lastVisited\r\n        }\r\n\r\n        return null\r\n      }\r\n\r\n      return null\r\n    },\r\n    currentChat() {\r\n      return this.$store.getters.currentChat\r\n    },\r\n    isCurrentUserMessage() {\r\n      return this.message.username === this.currentUser\r\n    },\r\n    bgColor() {\r\n      if (this.isQuoted) {\r\n        return 'transparent'\r\n      }\r\n      if (this.message.isSystem) {\r\n        return 'grey lighten-2'\r\n      }\r\n      if (this.lastVisitedDate == null || this.lastVisitedDate < this.message.createdAt) {\r\n        return 'deep-purple lighten-3'\r\n      } else if (this.isCurrentUserMessage) {\r\n        return 'deep-purple lighten-4'\r\n      } else {\r\n        return 'grey lighten-2'\r\n      }\r\n    },\r\n    newMessageClass() {\r\n      return this.lastVisitedDate == null || this.lastVisitedDate < this.message.createdAt ? 'new_message' : ''\r\n    },\r\n    additionalClass() {\r\n      return this.message.isSystem ? 'message--system' : ''\r\n    },\r\n    chatForwardMode() {\r\n      return this.$store.getters.chatForwardMode\r\n    },\r\n    chatCreateServiceMode() {\r\n      return this.$store.getters.chatCreateServiceMode\r\n    },\r\n  },\r\n  methods: {\r\n    showMultiMedia() {\r\n      window.VueEvent.fire('show-chat-message-multi-media', this.message)\r\n    },\r\n    forwardMessage() {\r\n      this.additionalActionsMenu = false\r\n      this.$store.dispatch('setChatForwardMode', true)\r\n      this.isForward = true\r\n    },\r\n    quotedMessage() {\r\n      this.additionalActionsMenu = false\r\n      this.setQuotedMessageFnc(this.message.id)\r\n    },\r\n    scrollToQuotedComment() {\r\n      this.scrollToQuotedMessageFnc(this.message.chatMessage.quotedMsgId)\r\n    },\r\n    messageImgSrc(message, toDownload = false) {\r\n      return this._getMedia('image', message, toDownload)\r\n    },\r\n    messageAudioSrc(message) {\r\n      return this._getMedia('audio', message)\r\n      // return message.body\r\n    },\r\n    messagePttSrc(message) {\r\n      return this._getMedia('ptt', message)\r\n      // return message.body\r\n    },\r\n    messageDocumentSrc(message) {\r\n      return this._getMedia('document', message)\r\n      // return message.body\r\n    },\r\n    _getMedia(type, message, toDownload = false) {\r\n      if (message.localStorage) {\r\n        let url = `${process.env.VUE_APP_API_PATH}filestorage/activities/${this.currentChat.id}/${type}/${message.localStorage.localFileName}`\r\n        if (type === 'image' && !toDownload) {\r\n          url += '/thumbnail'\r\n        }\r\n        url += '?v=1.0'\r\n        return url\r\n      } else {\r\n        return message.body\r\n      }\r\n    },\r\n    deleteMessage(messageId, activityId) {\r\n      this.$store.dispatch('deleteMessage', {\r\n        messageId: messageId,\r\n        activityId: activityId\r\n      })\r\n    },\r\n    downloadImage(message) {\r\n      let url = this.messageImgSrc(message, true)\r\n      let fileName = message.localStorage.originalFileName\r\n      this.downloadImg(url, fileName)\r\n    },\r\n    clearSendToService() {\r\n      this.isCreateService = false\r\n    },\r\n    clearForward() {\r\n      this.isForward = false\r\n    },\r\n    serviceInWorkColor(service) {\r\n      return service.service.serviceStatus !== ServiceStatus.CLOSED ? 'red lighten-4' : 'green lighten-4'\r\n    },\r\n    serviceInWorkTitle(service) {\r\n      return `Заявка №${service.service.number} Менеджер ${service.userDisplayName}`\r\n    },\r\n    serviceInWorkSubTitle(service) {\r\n      return `Клиент ${service.service.client.name} Статус ${service.service.serviceStatus.name}`\r\n    },\r\n    goToService(service){\r\n      const serviceId = service.service.id\r\n      this.$router.push({\r\n        name: 'ServicesCard',\r\n        params: {serviceId}\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n$textSize: 10px;\r\n$quotedCommentTextSize: 10px;\r\n\r\n.message--system {\r\n  .v-card__subtitle {\r\n    font-size: $textSize;\r\n  }\r\n\r\n  .v-card__text {\r\n    font-size: $textSize;\r\n  }\r\n}\r\n\r\n.quotedComment {\r\n  font-size: $quotedCommentTextSize;\r\n  background-color: #eceff17d !important;\r\n  border-radius: 10px;\r\n  box-shadow: 0 1px 1px rgb(0 0 0 / 25%), 0 1px 10px rgb(0 0 0 / 22%);\r\n  border-left: #1E88E5 3px solid;\r\n}\r\n\r\n.v-application .highlight {\r\n  background-color: #9FA8DA !important;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatMessage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatMessage.vue?vue&type=template&id=ab36f170&scoped=true&\"\nimport script from \"./ChatMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatMessage.vue?vue&type=style&index=0&id=ab36f170&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ab36f170\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatMessage.vue?vue&type=style&index=0&id=ab36f170&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatMessage.vue?vue&type=style&index=0&id=ab36f170&scoped=true&lang=scss&\""],"sourceRoot":""}