{"version":3,"sources":["webpack:///./src/app/modules/worker/w-messager/views/messager.vue?42e9","webpack:///./src/app/modules/worker/w-messager/enum.js","webpack:///./src/app/modules/worker/w-messager/MessageService.js","webpack:///./node_modules/classnames/index.js","webpack:///./src/app/modules/worker/w-notice/enum.js","webpack:///./src/app/modules/worker/w-notice/NoticeService.js","webpack:///./src/app/modules/worker/w-messager/views/messager.vue","webpack:///src/app/modules/worker/w-messager/views/messager.vue","webpack:///./src/app/modules/worker/w-messager/views/messager.vue?263f","webpack:///./src/app/modules/worker/w-messager/views/messager.vue?b398","webpack:///./src/assets/img/profile_02.png","webpack:///./node_modules/vue-bulma-tooltip/src/index.js"],"names":["SETTING_API_URL","MessageService","_BaseService","props","_classCallCheck","_callSuper","_inherits","_createClass","key","value","data","workerApiService","post","room","get","this","makeUrl","headers","id","BaseService","messageService","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","call","newClass","module","exports","default","NOTICE_URL","NoticeService","webApiService","noticeService","render","_vm","_c","_self","staticClass","staticStyle","attrs","_v","isLoading","_e","directives","name","rawName","searchManager","expression","domProps","on","$event","target","composing","_l","filteredManagers","user","listUserChat","class","active_li","active_el","CompanyId","selectUserContact","profile","Logo","require","notification","cws_channel","_s","Name","messagerUser","userChat","openToRight","backTogg","privateChat","message","list","messages","formatDateJapan","Content","user_type","infoUser","Photo","MainStaffFirstName","MainStaffLastName","Nickname","formattedDate","SentDatetime","attachment","AttachmentURL1","getNameFile","AttachmentURL2","AttachmentURL3","AttachmentURL4","AttachmentURL5","ReadStatus","seenEvent","formData","typing","$set","totalTyping","selectFile","tooltipList","errors","sendMessage","staticRenderFns","components","FontAwesomeIcon","Tooltip","dataMessager","ReceiverID","selectedReceiver","isSeen","seenAt","roomId","newMessage","form","FormData","att","url","process","created","_this","listenReceivedMessage","$socket","x","forEach","item","mounted","jquery","click","addClass","w","window","width","getLisManager","computed","_objectSpread","mapGetters","workerInfo","$store","getters","_this2","filter","match","methods","fileNameAttachment","fileName","split","pop","moment","format","year","month","day","getDetailManager","then","res","catch","err","_this3","getManager","paramId","$route","params","$router","push","UserId","getMessage","joinRoom","console","error","ws_channel","isPrivateChatExpand","mws_channel","updateNotification","dispatch","_this4","resetError","mess","newListMessage","scrollToBottom","document","getElementById","errMess","e","selectFiles","files","_this5","y","append","JSON","stringify","dataSend","dataInput","Type","ID1","ID2","createNotice","emit","set","dataSendMail","workerId","companyId","nickName","sendMailCompany","dataSeen","user_id","seenMessage","_this6","newData","sendDateTime","element","animate","undefined","$nextTick","$","scrollTop","scrollHeight","duration","easing","removeClass","component","abstract","type","String","size","validator","always","Boolean","noAnimate","rounded","label","placement","children","$slots","c","tag","rawChild","assign","watch","val","$el","setAttribute"],"mappings":"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","file":"js/chunk-458906a0.7d116bda.js","sourcesContent":["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/resolve-url-loader/index.js??ref--8-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-5!../../../../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-6!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./messager.vue?vue&type=style&index=0&id=73e44c12&prod&scoped=true&lang=scss\"","export const SETTING_API_URL = {\n    'get.message': '/chat/messages/:room',\n    'send.message': '/send/messages',\n    'seen.message': '/seen/message',\n    'add.user.to.room': '/add/user/room',\n    'detail.manager': '/get/manager/:id',\n    'get.manager': '/get/list/manager/chat',\n    'send.mail.company': '/send/mail/company'\n}\n","import BaseService from \"@/app/base/BaseService\"\nimport workerApiService from '@/app/base/WorkerApiService'\nimport {SETTING_API_URL} from \"./enum\"\n\nexport class MessageService extends BaseService {\n    constructor(props) {\n        super(props)\n    }\n    addUserToRoom(data) {\n        return workerApiService.post(SETTING_API_URL[\"add.user.to.room\"], data)\n    }\n    getMessage(room) {\n        return workerApiService.get(this.makeUrl(SETTING_API_URL[\"get.message\"],{room}))\n    }\n    sendMessage(data) {\n        return workerApiService.post(SETTING_API_URL[\"send.message\"], data, {\n            headers: {\n                'Content-Type': 'multipart/form-data'\n            }\n        })\n    }\n    seenMessage(data) {\n        return workerApiService.post(SETTING_API_URL[\"seen.message\"], data)\n    }\n\n    getDetailManager(id) {\n        return workerApiService.get(this.makeUrl(SETTING_API_URL[\"detail.manager\"],{id}))\n    }\n\n    getManager() {\n        return workerApiService.get(this.makeUrl(SETTING_API_URL[\"get.manager\"]))\n    }\n\n    sendMailCompany(data){\n        return workerApiService.post(SETTING_API_URL[\"send.mail.company\"], data)\n    }\n}\nconst messageService = new MessageService()\n\nexport default messageService\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","export const NOTICE_URL = {\n    'notice.create': '/notice/create',\n    'notice.list.for-corpration': '/notice/list/for-corpration',\n    'notice.list.for-worker': '/notice/list/for-worker',\n    'notice.detail': '/notice/detail',\n}\n","import {NOTICE_URL} from \"./enum\"\nimport BaseService from \"@/app/base/BaseService\"\nimport webApiService from '@/app/base/WorkerApiService'\n\nexport class NoticeService extends BaseService {\n    constructor(props) {\n        super(props)\n    }\n\n    createNotice(data){\n        return webApiService.post(NOTICE_URL['notice.create'],data)\n    }\n    listNoticeCorpration(){\n        return webApiService.get(this.makeUrl(NOTICE_URL['notice.list.for-corpration']))\n    }\n\n    listNoticeWorker(){\n        return webApiService.get(this.makeUrl(NOTICE_URL['notice.list.for-worker']))\n    }\n\n    noticeDetail(data){\n        return webApiService.post(NOTICE_URL['notice.detail'],data)\n    }\n\n}\n\nconst noticeService = new NoticeService()\n\nexport default noticeService\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"breadcrumb breadcrumb-child\"},[_c('router-link',{staticStyle:{\"display\":\"contents\"},attrs:{\"to\":\"dashboard\"}},[_c('span',{staticClass:\"font-ja\"},[_c('font-awesome-icon',{attrs:{\"icon\":'home'}})],1)]),_c('span',{staticClass:\"font-ja\"},[_vm._v(\"＞\")]),_c('span',{staticClass:\"font-ja\"},[_vm._v(\"メッセージ\")])],1),_c('div',{staticClass:\"content\"},[(_vm.isLoading)?_c('loading'):_vm._e(),_c('div',{staticClass:\"list-user-chat\"},[_c('div',{staticClass:\"row-custom\"},[_c('div',{staticClass:\"title-box font-ja\"},[_c('span',{staticClass:\"icon-head-box\"},[_c('font-awesome-icon',{attrs:{\"icon\":'comments'}})],1),_c('span',[_vm._v(\" 過去のメッセージ\")])])]),_c('div',{staticClass:\"row-custom\"},[_c('div',{staticClass:\"msg-worker-search\"},[_c('div',{staticClass:\"control has-icons-right\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchManager),expression:\"searchManager\"}],staticClass:\"form-control form-control-sm bor-radius-4 width-100-percent\",attrs:{\"type\":\"text\",\"placeholder\":\"Search\",\"aria-label\":\"Search\"},domProps:{\"value\":(_vm.searchManager)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchManager=$event.target.value}}}),_c('span',{staticClass:\"icon is-small is-right custom-icon icon-show-pass\"},[_c('font-awesome-icon',{attrs:{\"icon\":'search'}})],1)])])]),_c('div',{staticClass:\"row-custom\"},[_c('div',{staticClass:\"list-user\"},[_c('ul',_vm._l((_vm.filteredManagers),function(user,key){return (_vm.listUserChat.length > 0)?_c('li',{key:key,class:{ active_li : _vm.active_el == user.CompanyId },on:{\"click\":function($event){return _vm.selectUserContact(user)}}},[(user.profile)?_c('span',{staticClass:\"avartar\"},[(user.profile.Logo)?_c('img',{staticClass:\"msg-img\",attrs:{\"src\":user.profile.Logo[0],\"alt\":\"\"}}):_c('img',{staticClass:\"msg-info-img\",attrs:{\"src\":require('@/assets/img/profile_02.png'),\"alt\":\"\"}})]):_vm._e(),_c('span',{staticClass:\"name-user\",class:{'fontb':_vm.notification.includes(user.cws_channel)}},[_vm._v(\"\\n                             \"+_vm._s(user.Name)+\"\\n                            \")]),(_vm.notification.includes(user.cws_channel))?_c('span',{staticClass:\"text-user-online\"},[_vm._v(\"\\n                                未読\\n                            \")]):_vm._e()]):_vm._e()}),0)])]),_c('div',{staticClass:\"row-custom\"},[_c('div',{staticClass:\"msg-worker-search\"},[_c('div',{staticClass:\"msg-select-all\"},[_c('a',{attrs:{\"href\":\"\"}},[_c('span',[_c('font-awesome-icon',{attrs:{\"icon\":'th-list'}})],1),_vm._v(\"すべて\")])])])])]),(this.messagerUser.userChat)?_c('div',{staticClass:\"message-user-chat active_messager\",class:{'openToRight':_vm.openToRight}},[_c('div',{staticClass:\"row-custom\"},[_c('div',{staticClass:\"title-box font-ja head-messager-user\"},[_c('span',{staticClass:\"backTogg\",on:{\"click\":_vm.backTogg}},[_c('font-awesome-icon',{attrs:{\"icon\":'arrow-left'}})],1),(this.messagerUser.userChat.profile)?_c('span',{staticClass:\"avartar\"},[(this.messagerUser.userChat.profile.Logo)?_c('img',{staticClass:\"msg-img\",attrs:{\"src\":this.messagerUser.userChat.profile.Logo[0],\"alt\":\"\"}}):_c('img',{staticClass:\"msg-img\",attrs:{\"src\":require('@/assets/img/profile_02.png'),\"alt\":\"\"}})]):_vm._e(),_c('span',{staticClass:\"user-name-messager-title\"},[_vm._v(_vm._s(this.messagerUser.userChat.Name))])])]),_c('div',{staticClass:\"row-custom\"},[_c('div',{staticClass:\"content-messager\"},[_c('div',{staticClass:\"row-custom pad-15\"},[_c('div',{staticClass:\"msg-block\",attrs:{\"id\":\"block-chat\"}},_vm._l((this.privateChat.message.list),function(messages,key){return _c('div',{},[_c('div',{staticClass:\"msg-date\"},[_vm._v(\"\\n                                    \"+_vm._s(_vm.formatDateJapan(key))+\"\\n                                \")]),_c('ul',{staticClass:\"msg-content\"},_vm._l((messages),function(message){return _c('div',[(message.Content != '')?_c('li',{staticClass:\"msg-each\",class:{'msg-corporation': message.user_type == 0, 'msg-worker': message.user_type == 1}},[_c('div',[_c('div',{staticClass:\"msg-info\"},[(message.infoUser && message.infoUser.Logo)?_c('img',{staticClass:\"msg-info-img\",attrs:{\"src\":message.infoUser.Logo[0],\"alt\":\"\"}}):(message.infoUser && message.infoUser.Photo)?_c('img',{staticClass:\"msg-info-img\",attrs:{\"src\":message.infoUser.Photo[0],\"alt\":\"\"}}):_c('img',{staticClass:\"msg-info-img\",attrs:{\"src\":require('@/assets/img/corporation.jpg'),\"alt\":\"\"}})]),_c('div',{staticClass:\"msg-info\"},[(message.infoUser)?_c('p',{staticClass:\"msg-info-name\"},[(message.user_type == 0)?_c('span',{staticClass:\"msg-corporation-name\"},[_vm._v(_vm._s(message.infoUser.Name))]):_vm._e(),_c('br'),_vm._v(\"\\n                                                        \"+_vm._s(message.infoUser.MainStaffFirstName)+_vm._s(message.infoUser.MainStaffLastName)+\"\\n                                                        \"+_vm._s(message.infoUser.Nickname)+\"\\n                                                    \")]):_vm._e()]),_c('div',{staticClass:\"msg-info\"},[_c('p',{staticClass:\"msg-info-time\"},[_vm._v(\"\\n                                                        \"+_vm._s(_vm.formattedDate(message.SentDatetime)))])])]),_c('div',{staticClass:\"msg-text\"},[_vm._v(\"\\n                                                \"+_vm._s(message.Content)+\"\\n                                            \")]),(message.attachment)?_c('div',{staticClass:\"msg-attachment-list\"},[(message.attachment.AttachmentURL1)?_c('p',{staticClass:\"msg-attachment-file\"},[_c('font-awesome-icon',{staticClass:\"icon-paperclip\",attrs:{\"icon\":'paperclip'}}),_c('a',{attrs:{\"href\":message.attachment.AttachmentURL1,\"download\":\"\"}},[_vm._v(_vm._s(_vm.getNameFile(message.attachment.AttachmentURL1)))])],1):_vm._e(),(message.attachment.AttachmentURL2)?_c('p',{staticClass:\"msg-attachment-file\"},[_c('font-awesome-icon',{staticClass:\"icon-paperclip\",attrs:{\"icon\":'paperclip'}}),_c('a',{attrs:{\"href\":message.attachment.AttachmentURL2,\"download\":\"\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.getNameFile(message.attachment.AttachmentURL2)))])],1):_vm._e(),(message.attachment.AttachmentURL3)?_c('p',{staticClass:\"msg-attachment-file\"},[_c('font-awesome-icon',{staticClass:\"icon-paperclip\",attrs:{\"icon\":'paperclip'}}),_c('a',{attrs:{\"href\":message.attachment.AttachmentURL3,\"download\":\"\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.getNameFile(message.attachment.AttachmentURL3)))])],1):_vm._e(),(message.attachment.AttachmentURL4)?_c('p',{staticClass:\"msg-attachment-file\"},[_c('font-awesome-icon',{staticClass:\"icon-paperclip\",attrs:{\"icon\":'paperclip'}}),_c('a',{attrs:{\"href\":message.attachment.AttachmentURL4,\"download\":\"\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.getNameFile(message.attachment.AttachmentURL4)))])],1):_vm._e(),(message.attachment.AttachmentURL5)?_c('p',{staticClass:\"msg-attachment-file\"},[_c('font-awesome-icon',{staticClass:\"icon-paperclip\",attrs:{\"icon\":'paperclip'}}),_c('a',{attrs:{\"href\":message.attachment.AttachmentURL5,\"download\":\"\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.getNameFile(message.attachment.AttachmentURL5)))])],1):_vm._e()]):_vm._e(),(message.ReadStatus == 1)?_c('div',{staticClass:\"msg-read\"},[_vm._v(\"開封済\")]):_vm._e()]):_vm._e()])}),0)])}),0),_c('form',{staticClass:\"active-cyan\",on:{\"click\":function($event){return _vm.seenEvent()}}},[_c('div',{staticClass:\"msg-textarea\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.Content),expression:\"formData.Content\"}],attrs:{\"maxlength\":\"3000\",\"id\":\"msg-form\"},domProps:{\"value\":(_vm.formData.Content)},on:{\"keyup\":_vm.typing,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"Content\", $event.target.value)}}}),_c('span',{staticClass:\"counter\"},[_vm._v(_vm._s(this.totalTyping)+\"/3000\")]),_c('div',{staticClass:\"msg-option\"},[_c('div',{staticClass:\"msg-attachment\"},[_c('label',{staticClass:\"upload-label\"},[_c('font-awesome-icon',{attrs:{\"icon\":'paperclip'}}),_vm._v(\"\\n                                            添付\\n                                            \"),(_vm.attachment.length > 0)?_c('span',[_vm._v(_vm._s(_vm.attachment.length)+\" file selected\")]):_vm._e(),_c('input',{attrs:{\"type\":\"file\",\"multiple\":\"\",\"id\":\"upload-file\"},on:{\"change\":_vm.selectFile}})],1),(this.tooltipList[12] && this.tooltipList[12].value.attachment)?_c('tooltip',{attrs:{\"size\":\"large\",\"label\":this.tooltipList[12].value.attachment,\"placement\":\"top\"}},[_c('span',{staticClass:\"help-icon\"},[_c('font-awesome-icon',{staticClass:\"icon icon-help\",attrs:{\"icon\":'question-circle'}})],1)]):_vm._e()],1)])]),(_vm.errors.length> 0)?_c('p',{staticClass:\"has-text-danger error\"},[_vm._v(_vm._s(_vm.errors[0]))]):_vm._e(),_c('div',{staticClass:\"msg-submit\"},[_c('button',{staticClass:\"msg-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.sendMessage()}}},[_c('span',[_vm._v(\"メッセージを送る\")]),_c('span',{staticClass:\"icon-paper-plane\"},[_c('font-awesome-icon',{attrs:{\"icon\":'paper-plane'}})],1)])])])])])]),(_vm.isLoading)?_c('loading'):_vm._e()],1):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"breadcrumb breadcrumb-child\">\n            <router-link style=\"display: contents\" to=\"dashboard\"><span class=\"font-ja\"><font-awesome-icon\n                :icon=\"'home'\"></font-awesome-icon></span></router-link>\n            <span class=\"font-ja\">＞</span> <span class=\"font-ja\">メッセージ</span>\n        </div>\n        <div class=\"content\">\n            <loading v-if=\"isLoading\"></loading>\n            <div class=\"list-user-chat\">\n                <div class=\"row-custom\">\n                    <div class=\"title-box font-ja\">\n                        <span class=\"icon-head-box\"><font-awesome-icon :icon=\"'comments'\"></font-awesome-icon> </span>\n                        <span> 過去のメッセージ</span>\n                    </div>\n                </div>\n                <div class=\"row-custom\">\n                    <div class=\"msg-worker-search\">\n                        <div class=\"control has-icons-right \">\n                            <input class=\"form-control form-control-sm bor-radius-4 width-100-percent\" type=\"text\"\n                                   placeholder=\"Search\" aria-label=\"Search\" v-model=\"searchManager\">\n                            <span class=\"icon is-small is-right custom-icon icon-show-pass\"><font-awesome-icon\n                                :icon=\"'search'\"></font-awesome-icon></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row-custom\">\n                    <div class=\"list-user\">\n                        <ul>\n                            <li v-if=\"listUserChat.length > 0\" v-for=\"(user,key) in filteredManagers\" :key=\"key\"\n                                :class=\"{ active_li : active_el == user.CompanyId }\" @click=\"selectUserContact(user)\">\n                                <span class=\"avartar\" v-if=\"user.profile\">\n                                    <img v-if=\"user.profile.Logo\" class=\"msg-img\"\n                                         :src=\"user.profile.Logo[0]\"\n                                         alt>\n                                    <img v-else class=\"msg-info-img\" :src=\"require('@/assets/img/profile_02.png')\" alt>\n                                </span>\n                                <span class=\"name-user\" :class=\"{'fontb':notification.includes(user.cws_channel)}\">\n                                 {{ user.Name }}\n                                </span>\n                                <span class=\"text-user-online\" v-if=\"notification.includes(user.cws_channel)\">\n                                    未読\n                                </span>\n\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"row-custom\">\n                    <div class=\"msg-worker-search\">\n                        <div class=\"msg-select-all\">\n                            <a href=\"\"><span><font-awesome-icon :icon=\"'th-list'\"></font-awesome-icon></span>すべて</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"message-user-chat active_messager\" v-if=\"this.messagerUser.userChat\"\n                 :class=\"{'openToRight':openToRight}\">\n                <div class=\"row-custom\">\n                    <div class=\"title-box font-ja head-messager-user\">\n                        <span class=\"backTogg\" @click=\"backTogg\">\n                                <font-awesome-icon :icon=\"'arrow-left'\"></font-awesome-icon>\n                        </span>\n                        <span class=\"avartar\" v-if=\"this.messagerUser.userChat.profile\">\n                            <img class=\"msg-img\" v-if=\"this.messagerUser.userChat.profile.Logo\"\n                                 :src=\"this.messagerUser.userChat.profile.Logo[0]\" alt/>\n                            <img class=\"msg-img\" v-else :src=\"require('@/assets/img/profile_02.png')\" alt/>\n                        </span>\n                        <span class=\"user-name-messager-title\">{{ this.messagerUser.userChat.Name }}</span>\n                    </div>\n                </div>\n                <div class=\"row-custom\">\n                    <div class=\"content-messager\">\n                        <div class=\"row-custom pad-15\">\n                            <div class=\"msg-block\" id=\"block-chat\">\n\n                                <div class=\"\" v-for=\"(messages, key) in this.privateChat.message.list\">\n                                    <div class=\"msg-date\">\n                                        {{ formatDateJapan(key) }}\n                                    </div>\n                                    <ul class=\"msg-content\">\n                                        <div v-for=\"message in messages\">\n                                            <li class=\"msg-each\" v-if=\"message.Content != ''\"\n                                                :class=\"{'msg-corporation': message.user_type == 0, 'msg-worker': message.user_type == 1}\">\n                                                <div>\n                                                    <div class=\"msg-info\">\n                                                        <img v-if=\"message.infoUser && message.infoUser.Logo\"\n                                                             class=\"msg-info-img\"\n                                                             :src=\"message.infoUser.Logo[0]\"\n                                                             alt>\n                                                        <img v-else-if=\"message.infoUser && message.infoUser.Photo\"\n                                                             class=\"msg-info-img\"\n                                                             :src=\"message.infoUser.Photo[0]\"\n                                                             alt>\n                                                        <img v-else class=\"msg-info-img\"\n                                                             :src=\"require('@/assets/img/corporation.jpg')\"\n                                                             alt>\n                                                    </div>\n                                                    <div class=\"msg-info\">\n                                                        <p class=\"msg-info-name\" v-if=\"message.infoUser\">\n                                                        <span class=\"msg-corporation-name\"\n                                                              v-if=\"message.user_type == 0\">{{\n                                                                message.infoUser.Name\n                                                            }}</span><br>\n                                                            {{\n                                                                message.infoUser.MainStaffFirstName\n                                                            }}{{ message.infoUser.MainStaffLastName }}\n                                                            {{ message.infoUser.Nickname }}\n                                                        </p>\n                                                    </div>\n                                                    <div class=\"msg-info\">\n                                                        <p class=\"msg-info-time\">\n                                                            {{ formattedDate(message.SentDatetime) }}</p>\n                                                    </div>\n                                                </div>\n                                                <div class=\"msg-text\">\n                                                    {{ message.Content }}\n                                                </div>\n                                                <div class=\"msg-attachment-list\" v-if=\"message.attachment\">\n                                                    <p class=\"msg-attachment-file\"\n                                                       v-if=\"message.attachment.AttachmentURL1\">\n                                                        <font-awesome-icon class=\"icon-paperclip\"\n                                                                           :icon=\"'paperclip'\"></font-awesome-icon>\n                                                        <a :href=\"message.attachment.AttachmentURL1\"\n                                                           download>{{\n                                                                getNameFile(message.attachment.AttachmentURL1)\n                                                            }}</a>\n                                                    </p>\n                                                    <p class=\"msg-attachment-file\"\n                                                       v-if=\"message.attachment.AttachmentURL2\">\n                                                        <font-awesome-icon class=\"icon-paperclip\"\n                                                                           :icon=\"'paperclip'\"></font-awesome-icon>\n\n                                                        <a :href=\"message.attachment.AttachmentURL2\" download\n                                                           target=\"_blank\">{{\n                                                                getNameFile(message.attachment.AttachmentURL2)\n                                                            }}</a>\n                                                    </p>\n                                                    <p class=\"msg-attachment-file\"\n                                                       v-if=\"message.attachment.AttachmentURL3\">\n                                                        <font-awesome-icon class=\"icon-paperclip\"\n                                                                           :icon=\"'paperclip'\"></font-awesome-icon>\n                                                        <a :href=\"message.attachment.AttachmentURL3\" download\n                                                           target=\"_blank\">{{\n                                                                getNameFile(message.attachment.AttachmentURL3)\n                                                            }}</a>\n\n                                                    </p>\n                                                    <p class=\"msg-attachment-file\"\n                                                       v-if=\"message.attachment.AttachmentURL4\">\n                                                        <font-awesome-icon class=\"icon-paperclip\"\n                                                                           :icon=\"'paperclip'\"></font-awesome-icon>\n                                                        <a :href=\"message.attachment.AttachmentURL4\" download\n                                                           target=\"_blank\">{{\n                                                                getNameFile(message.attachment.AttachmentURL4)\n                                                            }}</a>\n                                                    </p>\n                                                    <p class=\"msg-attachment-file\"\n                                                       v-if=\"message.attachment.AttachmentURL5\">\n                                                        <font-awesome-icon class=\"icon-paperclip\"\n                                                                           :icon=\"'paperclip'\"></font-awesome-icon>\n                                                        <a :href=\"message.attachment.AttachmentURL5\" download\n                                                           target=\"_blank\">{{\n                                                                getNameFile(message.attachment.AttachmentURL5)\n                                                            }}</a>\n                                                    </p>\n\n                                                </div>\n                                                <div class=\"msg-read\" v-if=\"message.ReadStatus == 1\">開封済</div>\n                                            </li>\n                                        </div>\n                                    </ul>\n                                </div>\n\n                            </div>\n                            <form class=\"active-cyan\" @click=\"seenEvent()\">\n                                <div class=\"msg-textarea\">\n                                    <textarea maxlength=\"3000\" id=\"msg-form\" v-model=\"formData.Content\"\n                                              v-on:keyup=\"typing\"></textarea><span class=\"counter\">{{\n                                        this.totalTyping\n                                    }}/3000</span>\n                                    <div class=\"msg-option\">\n                                        <div class=\"msg-attachment\">\n\n                                            <!--                                            <p v-for=\"a in attachment\">{{a}}</p>-->\n                                            <label class=\"upload-label\">\n                                                <font-awesome-icon :icon=\"'paperclip'\"></font-awesome-icon>\n                                                添付\n                                                <span\n                                                    v-if=\"attachment.length > 0\">{{\n                                                        attachment.length\n                                                    }} file selected</span>\n                                                <input type=\"file\" @change=\"selectFile\" multiple id=\"upload-file\">\n                                            </label>\n                                            <!--\t\t\t\t\t\t\t\t\t<a href=\"#\"><i class=\"fas fa-paperclip\"></i>添付</a>-->\n                                            <tooltip\n                                                v-if=\"this.tooltipList[12] && this.tooltipList[12].value.attachment\"\n                                                size=\"large\" :label=\"this.tooltipList[12].value.attachment\"\n                                                placement=\"top\"><span class=\"help-icon\"><font-awesome-icon\n                                                :icon=\"'question-circle'\"\n                                                class=\"icon icon-help\"></font-awesome-icon></span>\n                                            </tooltip>\n                                        </div>\n                                    </div>\n                                </div>\n                                <p v-if=\"errors.length> 0\" class=\"has-text-danger error\">{{ errors[0] }}</p>\n                                <div class=\"msg-submit\">\n                                    <button class=\"msg-btn\" type=\"button\" @click=\"sendMessage()\"><span>メッセージを送る</span>\n                                        <span class=\"icon-paper-plane\"><font-awesome-icon\n                                            :icon=\"'paper-plane'\"></font-awesome-icon></span></button>\n                                </div>\n                            </form>\n                        </div>\n                    </div>\n                </div>\n                <loading v-if=\"isLoading\"></loading>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport {FontAwesomeIcon} from '@fortawesome/vue-fontawesome'\nimport jquery from 'jquery'\nimport workerApi from \"@/app/base/WorkerApiService\";\nimport {mapGetters} from \"vuex\";\nimport MessageService from \"@/app/modules/worker/w-messager/MessageService\";\nimport $ from 'jquery'\nimport moment from \"moment\";\nimport {console} from \"@/plugins/draggable/util/helper\";\nimport NoticeService from \"@/app/modules/worker/w-notice/NoticeService\";\nimport Tooltip from 'vue-bulma-tooltip';\n\nexport default {\n    name: \"w-messager\",\n    components: {\n        FontAwesomeIcon,\n        Tooltip\n    },\n    data: () => ({\n        active_el: 0,\n        isLoading: false,\n        listUserChat: [],\n        messagerUser: {\n            userChat: null,\n            dataMessager: []\n        },\n        formData: {\n            Content: '',\n            user_type: 1,\n            ReceiverID: null,\n        },\n        privateChat: {\n            selectedReceiver: null,\n            isSeen: null,\n            seenAt: '',\n            roomId: '',\n            message: {\n                list: [],\n            }\n        },\n        newMessage: [],\n        form: new FormData(),\n        attachment: [],\n        att: [],\n        url: process.env.VUE_APP_LINK_URL,\n        searchManager: '',\n        openToRight: false,\n        errors: [],\n        totalTyping: 0\n    }),\n    created() {\n        this.listenReceivedMessage();\n        this.$socket.on('seen_at', (data) => {\n            for (let x in this.privateChat.message.list) {\n                this.privateChat.message.list[x].forEach(item => {\n                    item.ReadStatus = 1;\n                })\n            }\n        })\n    },\n    mounted() {\n        jquery(\".list-user > ul > li\").click(function () {\n            jquery('.message-user-chat').addClass(\"openToRight\");\n        })\n        let w = jquery(window).width();\n        if (w <= 768) {\n            jquery('.message-user-chat').addClass(\"popupMessager\");\n        }\n        this.getLisManager()\n    },\n    computed: {\n        ...mapGetters({\n            workerInfo: 'workerSession/workerInfo',\n            tooltipList: 'tooltipList'\n        }),\n        notification() {\n            return this.$store.getters.notification\n        },\n        filteredManagers() {\n            return this.listUserChat.filter(item => {\n                return item.Name.match(this.searchManager);\n            });\n        },\n\n    },\n    methods: {\n        getNameFile(fileNameAttachment) {\n            if (fileNameAttachment) {\n                let fileName = fileNameAttachment.split('/').pop(-1);\n                return fileName;\n            }\n        },\n        formattedDate(data) {\n            return moment(data).format('H:mm');\n        },\n        formatDateJapan(data) {\n            let year = moment(data).format('Y');\n            let month = moment(data).format('MM');\n            let day = moment(data).format('DD');\n            return year + '年' + month + '月' + day + '日'\n        },\n        getDetailManager(id) {\n            MessageService.getDetailManager(id).then(res => {\n\n            })\n                .catch(err => {\n\n                });\n        },\n        getLisManager() {            \n            this.isLoading = true\n            MessageService.getManager()\n                .then(res => {\n                    this.isLoading = true\n                    this.listUserChat = res.data.data\n\n                    this.paramId = this.$route.params.id;\n                    if (!this.paramId && this.listUserChat.length > 0) {\n                        this.paramId = this.listUserChat[0].CompanyId;\n                        this.$router.push({name: 'chat.private.worker', params: {id: this.paramId}})\n                    }\n                    this.active_el = this.paramId;\n                    this.privateChat.roomId = 'c' + this.paramId + '__' + 'm' + this.workerInfo.UserId;\n                    this.formData.ReceiverID = this.paramId;\n                    MessageService.getDetailManager(this.paramId).then(res => {\n                        this.messagerUser.userChat = res.data.data;\n                        this.openToRight = true;\n                    })\n                        .catch(err => {\n\n                        });\n                    this.getMessage(this.privateChat.roomId);\n                    this.joinRoom();\n                    this.isLoading = false\n                })\n                .catch(err => {\n                    console.error(err);\n                })\n        },\n        selectUserContact(user) {\n            this.attachment = [];\n\n            this.formData.ReceiverID = user.CompanyId;\n            this.formData.ws_channel = user.cws_channel;\n            this.privateChat.selectedReceiver = user\n            this.privateChat.isPrivateChatExpand = true\n\n            // this.active_el = key;\n            this.isLoading = true\n            if (this.$route.params.id != user.CompanyId) {\n                this.$router.push({name: 'chat.private.worker', params: {id: user.CompanyId}})\n            }\n            this.paramId = this.$route.params.id;\n            this.active_el = this.paramId;\n            this.privateChat.roomId = user.cws_channel + '__' + this.workerInfo.mws_channel;\n            this.getMessage(this.privateChat.roomId)\n            this.joinRoom()\n            this.messagerUser.userChat = user;\n            let updateNotification = this.notification.filter(function (item) {\n                return item !== user.cws_channel\n            })\n            this.$store.dispatch('updateNotification', updateNotification).then(() => {\n            })\n            this.openToRight = true\n        },\n        getMessage(room) {\n            this.resetError()\n            MessageService.getMessage(room)\n                .then(mess => {\n                    this.isLoading = false\n                    const newListMessage = mess.data.data\n                    // newListMessage.reverse()\n                    this.privateChat.message.list = newListMessage\n                    this.scrollToBottom(document.getElementById('block-chat'), false)\n                })\n                .catch(errMess => {\n                    console.error(errMess);\n                })\n\n        },\n        selectFile(e) {\n            // this.form = new FormData();\n            this.attachment = [];\n            let selectFiles = e.target.files;\n            if (!selectFiles.length) {\n                return false;\n            }\n            for (let i = 0; i < selectFiles.length; i++) {\n                this.attachment.push(selectFiles[i]);\n                this.att.push(selectFiles[i])\n                if (i === 5) {\n                    break;\n                }\n            }\n\n        },\n        sendMessage() {\n            this.errors = [];\n            if (this.formData.Content === '' && this.attachment.length < 1) {\n                this.errors.push('入力をお願いします。');\n                return;\n            }\n\n            if (!this.formData.ws_channel) {\n                this.formData.ws_channel = this.messagerUser.userChat.cws_channel;\n            }\n            for (let y = 0; y < this.attachment.length; y++) {\n                this.form.append('files[]', this.attachment[y]);\n            }\n            this.form.append('message', JSON.stringify(this.formData))\n\n            MessageService.sendMessage(this.form)\n                .then(res => {\n                    this.formData.Content = ''\n                    const dataSend = res.data.data\n                    if (res.data.data) {\n                        let dataInput = {\n                            Type: 1,\n                            Content: this.workerInfo.profile.Nickname + 'さんからメッセージが届きました。',\n                            ID1: dataSend.ReceiverID,\n                            ID2: this.workerInfo.UserId\n                        }\n                        NoticeService.createNotice(dataInput)\n                            .then(res => {\n\n                            })\n                            .catch(err => {\n\n                            })\n                    }\n                    dataSend.ws_channel = this.workerInfo.mws_channel;\n                    dataSend.infoUser = {\n                        'Nickname': (this.workerInfo.profile && this.workerInfo.profile.Nickname) ? this.workerInfo.profile.Nickname : '',\n                        'Photo': (this.workerInfo.profile && this.workerInfo.profile.Photo) ? this.workerInfo.profile.Photo : '',\n                    }\n                    this.$socket.emit('send_message', dataSend);\n\n                    document.getElementById('upload-file').value = '';\n                    this.attachment = [];\n                    this.form.set('files[]', null)\n\n                    let dataSendMail = {\n                        workerId: this.workerInfo.UserId,\n                        companyId: dataSend.ReceiverID,\n                        nickName: (this.workerInfo.profile && this.workerInfo.profile.Nickname) ? this.workerInfo.profile.Nickname : ''\n                    }\n                    MessageService.sendMailCompany(dataSendMail)\n                        .then(res => {\n\n                        })\n                        .catch(err => {\n\n                        })\n                })\n                .catch(err => {\n                    console.error('errors', err);\n                })\n        },\n        seenEvent() {\n            var dataSeen = {\n                room: this.privateChat.roomId,\n                user_id: this.messagerUser.userChat.cws_channel,\n                user_type: 0\n            }\n            this.$socket.emit('seen_message', dataSeen)\n            MessageService.seenMessage(dataSeen)\n                .then(res => {\n\n                })\n                .catch(err => {\n                    console.error('errors', err);\n                })\n\n            let updateNotification = this.notification.filter(function (item) {\n                return item !== dataSeen.user_id;\n            })\n            this.$store.dispatch('updateNotification', updateNotification).then(() => {\n            })\n        },\n        joinRoom() {\n            this.$socket.emit('join_room', {room: this.privateChat.roomId})\n        },\n        listenReceivedMessage() {\n            this.$socket.on('receive', (newData) => {\n                if (this.privateChat.roomId == newData.room) {\n                    if (newData.attachment) {\n                        newData.attachment.AttachmentURL1 = newData.attachment[0] ? newData.attachment[0] : '';\n                        newData.attachment.AttachmentURL2 = newData.attachment[1] ? newData.attachment[1] : '';\n                        newData.attachment.AttachmentURL3 = newData.attachment[2] ? newData.attachment[2] : '';\n                        newData.attachment.AttachmentURL4 = newData.attachment[3] ? newData.attachment[3] : '';\n                        newData.attachment.AttachmentURL5 = newData.attachment[4] ? newData.attachment[4] : '';\n                    }\n\n                    let sendDateTime = moment(newData.SentDatetime).format(\"YYYY-MM-DD\");\n                    if (this.privateChat.message.list[sendDateTime]) {\n                        this.privateChat.message.list[sendDateTime].push(newData);\n                    } else {\n                        this.getMessage(newData.room)\n                    }\n\n                    this.scrollToBottom(document.getElementById('block-chat'), true)\n                }\n            })\n\n        },\n        scrollToBottom(element, animate = true) {\n            if (!element) {\n                return\n            }\n            this.$nextTick(() => {\n                if (animate) {\n                    $(element).animate(\n                        {scrollTop: element.scrollHeight},\n                        {duration: 'medium', easing: 'swing'}\n                    )\n                } else {\n                    $(element).scrollTop(element.scrollHeight)\n                }\n            })\n        },\n        backTogg() {\n            jquery('.message-user-chat').removeClass(\"openToRight\");\n            jquery('.message-user-chat').addClass(\"close_to_right\");\n            this.openToRight = false\n        },\n        typing() {\n            this.totalTyping = this.formData.Content.length\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.msg-btn {\n    background-color: #B665BA !important;\n}\n\n.content {\n    position: relative;\n}\n\n.ajax-loader {\n    z-index: 9999999 !important;\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!./messager.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!./messager.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./messager.vue?vue&type=template&id=73e44c12&scoped=true\"\nimport script from \"./messager.vue?vue&type=script&lang=js\"\nexport * from \"./messager.vue?vue&type=script&lang=js\"\nimport style0 from \"./messager.vue?vue&type=style&index=0&id=73e44c12&prod&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  \"73e44c12\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,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\"","import classNames from 'classnames'\n\nimport './style.scss'\n\nexport default {\n  name: 'tooltip',\n  abstract: true,\n\n  props: {\n    type: String,\n    size: {\n      type: String,\n      default: 'medium',\n      validator: value => ['small', 'medium', 'large'].includes(value)\n    },\n    always: Boolean,\n    noAnimate: Boolean,\n    rounded: Boolean,\n    label: {\n      type: String,\n      default: ''\n    },\n    placement: {\n      type: String,\n      default: 'bottom'\n    }\n  },\n\n  render () {\n    let children = this.$slots.default\n    if (!children) {\n      return\n    }\n\n    // filter out text nodes (possible whitespaces)\n    children = children.filter(c => c.tag)\n    /* istanbul ignore if */\n    if (!children.length) {\n      return\n    }\n\n    const rawChild = children[0]\n\n\n    rawChild.data.attrs = rawChild.data.attrs || {}\n    Object.assign(rawChild.data.attrs, {\n      'aria-label': this.label\n    })\n\n    rawChild.data.class = Array.isArray(rawChild.data.class) ? rawChild.data.class : [rawChild.data.class]\n    rawChild.data.class.push(classNames(\n      'tooltip',\n      `tooltip--${this.placement}`,\n      {\n        [`tooltip--${this.type}`]: this.type,\n        [`tooltip--${this.size}`]: this.size,\n        'tooltip--rounded': this.rounded,\n        'tooltip--always': this.always,\n        'tooltip--no-animate': this.noAnimate\n      }\n    ))\n\n    return rawChild\n  },\n\n  watch: {\n    label (val) {\n      this.$el.setAttribute('aria-label', val)\n    }\n  }\n\n}\n"],"sourceRoot":""}