{"version":3,"sources":["webpack:///./src/components/Conversation/Participant.vue?d1fa","webpack:///src/components/Conversation/Participant.vue","webpack:///./src/components/Conversation/Participant.vue?4bba","webpack:///./src/components/Conversation/Participant.vue","webpack:///./src/components/Conversation/Participant.vue?5599"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","participant","on","logOut","openUpdatePassModal","handup","class","isHandup","onMessageWasSent","jointMessageList","newMessagesCount","isChatOpen","closeChat","openChat","colors","messageStyling","scopedSlots","_u","key","fn","ref","message","data","checkedSameLastUser","_e","author","staticStyle","eventsCalendar","model","value","callback","$$v","date","expression","_f","Object","keys","filterdEvents","_m","_l","event","index","selected","selectedEvent","$event","clickEvent","niceTime","start","end","title","eventId","isOpenUpdatePassModal","preventDefault","validatePassword","errors","has","first","slot","directives","name","rawName","currentPassword","required","regex","min","password","is","confirmPassword","staticRenderFns","namespace","currentMessageList","txtMessage","txtMessageRecive","$store","state","authParticipant","participantHost","icons","open","img","close","file","closeSvg","messageList","showTypingIndicator","alwaysScrollToBottom","header","bg","text","launcher","sentMessage","receivedMessage","userInput","participantName","Date","email","room","created","getRealtimeData","window","addEventListener","leaveRoom","fetchEventsByParticipant","methods","self","push","map","type","sender","updateHandup","dispatch","then","chat","sendMessage","length","formatDate","$moment","format","replace","niceDate","$validator","validateAll","result","updatePassWord","updatePassword","duration","$nextTick","computed","item","o","evs","arr","forEach","component"],"mappings":"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","file":"js/chunk-4221b8bf.6645cdee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"participant\"}},[_c('div',{staticClass:\"hero-body\"},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"chat-room-title\"},[_vm._v(\"Phòng trò chuyện\")]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-half is-offset-one-half\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('p',[_vm._v(\"Người dùng: \"),_c('span',{staticClass:\"has-text-weight-semibold\"},[_vm._v(_vm._s(_vm.participant))])]),_c('button',{staticClass:\"button-logout\",on:{\"click\":_vm.logOut}},[_c('b-icon',{attrs:{\"type\":\"is-info\",\"icon\":\"sign-out-alt\",\"pack\":\"fas\",\"size\":\"is-medium\"}})],1),_c('button',{staticClass:\"button is-info\",on:{\"click\":_vm.openUpdatePassModal}},[_vm._v(\"Đổi mật khẩu\")])]),_c('div',{staticClass:\"column\"},[_vm._v(\"\\n              Giơ tay xin bật mic \"),_c('span',{staticClass:\"hand-wrapper\",on:{\"click\":_vm.handup}},[_c('b-icon',{staticClass:\"hand-icon\",class:{'enabled': _vm.isHandup},attrs:{\"type\":\"is-info\",\"icon\":\"hand-paper\",\"pack\":\"fas\",\"size\":\"is-medium\"}})],1)])]),_c('beautiful-chat',{class:'participant-chat-box',attrs:{\"participants\":[],\"titleImageUrl\":'',\"onMessageWasSent\":_vm.onMessageWasSent,\"messageList\":_vm.jointMessageList,\"newMessagesCount\":_vm.newMessagesCount,\"isOpen\":_vm.isChatOpen,\"close\":_vm.closeChat,\"open\":_vm.openChat,\"showEmoji\":false,\"showFile\":false,\"showTypingIndicator\":'',\"showLauncher\":true,\"showCloseButton\":false,\"colors\":_vm.colors,\"alwaysScrollToBottom\":true,\"messageStyling\":_vm.messageStyling,\"placeholder\":'Gửi tin nhắn'},scopedSlots:_vm._u([{key:\"user-avatar\",fn:function(ref){\nvar message = ref.message;\nreturn [_c('div',{staticClass:\"participant-chat-box-name\"},[(!message.data.checkedSameLastUser)?_c('span',[_vm._v(\"\\n                    \"+_vm._s(message.author===\"me\"?_vm.participant:message.author)+\"\\n                  \")]):_vm._e()])]}}])})],1),_c('div',{staticClass:\"column is-half is-offset-one-half\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('h3',{staticClass:\"has-text-centered\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"Danh sách cuộc họp\")]),_c('div',{staticStyle:{\"margin-top\":\"58px\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('b-datepicker',{attrs:{\"events\":_vm.eventsCalendar,\"inline\":\"\"},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}})],1),_c('div',[_c('div',{staticClass:\"title is-4 titile-date\",staticStyle:{\"margin-top\":\"20px\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm._f(\"moment\")(_vm.date,\"dddd, Do/MM/YYYY\"))+\" \\n                \")]),_c('div',[(Object.keys(_vm.filterdEvents).length)?_c('table',{staticClass:\"table-events\"},[_vm._m(0),_c('tbody',_vm._l((_vm.filterdEvents),function(event,index){return _c('tr',{key:index,class:{selected: _vm.selectedEvent === event},on:{\"click\":function($event){return _vm.clickEvent(event)}}},[_c('td',[_vm._v(_vm._s(_vm.niceTime(event.start))+\" - \"+_vm._s(_vm.niceTime(event.end )))]),_c('td',[_vm._v(_vm._s(event.title))]),_c('td',[_c('a',{attrs:{\"target\":\"_blank\",\"href\":(\"https://vvcroom-mea.viettel.vn/\" + (event.eventId))}},[_vm._v(\"https://vvcroom-mea.viettel.vn/\"+_vm._s(event.eventId))])])])}),0)]):_vm._e()])])])])])])])]),_c('b-modal',{attrs:{\"active\":_vm.isOpenUpdatePassModal},on:{\"update:active\":function($event){_vm.isOpenUpdatePassModal=$event}}},[_c('div',{staticClass:\"content-layout content-layout--passcode\"},[_c('header',{staticClass:\"modal-card-head\"},[_c('p',{staticClass:\"modal-card-title\"},[_vm._v(\"Thay đổi mật khẩu\")]),_c('button',{staticClass:\"delete\",attrs:{\"aria-label\":\"close\"},on:{\"click\":function($event){_vm.isOpenUpdatePassModal=false}}})]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validatePassword($event)}}},[_c('div',{staticClass:\"content-layout__inner\"},[_c('div',{staticClass:\"form-user\"},[_c('b-field',{attrs:{\"type\":{'is-danger': _vm.errors.has('currentPassword')},\"message\":_vm.errors.first('currentPassword'),\"custom-class\":\"has-text-weight-normal body-text\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\n              Mật khẩu hiện tại \"),_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"*\")])]),_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:(\"required\"),expression:\"`required`\"}],ref:\"updatePassword\",attrs:{\"type\":\"password\",\"name\":\"currentPassword\",\"size\":\"is-medium\",\"data-vv-as\":\"Mật khẩu hiện tại\"},model:{value:(_vm.currentPassword),callback:function ($$v) {_vm.currentPassword=$$v},expression:\"currentPassword\"}})],2),_c('b-field',{attrs:{\"type\":{'is-danger': _vm.errors.has('password')},\"message\":_vm.errors.first('password'),\"custom-class\":\"has-text-weight-normal body-text\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\n              Mật khẩu \"),_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"*\")])]),_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true, regex: /\\w/, min: 8}),expression:\"{required: true, regex: /\\\\w/, min: 8}\"}],attrs:{\"type\":\"password\",\"name\":\"password\",\"size\":\"is-medium\",\"data-vv-as\":\"Mật khẩu\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],2),_c('b-field',{attrs:{\"type\":{'is-danger': _vm.errors.has('confirm-password')},\"message\":_vm.errors.first('confirm-password'),\"custom-class\":\"has-text-weight-normal body-text\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\n              Xác nhận mật khẩu \"),_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"*\")])]),_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({ required: true, is: _vm.password }),expression:\"{ required: true, is: password }\"}],attrs:{\"type\":\"password\",\"name\":\"confirm-password\",\"size\":\"is-medium\",\"data-vv-as\":\"Xác nhận mật khẩu\"},model:{value:(_vm.confirmPassword),callback:function ($$v) {_vm.confirmPassword=$$v},expression:\"confirmPassword\"}})],2)],1)]),_c('div',{staticClass:\"modal-bottom-group field is-grouped is-grouped-centered\"},[_c('div',{staticClass:\"control\"},[_c('b-button',{on:{\"click\":function($event){_vm.isOpenUpdatePassModal=false}}},[_vm._v(\"Đóng\")])],1),_c('div',{staticClass:\"control\"},[_c('b-button',{attrs:{\"type\":\"is-info\",\"native-type\":\"submit\"}},[_vm._v(\"Thay đổi\")])],1)])])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"Thời gian\")]),_c('th',[_vm._v(\"Chủ đề\")]),_c('th',[_vm._v(\"Url\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"participant\">\n    <div class=\"hero-body\">\n      <div class=\"container\">\n        <h2 class=\"chat-room-title\">Phòng trò chuyện</h2>\n        <div class=\"columns\">\n          <div class=\"column is-half is-offset-one-half\">\n            <div class=\"columns\">\n              <div class=\"column\">\n                <p>Người dùng: <span class=\"has-text-weight-semibold\">{{participant}}</span></p>\n                <button\n                  @click=\"logOut\"\n                  class=\"button-logout\">\n                  <b-icon\n                    type=\"is-info\"\n                    icon=\"sign-out-alt\"\n                    pack=\"fas\"\n                    size=\"is-medium\"/>\n                </button>\n                <button class=\"button is-info\" @click=\"openUpdatePassModal\">Đổi mật khẩu</button>\n              </div>\n              <div class=\"column\">\n                Giơ tay xin bật mic <span @click=\"handup\" class=\"hand-wrapper\"><b-icon type=\"is-info\" icon=\"hand-paper\" pack=\"fas\" class=\"hand-icon\" :class=\"{'enabled': isHandup}\" size=\"is-medium\"></b-icon></span>\n              </div>\n            </div>\n            <beautiful-chat\n              :participants=\"[]\"\n              :titleImageUrl=\"''\"\n              :onMessageWasSent=\"onMessageWasSent\"\n              :messageList=\"jointMessageList\"\n              :newMessagesCount=\"newMessagesCount\"\n              :isOpen=\"isChatOpen\"\n              :close=\"closeChat\"\n              :open=\"openChat\"\n              :showEmoji=\"false\"\n              :showFile=\"false\"\n              :showTypingIndicator=\"''\"\n              :showLauncher=\"true\"\n              :showCloseButton=\"false\"\n              :colors=\"colors\"\n              :alwaysScrollToBottom=\"true\"\n              :messageStyling=\"messageStyling\"\n              :placeholder=\"'Gửi tin nhắn'\"\n              :class=\"'participant-chat-box'\">\n                <template v-slot:user-avatar=\"{ message }\">\n                  <div class=\"participant-chat-box-name\">\n                    <span v-if=\"!message.data.checkedSameLastUser\">\n                      {{message.author===\"me\"?participant:message.author}}\n                    </span>\n                  </div>\n                </template>\n            </beautiful-chat>\n          </div>\n          <div class=\"column is-half is-offset-one-half\">\n            <div class=\"columns\">\n              <div class=\"column\">\n                <h3 class=\"has-text-centered\" style=\"font-size: 20px\">Danh sách cuộc họp</h3>\n                <div style=\"margin-top: 58px; display: flex; justify-content: center;\">\n                  <b-datepicker \n                  v-model=\"date\" \n                  :events=\"eventsCalendar\"\n                  inline> </b-datepicker>\n                </div>\n                <div> \n                  <div class=\"title is-4 titile-date\" style=\"margin-top: 20px\">\n                    {{date | moment(\"dddd, Do/MM/YYYY\") }} \n                  </div>\n                  <div>\n                    <table v-if=\"Object.keys(filterdEvents).length\" class=\"table-events\">\n                      <thead>\n                        <tr>\n                          <th>Thời gian</th>\n                          <th>Chủ đề</th>\n                          <th>Url</th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        <tr \n                        v-for=\"(event, index) in filterdEvents\"\n                        :key=\"index\"\n                        :class=\"{selected: selectedEvent === event}\"\n                        @click=\"clickEvent(event)\"\n                        >\n                          <td>{{ niceTime(event.start) }} - {{ niceTime(event.end ) }}</td>\n                          <td>{{event.title}}</td>\n                          <td><a target=\"_blank\" :href=\"`https://vvcroom-mea.viettel.vn/${event.eventId}`\">https://vvcroom-mea.viettel.vn/{{event.eventId}}</a></td>\n                          <!--<td><b-button type=\"is-info\" size=\"is-small\" @click=\"updateEventChange(event)\">Thay đổi</b-button></td>-->\n                        </tr>\n                      </tbody>\n                    </table>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <b-modal :active.sync=\"isOpenUpdatePassModal\">\n      <div class=\"content-layout content-layout--passcode\">\n        <header class=\"modal-card-head\">\n          <p class=\"modal-card-title\">Thay đổi mật khẩu</p>\n          <button\n            aria-label=\"close\"\n            class=\"delete\"\n            @click=\"isOpenUpdatePassModal=false\"/>\n        </header>\n        <form @submit.prevent=\"validatePassword\">\n        <div class=\"content-layout__inner\">\n          <div class=\"form-user\">\n            <b-field\n              :type=\"{'is-danger': errors.has('currentPassword')}\"\n              :message=\"errors.first('currentPassword')\"\n              custom-class=\"has-text-weight-normal body-text\"\n            >\n              <template slot=\"label\">\n                Mật khẩu hiện tại <span class=\"has-text-danger\">*</span>\n              </template>\n              <b-input\n                v-model=\"currentPassword\"\n                type=\"password\"\n                name=\"currentPassword\"\n                v-validate=\"`required`\"\n                size=\"is-medium\"\n                ref=\"updatePassword\"\n                data-vv-as=\"Mật khẩu hiện tại\"\n              />\n            </b-field>\n            <b-field\n              :type=\"{'is-danger': errors.has('password')}\"\n              :message=\"errors.first('password')\"\n              custom-class=\"has-text-weight-normal body-text\"\n            >\n              <template slot=\"label\">\n                Mật khẩu <span class=\"has-text-danger\">*</span>\n              </template>\n              <b-input\n                v-model=\"password\"\n                type=\"password\"\n                name=\"password\"\n                v-validate=\"{required: true, regex: /\\w/, min: 8}\"\n                size=\"is-medium\"\n                data-vv-as=\"Mật khẩu\"\n              />\n            </b-field>\n            <b-field\n              :type=\"{'is-danger': errors.has('confirm-password')}\"\n              :message=\"errors.first('confirm-password')\"\n              custom-class=\"has-text-weight-normal body-text\"\n            >\n              <template slot=\"label\">\n                Xác nhận mật khẩu <span class=\"has-text-danger\">*</span>\n              </template>\n              <b-input\n                v-model=\"confirmPassword\"\n                v-validate=\"{ required: true, is: password }\"\n                type=\"password\"\n                name=\"confirm-password\"\n                size=\"is-medium\"\n                data-vv-as=\"Xác nhận mật khẩu\"\n              />\n            </b-field>\n          </div>\n        </div>\n        <div class=\"modal-bottom-group field is-grouped is-grouped-centered\">\n          <div class=\"control\">\n            <b-button @click=\"isOpenUpdatePassModal=false\">Đóng</b-button>\n          </div>\n          <div class=\"control\">\n            <b-button type=\"is-info\" native-type=\"submit\">Thay đổi</b-button>\n          </div>\n        </div>\n        </form>\n      </div>\n    </b-modal>\n  </div>\n</template>\n\n<script>\n\nimport Vue from 'vue'\nimport { mapState, mapActions } from 'vuex'\nimport Chat from 'vue-beautiful-chat'\nimport CryptoJS from 'crypto-js';\nVue.use(Chat)\nimport CloseIcon from 'vue-beautiful-chat/src/assets/close-icon.png'\nimport OpenIcon from 'vue-beautiful-chat/src/assets/logo-no-bg.svg'\nimport FileIcon from 'vue-beautiful-chat/src/assets/file.svg'\nimport CloseIconSvg from 'vue-beautiful-chat/src/assets/close.svg'\nimport {socket, SERECT_KEY} from '../../config'\n\nexport default {\n  namespace: \"Paricipant\",\n  data() {\n    return {\n      currentMessageList: [],\n      txtMessage: null,\n      txtMessageRecive: null,\n      participant: this.$store.state.authParticipant.participant || \"\",\n      participantHost: this.$store.state.authParticipant.participantHost || \"\",\n      icons:{\n        open:{\n          img: OpenIcon,\n          name: 'default',\n        },\n        close:{\n          img: CloseIcon,\n          name: 'default',\n        },\n        file:{\n          img: FileIcon,\n          name: 'default',\n        },\n        closeSvg:{\n          img: CloseIconSvg,\n          name: 'default',\n        },\n      },\n      messageList: [],\n      newMessagesCount: 0,\n      isChatOpen: false,\n      showTypingIndicator: '', \n      alwaysScrollToBottom: false,\n      messageStyling: false,\n      colors: {\n        header: {\n          bg: '#4e8cff',\n          text: '#ffffff'\n        },\n        launcher: {\n          bg: '#4e8cff'\n        },\n        messageList: {\n          bg: '#ffffff'\n        },\n        sentMessage: {\n          bg: '#14afb4',\n          text: '#fff'\n        },\n        receivedMessage: {\n          bg: '#f4f7f9',\n          text: '#000'\n        },\n        userInput: {\n          bg: '#323232',\n          text: '#fff'\n        }\n      },\n      participantName: this.$store.state.authParticipant.participantName || \"\",\n      date: new Date(),\n      selectedEvent: {\n        date: new Date(),\n        message: \"\",\n        title: \"\",\n        email: [],\n        start: new Date(),\n        end: new Date(),\n        room: \"\",\n      },\n      isOpenUpdatePassModal: false,\n      currentPassword: \"\",\n      password: \"\",\n      confirmPassword: \"\"\n    }\n  },\n  created() {\n    this.getRealtimeData()\n    window.addEventListener('beforeunload', this.leaveRoom)\n\n    this.fetchEventsByParticipant()\n  },\n  methods: {\n    ...mapActions(\"authParticipant\", [\"updateHandup\", \"updatePassword\"]),\n    ...mapActions(\"participantEvent\", [\"fetchEventsByParticipant\"]),\n    getRealtimeData() {\n      const self = this\n      socket.on('message', function (data) {\n        self.currentMessageList.push({\n            type: 'text',\n            author: data.sender,\n            data: { text: data.message } \n          });\n      });\n      socket.on('activeUser', function (user) {\n        self.currentMessageList.push({\n            type: 'text',\n            author: user,\n            data: { text: 'tham gia phòng chat' }\n          })\n      });\n\n      socket.on('inactiveUser', function (user) {\n        self.currentMessageList.push({\n            type: 'text',\n            author: user,\n            data: { text: 'rời phòng chat' }\n          })\n      });\n\n      socket.on('messageList', function (data) {\n        self.messageList = data.map(message => {\n          return {\n            type: 'text',\n            author: message.sender,\n            data: { text: message.message } \n          }\n        })\n      });\n\n      socket.on('handupIndividual', function(data) {\n        if(data) {\n          self.updateHandup(data.isHandup)\n        }\n      })\n\n      socket.emit('subscribe', {room: this.participantHost, user: this.participant});\n\n    },\n    leaveRoom() {\n      socket.emit('unsubscribe', {room: this.participantHost, user: this.participant});\n    },\n    logOut() {\n      this.$store.dispatch(\"authParticipant/logOutParticipant\").then(() => {\n        this.$router.go(\"/login\");\n      });\n    },\n    chat() {\n      if(this.txtMessage.length) {\n        socket.emit('send', { room: this.participantHost, message: this.txtMessage, sender: this.participant});\n        this.txtMessage = ''\n      }\n    },\n    handup() {\n      socket.emit('sendHandup', { room: this.participantHost, isHandup: !this.isHandup, sender: this.participant, firstName: this.participantName});\n      this.updateHandup(!this.isHandup)\n    },\n    sendMessage (text) {\n      if (text.length > 0) {\n        this.newMessagesCount = this.isChatOpen ? this.newMessagesCount : this.newMessagesCount + 1\n        this.onMessageWasSent({ author: 'support', type: 'text', data: { text } })\n      }\n    },\n    onMessageWasSent (message) {\n      // called when the user sends a message\n      if(message.data.text) {\n        socket.emit('send', { room: this.participantHost, message: message.data.text, sender: this.participant});\n      }\n    },\n    openChat () {\n    },\n    closeChat () {\n    },\n    formatDate(date) {\n      return this.$moment(date).format(\"dddd, MMMM Do YYYY\")\n    },\n    niceTime(date) {\n      return this.$moment(date).format(\"h:mm a\").replace(\" ch\", \"pm\").replace(\" sa\", \"am\")\n    },\n    niceDate(date) {\n      return this.$moment(date).format(\"dddd, Do/MM/YYYY\")\n    },\n    clickEvent(event) {\n      this.selectedEvent = event;\n    },\n    validatePassword() {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          this.updatePassWord();\n        }\n      });\n    },\n    updatePassWord() {\n      const txtencrypt = CryptoJS.AES.encrypt(JSON.stringify({ participant: {\n        participantName: this.participant,\n        participantFirstName: this.participantName,\n        password: this.password,\n        currentPassword: this.currentPassword\n      }}), SERECT_KEY).toString()\n      this.updatePassword({data: txtencrypt}).then((result) => {\n        if(!result.data.status) {\n          this.$toast.open({\n            type: 'is-info',\n            message: result.data.message,\n            duration: 5000\n          })\n        }\n        if(result.data.status) {\n          this.$toast.open({\n            type: 'is-info',\n            message: result.data.message,\n            duration: 5000\n          })\n          this.logOut()\n        }\n      }).finally(() => {\n        this.isOpenUpdatePassModal = false\n      });\n    },\n    openUpdatePassModal() {\n      this.isOpenUpdatePassModal=true\n      this.$nextTick(() => {\n        this.$refs.updatePassword.$el.querySelector('input').focus()\n      })\n    }\n  },\n  computed: {\n    ...mapState(\"authParticipant\", [\"isHandup\"]),\n    jointMessageList() {\n      const result =  [...this.messageList, ...this.currentMessageList]\n      return result.map((item, index) => {\n        return {\n          author: item.author === this.participant? 'me':item.author,\n          type: 'text',\n          data: {\n            text: item.data.text,\n            checkedSameLastUser: !index ? false : result[index-1].author === item.author\n          }\n        }\n      })\n    },\n    ...mapState('participantEvent', ['events']),\n    filterdEvents:  function () {\n      let self = this;\n      let evs = this.events.filter(function(o) {\n        return self.formatDate(o.date) == self.formatDate(self.date)\n      });\n      return evs;\n    },\n    eventsCalendar: function() {\n      let arr = [...this.events];\n      arr.forEach(item => {\n        item.date = new Date(item.date)\n      });\n      return arr\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scope>\n  .hero-body {\n    padding-top: 6rem;\n    padding-bottom: 4rem;\n  }\n  .chat-button {\n    margin-top: 30px;\n  }\n  .chat-textarea {\n    margin-top: 10px;\n  }\n  .hand-wrapper {\n    vertical-align: middle;\n  }\n  .participant-chat-box {\n    .sc-chat-window {\n      width: auto;\n      position: static;\n      &.closed {\n        display: flex;\n        opacity: 1;\n      }\n    }\n    .sc-header {\n      display: none;\n    }\n    .sc-launcher {\n      display: none;\n    }\n    .sc-message {\n      width: auto;\n      margin: 0 20px;\n    }\n    .sc-message-list {\n      height: 350px;\n      padding: 20px 0;\n    }\n    .sc-user-input {\n      border-radius: 0;\n    }\n    .sc-user-input--buttons {\n      right: 0;\n    }\n    .sc-user-input--text {\n      flex: 1;\n      padding-right: 50px;\n      &:empty:before {\n        filter: none;\n      }\n    }\n    .sc-message--content {\n      flex-wrap: wrap;\n      &.sent {\n        .participant-chat-box-name {\n          text-align: right;\n        }\n      }\n    }\n  }\n  .participant-chat-box-name {\n    flex: 0 0 100%;\n    font-weight: 700;\n  }\n  .button-logout {\n    background: none;\n    border: none;\n    transform: rotate(180deg);\n    cursor: pointer;\n  }\n  .hero-body {\n    padding-top: 1rem;\n  }\n  .chat-room-title {\n    text-align: center;\n    margin-bottom: 40px;\n    font-size: 22px;\n    font-weight: 700;\n  }\n</style>\n","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!./Participant.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!./Participant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Participant.vue?vue&type=template&id=c05848aa&\"\nimport script from \"./Participant.vue?vue&type=script&lang=js&\"\nexport * from \"./Participant.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Participant.vue?vue&type=style&index=0&lang=scss&scope=true&\"\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  null,\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/index.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!./Participant.vue?vue&type=style&index=0&lang=scss&scope=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./Participant.vue?vue&type=style&index=0&lang=scss&scope=true&\""],"sourceRoot":""}