{"version":3,"sources":["webpack:///./src/views/dashboard/chatOpen.vue?af7e","webpack:///src/views/dashboard/chatOpen.vue","webpack:///./src/views/dashboard/chatOpen.vue?664e","webpack:///./src/views/dashboard/chatOpen.vue?84b3","webpack:///./node_modules/vuetify/lib/components/VTooltip/VTooltip.js","webpack:///./src/views/dashboard/chatOpen.vue?9471"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","groupInfo","groupName","on","$event","back","$t","showMemberList","scopedSlots","_u","key","fn","ref","isInRole","_g","_b","_e","myGroupInfo","groupMode","changeGroupState","groupStatus","changeMemberStatus","staticStyle","messagesList","infiniteScroll","_l","item","index","datex","substr","_f","memberName","class","memberGuid","getUserInfo","userId","style","stringToHslColor","hover","attachedFile","deleteFromAll","get_url_extension","pathUrl","insLec","domProps","textMessage","deleteFun","isMuted","emojiOpened","addEmoji","i","name","data","_t","message","type","indexOf","_k","keyCode","sendMessage","clearMessage","model","value","callback","$$v","expression","slot","deleteDialog","proxy","deleteFromBothSides","deleteMessage","fileSended","staticRenderFns","components","Emoji","FileFiled","GroupMempers","InfiniteLoading","props","NewMessageJson","show","marker","iconIndex","info","skipMessage","deleteInfo","repet","userMemberList","to","from","next","userHub","clearInterval","groupGuid","getListUsers","setInterval","guid","MessageGuid","deleteFromMe","forEach","object","splice","GroupGuid","UserGuid","UserName","MessageText","TimeString","MemberType","MemberCode","FileName","FileType","FormatSize","attachedFileFormatSize","attachedFileSize","attachedFileType","Date","toString","split","toISOString","deleteFromAllDate","memberType","memberCode","isMine","lastMsgDate","userGuid","push","scrollToEnd","computed","c","userName","$store","state","val","commit","Clear","console","log","setTimeout","id","getMessagesUser","methods","status","mode","invoke","catch","err","then","res","e","$router","str","s","l","hash","length","charCodeAt","h","axios","url","method","responseType","response","blob","Blob","link","document","createElement","href","URL","createObjectURL","download","click","revokeObjectURL","window","open","fromGuid","toGuid","inputText","replacedText","replacePattern1","replacePattern2","replacePattern3","replace","youtubePattern","test","replacement","$state","messagesGet","reverse","loaded","complete","emoji","icon","resetIcon","$refs","fileFiled","setValue","pop","trim","toLowerCase","container","$el","querySelector","scrollTop","scrollHeight","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCheckbox","VChip","VCol","VContainer","VDialog","VDivider","VFadeTransition","VHover","VIcon","VImg","VList","VListItem","VListItemTitle","VMenu","VOverlay","VRow","VSpacer","VTextField","VToolbar","VTooltip","extend","closeDelay","Number","String","default","disabled","Boolean","fixed","openDelay","openOnHover","tag","transition","calculatedMinWidth","closeDependents","activator","content","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","calcYOverflow","pageYOffset","isActive","calculatedLeft","maxWidth","minWidth","opacity","calculatedTop","zIndex","activeZIndex","$nextTick","callActivate","updateDimensions","requestAnimationFrame","startTransition","runDelay","listeners","options","genActivatorListeners","call","focus","getActivator","blur","keydown","esc","genContent","computedTransition","setBackgroundColor","color","contentClass","menuable__content__active","activatorFixed","styles","getScopeIdAttrs","directives","isContentActive","getContentSlot","classes","showLazyContent","genTransition","genActivator"],"mappings":"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","file":"js/chunk-099b7a24.ad205921.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('v-card',{staticClass:\"d-flex align-center rounded-lg pa-2\",attrs:{\"outlined\":\"\"}},[_c('h4',{},[_vm._v(_vm._s(_vm.groupInfo ? _vm.groupInfo.groupName : \"\"))]),_c('v-spacer'),_c('v-btn',{staticClass:\"rounded-xl\",attrs:{\"tile\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.back()}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"back\"))+\"\\n            \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-left \")])],1)],1)],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":_vm.showMemberList ? '8' : '12',\"sm\":\"12\"}},[_c('v-card',{staticClass:\"cl\",attrs:{\"outlined\":\"\",\"elevation\":\"0\",\"id\":\"chat\"}},[_c('v-toolbar',{attrs:{\"dense\":\"\",\"color\":\"primary\",\"dark\":\"\"}},[_c('v-menu',{attrs:{\"left\":\"\",\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [(this.isInRole(2))?_c('v-btn',_vm._g(_vm._b({attrs:{\"outlined\":\"\"}},'v-btn',attrs,false),on),[_vm._v(\"\\n                  الخيارات\\n                  \"),_c('v-icon',{staticClass:\"px-1\"},[_vm._v(\"mdi-cog-outline\")])],1):_vm._e()]}}])},[_c('v-list',[(_vm.myGroupInfo.groupMode == 1)?_c('v-list-item',{on:{\"click\":function($event){return _vm.changeGroupState(0, _vm.myGroupInfo.groupStatus)}}},[_c('v-list-item-title',[_vm._v(\"يمكن للجميع الإرسال\")])],1):_vm._e(),(_vm.myGroupInfo.groupMode == 0)?_c('v-list-item',{on:{\"click\":function($event){return _vm.changeGroupState(1, _vm.myGroupInfo.groupStatus)}}},[_c('v-list-item-title',[_vm._v(\"يمكن للإستاذ فقط الإرسال\")])],1):_vm._e(),_c('v-divider'),_c('v-list-item',{on:{\"click\":function($event){return _vm.changeMemberStatus(6)}}},[_c('v-list-item-title',[_vm._v(\"كتم الكل \")])],1),_c('v-list-item',{on:{\"click\":function($event){return _vm.changeMemberStatus(7)}}},[_c('v-list-item-title',[_vm._v(\"الغاء كتم الكل\")])],1)],1)],1),_c('v-spacer'),_c('v-tooltip',{attrs:{\"top\":\"\"},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\":\"\"},on:{\"click\":function($event){_vm.showMemberList = !_vm.showMemberList}}},'v-btn',attrs,false),on),[(!_vm.showMemberList)?_c('v-icon',[_vm._v(\"mdi-account-multiple-check-outline\")]):_c('v-icon',[_vm._v(\"mdi-account-multiple-remove-outline\")])],1)]}}])},[(!_vm.showMemberList)?_c('span',[_vm._v(\"اضهار اعضاء المجموعة\")]):_c('span',[_vm._v(\"اخفاء اعضاء المجموعة\")])])],1),_c('div',{staticStyle:{\"max-height\":\"calc(65vh)\",\"min-height\":\"300px\",\"height\":\"calc(65vh)\",\"overflow-y\":\"auto\"},attrs:{\"id\":\"container\"}},[_c('ul',{staticClass:\"mt-4\"},[(_vm.messagesList.length)?_c('infinite-loading',{attrs:{\"spinner\":\"spiral\",\"direction\":\"top\"},on:{\"infinite\":_vm.infiniteScroll}}):_vm._e(),_vm._l((_vm.messagesList),function(item,index){return _c('li',{key:index},[(\n                    index == 0 ||\n                    _vm.messagesList[index].datex.substr(0, 10) !=\n                      _vm.messagesList[index - 1].datex.substr(0, 10)\n                  )?_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('v-chip',{attrs:{\"disabled\":\"\",\"outlined\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm._f(\"moment\")(item.datex,\"YYYY/MM/DD\"))+\"\\n                  \")])],1):_vm._e(),(\n                    index == 0 ||\n                    _vm.messagesList[index].memberName !=\n                      _vm.messagesList[index - 1].memberName\n                  )?_c('div',{staticClass:\"py-2 px-3\"},[_c('span',{class:item.memberGuid == _vm.getUserInfo().userId\n                        ? 'text-right d-flex justify-start'\n                        : 'text-left  d-flex justify-end',staticStyle:{\"font-size\":\"12px\"},style:((\"color:\" + (_vm.stringToHslColor(\n                      item.memberName,\n                      40,\n                      50\n                    ))))},[_vm._v(_vm._s(item.memberName))])]):_vm._e(),_c('v-col',{class:item.memberGuid == _vm.getUserInfo().userId\n                      ? 'text-right my-0 py-0 d-flex justify-start'\n                      : 'text-left my-0 py-0 d-flex justify-end'},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                      var hover = ref.hover;\nreturn [_c('v-card',{staticClass:\"mb-2 pt-1 pb-0 px-2\",class:item.memberGuid == _vm.getUserInfo().userId\n                          ? 'rounded-l-lg rounded-tr-0 rounded-br-lg ml-10'\n                          : 'rounded-r-lg rounded-tl-0 rounded-bl-lg mr-10',attrs:{\"color\":item.memberGuid == _vm.getUserInfo().userId\n                          ? 'grey lighten-2'\n                          : '',\"outlined\":\"\",\"width\":\"fit-content\"}},[(item.attachedFile && !item.deleteFromAll)?_c('v-row',{staticClass:\"pa-0 ma-0 pt-2\"},[_c('v-col',{staticClass:\"pa-0 ma-0\",attrs:{\"cols\":\"12\",\"md\":\"12\"}},[(\n                              _vm.get_url_extension(item.attachedFile) == 'jpg' ||\n                              _vm.get_url_extension(item.attachedFile) ==\n                                'jpeg' ||\n                              _vm.get_url_extension(item.attachedFile) == 'png' ||\n                              _vm.get_url_extension(item.attachedFile) == 'gif' ||\n                              _vm.get_url_extension(item.attachedFile) == 'bmp'\n                            )?_c('v-img',{attrs:{\"lazy-src\":require(\"../../assets/loadImg.svg\"),\"src\":(_vm.pathUrl + \"Content/ChatGroupFilesPath/\" + (item.groupGuid) + \"/\" + (item.attachedFile)),\"width\":\"100%\",\"max-width\":\"250\"}}):(\n                              _vm.get_url_extension(item.attachedFile) == 'pdf'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/pdf.svg\"),\"width\":\"100px\"}}):(\n                              _vm.get_url_extension(item.attachedFile) == 'doc' ||\n                              _vm.get_url_extension(item.attachedFile) == 'docx'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/doc.svg\"),\"width\":\"100px\"}}):(\n                              _vm.get_url_extension(item.attachedFile) ==\n                                'pptx' ||\n                              _vm.get_url_extension(item.attachedFile) == 'ppt'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/ppt.svg\"),\"width\":\"100px\"}}):(\n                              _vm.get_url_extension(item.attachedFile) == 'xls' ||\n                              _vm.get_url_extension(item.attachedFile) == 'xlsx'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/xls.svg\"),\"width\":\"100px\"}}):(\n                              _vm.get_url_extension(item.attachedFile) == 'mp4' ||\n                              _vm.get_url_extension(item.attachedFile) == 'wmv' ||\n                              _vm.get_url_extension(item.attachedFile) == 'wav' ||\n                              _vm.get_url_extension(item.attachedFile) ==\n                                'weba' ||\n                              _vm.get_url_extension(item.attachedFile) ==\n                                'webm' ||\n                              _vm.get_url_extension(item.attachedFile) == 'avi' ||\n                              _vm.get_url_extension(item.attachedFile) == 'flv'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/mp4.svg\"),\"width\":\"100px\"}}):(\n                              _vm.get_url_extension(item.attachedFile) == 'mp3' ||\n                              _vm.get_url_extension(item.attachedFile) == 'aac'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/mp3.svg\"),\"width\":\"100px\"}}):(\n                              _vm.get_url_extension(item.attachedFile) == 'txt'\n                            )?_c('img',{attrs:{\"src\":require(\"../../assets/fileType/txt.svg\"),\"width\":\"100px\"}}):_c('img',{attrs:{\"src\":require(\"../../assets/fileType/file.svg\"),\"width\":\"100px\"}}),(\n                              _vm.get_url_extension(item.attachedFile) != 'jpg' &&\n                              _vm.get_url_extension(item.attachedFile) !=\n                                'jpeg' &&\n                              _vm.get_url_extension(item.attachedFile) != 'png' &&\n                              _vm.get_url_extension(item.attachedFile) != 'gif' &&\n                              _vm.get_url_extension(item.attachedFile) != 'bmp'\n                            )?_c('p',{staticStyle:{\"font-size\":\"10px\",\"color\":\"#8c8c8c\",\"width\":\"100px\"}},[_vm._v(\"\\n                            \"+_vm._s(item.attachedFile)+\"\\n                          \")]):_vm._e()],1),_c('v-fade-transition',[(hover)?_c('v-overlay',{attrs:{\"absolute\":\"\",\"color\":\"#111\"}},[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.insLec(item)}}},[_c('v-icon',{attrs:{\"color\":\"white\",\"size\":\"48\"},domProps:{\"textContent\":_vm._s('mdi-progress-download')}})],1)],1):_vm._e()],1)],1):_vm._e(),_c('v-row',{staticClass:\"pa-0 ma-0\"},[_c('v-col',{staticClass:\"pa-0 ma-0\",attrs:{\"cols\":\"12\",\"md\":\"12\"}},[(item.deleteFromAll)?_c('span',{staticClass:\"grey--text\"},[_vm._v(\"\\n                            \"+_vm._s(\"هذه الرسالة محذوفة\")+\"\\n                            \"),_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-cancel\")])],1):_c('span',{domProps:{\"innerHTML\":_vm._s(item.textMessage ? item.textMessage : '')}})]),(item.memberGuid == _vm.getUserInfo().userId)?_c('v-col',{staticClass:\"pa-0 ma-0\",attrs:{\"cols\":\"12\",\"md\":\"1\"}},[(hover && !item.deleteFromAll)?_c('v-chip',{staticClass:\"mx-0 px-0 px-1\",class:{ 'on-hover': hover },attrs:{\"small\":\"\",\"color\":\"error deletButton\"},on:{\"click\":function($event){return _vm.deleteFun(item)}}},[_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"white\"}},[_vm._v(\"mdi-delete-outline\")])],1):_vm._e()],1):_vm._e()],1),_c('p',{staticClass:\"pt-2 pb-0 mb-1 grey--text\",class:item.memberGuid == _vm.getUserInfo().userId\n                            ? 'text-left'\n                            : 'text-right',staticStyle:{\"font-size\":\"11px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm._f(\"moment\")(item.datex,\" h:mm a \"))+\"\\n                      \")])],1)]}}],null,true)})],1)],1)})],2)]),(\n              (_vm.myGroupInfo.groupMode == 0 && !_vm.myGroupInfo.isMuted) ||\n              this.isInRole(2)\n            )?_c('v-card-actions',[_c('emoji',{staticClass:\"pl-2\",attrs:{\"emoji-opened\":_vm.emojiOpened,\"position-top\":true},on:{\"add-emoji\":_vm.addEmoji,\"open-emoji\":function($event){_vm.emojiOpened = $event}},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(i,name){return {key:name,fn:function(data){return [_vm._t(name,null,null,data)]}}})],null,true)}),_c('v-text-field',{attrs:{\"hide-details\":\"\",\"append-outer-icon\":_vm.message ? 'mdi-send' : 'mdi-paperclip',\"filled\":\"\",\"clear-icon\":\"mdi-close-circle\",\"clearable\":\"\",\"label\":\"الرسالة\",\"type\":\"text\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }_vm.message ? _vm.sendMessage(true) : ''},\"click:append-outer\":_vm.sendMessage,\"click:clear\":_vm.clearMessage},model:{value:(_vm.message),callback:function ($$v) {_vm.message=$$v},expression:\"message\"}},[_c('template',{slot:\"append-outer\"},[_c('v-icon',{attrs:{\"color\":_vm.message ? 'primary' : ''},on:{\"click\":function($event){return _vm.sendMessage(_vm.message ? true : false)}}},[_vm._v(_vm._s(_vm.message ? \"mdi-send\" : \"mdi-paperclip\"))])],1)],2)],1):_c('v-card-actions',[_c('v-col',{staticClass:\"text-center\"},[_vm._v(\"لا يمكن ارسال رسائل للمجموعة\")])],1)],1)],1),(_vm.showMemberList)?_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\",\"sm\":\"12\"}},[_c('GroupMempers')],1):_vm._e()],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"300\"},model:{value:(_vm.deleteDialog),callback:function ($$v) {_vm.deleteDialog=$$v},expression:\"deleteDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(\"\\n        هل انت متاكد من حذف الرسالة ؟\\n      \")]),_c('v-card-text',[_c('v-checkbox',{scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',{staticClass:\"text-right\"},[_vm._v(\"\\n              \"+_vm._s(\"احذف من الجميع ايضا\")+\"\\n            \")])]},proxy:true}]),model:{value:(_vm.deleteFromBothSides),callback:function ($$v) {_vm.deleteFromBothSides=$$v},expression:\"deleteFromBothSides\"}})],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary darken-1\",\"text\":\"\"},on:{\"click\":function($event){_vm.deleteDialog = false}}},[_vm._v(\"\\n          الغاء\\n        \")]),_c('v-btn',{attrs:{\"color\":\"error darken-1\",\"text\":\"\"},on:{\"click\":function($event){return _vm.deleteMessage()}}},[_vm._v(\"\\n          حذف\\n        \")])],1)],1)],1),_c('FileFiled',{ref:\"fileFiled\",on:{\"send-result-values\":_vm.fileSended}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-container>\r\n      <v-row>\r\n        <v-col cols=\"12\" md=\"12\">\r\n          <v-card class=\"d-flex align-center rounded-lg pa-2\" outlined>\r\n            <h4 class=\"\">{{ groupInfo ? groupInfo.groupName : \"\" }}</h4>\r\n            <v-spacer></v-spacer>\r\n            <v-btn tile color=\"primary\" @click=\"back()\" class=\"rounded-xl\">\r\n              {{ $t(\"back\") }}\r\n              <v-icon right> mdi-arrow-left </v-icon>\r\n            </v-btn>\r\n          </v-card>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"12\" :md=\"showMemberList ? '8' : '12'\" sm=\"12\">\r\n          <v-card outlined elevation=\"0\" class=\"cl\" id=\"chat\">\r\n            <v-toolbar dense color=\"primary\" dark>\r\n              <v-menu left bottom>\r\n                <template v-slot:activator=\"{ on, attrs }\">\r\n                  <v-btn\r\n                    v-bind=\"attrs\"\r\n                    v-on=\"on\"\r\n                    outlined\r\n                    v-if=\"this.isInRole(2)\"\r\n                  >\r\n                    الخيارات\r\n                    <v-icon class=\"px-1\">mdi-cog-outline</v-icon>\r\n                  </v-btn>\r\n                </template>\r\n\r\n                <v-list>\r\n                  <!-- <v-list-item @click=\"() => {}\">\r\n                    <v-list-item-title>دعوة</v-list-item-title>\r\n                  </v-list-item>\r\n                  <v-divider></v-divider> -->\r\n                  <!-- <v-list-item @click=\"() => {}\">\r\n                    <v-list-item-title>ارشفة</v-list-item-title>\r\n                  </v-list-item> -->\r\n                  <v-list-item\r\n                    @click=\"changeGroupState(0, myGroupInfo.groupStatus)\"\r\n                    v-if=\"myGroupInfo.groupMode == 1\"\r\n                  >\r\n                    <v-list-item-title>يمكن للجميع الإرسال</v-list-item-title>\r\n                  </v-list-item>\r\n                  <v-list-item\r\n                    @click=\"changeGroupState(1, myGroupInfo.groupStatus)\"\r\n                    v-if=\"myGroupInfo.groupMode == 0\"\r\n                  >\r\n                    <v-list-item-title\r\n                      >يمكن للإستاذ فقط الإرسال</v-list-item-title\r\n                    >\r\n                  </v-list-item>\r\n                  <v-divider></v-divider>\r\n                  <v-list-item @click=\"changeMemberStatus(6)\">\r\n                    <v-list-item-title>كتم الكل </v-list-item-title>\r\n                  </v-list-item>\r\n                  <v-list-item @click=\"changeMemberStatus(7)\">\r\n                    <v-list-item-title>الغاء كتم الكل</v-list-item-title>\r\n                  </v-list-item>\r\n                </v-list>\r\n              </v-menu>\r\n              <v-spacer></v-spacer>\r\n              <v-tooltip top>\r\n                <template v-slot:activator=\"{ on, attrs }\">\r\n                  <v-btn\r\n                    v-bind=\"attrs\"\r\n                    v-on=\"on\"\r\n                    icon\r\n                    dark\r\n                    @click=\"showMemberList = !showMemberList\"\r\n                  >\r\n                    <v-icon v-if=\"!showMemberList\"\r\n                      >mdi-account-multiple-check-outline</v-icon\r\n                    >\r\n                    <v-icon v-else>mdi-account-multiple-remove-outline</v-icon>\r\n                  </v-btn>\r\n                </template>\r\n                <span v-if=\"!showMemberList\">اضهار اعضاء المجموعة</span>\r\n                <span v-else>اخفاء اعضاء المجموعة</span>\r\n              </v-tooltip>\r\n            </v-toolbar>\r\n\r\n            <div\r\n              id=\"container\"\r\n              style=\"\r\n                max-height: calc(65vh);\r\n                min-height: 300px;\r\n                height: calc(65vh);\r\n                overflow-y: auto;\r\n              \"\r\n            >\r\n              <ul class=\"mt-4\">\r\n                <infinite-loading\r\n                  v-if=\"messagesList.length\"\r\n                  spinner=\"spiral\"\r\n                  @infinite=\"infiniteScroll\"\r\n                  direction=\"top\"\r\n                ></infinite-loading>\r\n                <li v-for=\"(item, index) in messagesList\" :key=\"index\">\r\n                  <v-col\r\n                    cols=\"12\"\r\n                    class=\"text-center\"\r\n                    v-if=\"\r\n                      index == 0 ||\r\n                      messagesList[index].datex.substr(0, 10) !=\r\n                        messagesList[index - 1].datex.substr(0, 10)\r\n                    \"\r\n                  >\r\n                    <v-chip disabled outlined>\r\n                      {{ item.datex | moment(\"YYYY/MM/DD\") }}\r\n                    </v-chip>\r\n                  </v-col>\r\n                  <div\r\n                    class=\"py-2 px-3\"\r\n                    v-if=\"\r\n                      index == 0 ||\r\n                      messagesList[index].memberName !=\r\n                        messagesList[index - 1].memberName\r\n                    \"\r\n                  >\r\n                    <span\r\n                      style=\"font-size: 12px\"\r\n                      :style=\"`color:${stringToHslColor(\r\n                        item.memberName,\r\n                        40,\r\n                        50\r\n                      )}`\"\r\n                      :class=\"\r\n                        item.memberGuid == getUserInfo().userId\r\n                          ? 'text-right d-flex justify-start'\r\n                          : 'text-left  d-flex justify-end'\r\n                      \"\r\n                      >{{ item.memberName }}</span\r\n                    >\r\n                  </div>\r\n                  <v-col\r\n                    :class=\"\r\n                      item.memberGuid == getUserInfo().userId\r\n                        ? 'text-right my-0 py-0 d-flex justify-start'\r\n                        : 'text-left my-0 py-0 d-flex justify-end'\r\n                    \"\r\n                  >\r\n                    <v-hover v-slot=\"{ hover }\">\r\n                      <v-card\r\n                        class=\"mb-2 pt-1 pb-0 px-2\"\r\n                        :class=\"\r\n                          item.memberGuid == getUserInfo().userId\r\n                            ? 'rounded-l-lg rounded-tr-0 rounded-br-lg ml-10'\r\n                            : 'rounded-r-lg rounded-tl-0 rounded-bl-lg mr-10'\r\n                        \"\r\n                        :color=\"\r\n                          item.memberGuid == getUserInfo().userId\r\n                            ? 'grey lighten-2'\r\n                            : ''\r\n                        \"\r\n                        outlined\r\n                        width=\"fit-content\"\r\n                      >\r\n                        <v-row\r\n                          class=\"pa-0 ma-0 pt-2\"\r\n                          v-if=\"item.attachedFile && !item.deleteFromAll\"\r\n                        >\r\n                          <v-col cols=\"12\" md=\"12\" class=\"pa-0 ma-0\">\r\n                            <v-img\r\n                              v-if=\"\r\n                                get_url_extension(item.attachedFile) == 'jpg' ||\r\n                                get_url_extension(item.attachedFile) ==\r\n                                  'jpeg' ||\r\n                                get_url_extension(item.attachedFile) == 'png' ||\r\n                                get_url_extension(item.attachedFile) == 'gif' ||\r\n                                get_url_extension(item.attachedFile) == 'bmp'\r\n                              \"\r\n                              lazy-src=\"../../assets/loadImg.svg\"\r\n                              :src=\"`${pathUrl}Content/ChatGroupFilesPath/${item.groupGuid}/${item.attachedFile}`\"\r\n                              width=\"100%\"\r\n                              max-width=\"250\"\r\n                            ></v-img>\r\n                            <img\r\n                              src=\"../../assets/fileType/pdf.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) == 'pdf'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/doc.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) == 'doc' ||\r\n                                get_url_extension(item.attachedFile) == 'docx'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/ppt.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) ==\r\n                                  'pptx' ||\r\n                                get_url_extension(item.attachedFile) == 'ppt'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/xls.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) == 'xls' ||\r\n                                get_url_extension(item.attachedFile) == 'xlsx'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/mp4.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) == 'mp4' ||\r\n                                get_url_extension(item.attachedFile) == 'wmv' ||\r\n                                get_url_extension(item.attachedFile) == 'wav' ||\r\n                                get_url_extension(item.attachedFile) ==\r\n                                  'weba' ||\r\n                                get_url_extension(item.attachedFile) ==\r\n                                  'webm' ||\r\n                                get_url_extension(item.attachedFile) == 'avi' ||\r\n                                get_url_extension(item.attachedFile) == 'flv'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/mp3.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) == 'mp3' ||\r\n                                get_url_extension(item.attachedFile) == 'aac'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/txt.svg\"\r\n                              width=\"100px\"\r\n                              v-else-if=\"\r\n                                get_url_extension(item.attachedFile) == 'txt'\r\n                              \"\r\n                            />\r\n                            <img\r\n                              src=\"../../assets/fileType/file.svg\"\r\n                              width=\"100px\"\r\n                              v-else\r\n                            />\r\n                            <p\r\n                              v-if=\"\r\n                                get_url_extension(item.attachedFile) != 'jpg' &&\r\n                                get_url_extension(item.attachedFile) !=\r\n                                  'jpeg' &&\r\n                                get_url_extension(item.attachedFile) != 'png' &&\r\n                                get_url_extension(item.attachedFile) != 'gif' &&\r\n                                get_url_extension(item.attachedFile) != 'bmp'\r\n                              \"\r\n                              style=\"\r\n                                font-size: 10px;\r\n                                color: #8c8c8c;\r\n                                width: 100px;\r\n                              \"\r\n                            >\r\n                              {{ item.attachedFile }}\r\n                            </p>\r\n                          </v-col>\r\n                          <v-fade-transition>\r\n                            <v-overlay v-if=\"hover\" absolute color=\"#111\">\r\n                              <v-btn icon @click=\"insLec(item)\">\r\n                                <v-icon\r\n                                  color=\"white\"\r\n                                  size=\"48\"\r\n                                  v-text=\"'mdi-progress-download'\"\r\n                                ></v-icon\r\n                              ></v-btn>\r\n                            </v-overlay>\r\n                          </v-fade-transition>\r\n                        </v-row>\r\n                        <v-row class=\"pa-0 ma-0\">\r\n                          <v-col cols=\"12\" md=\"12\" class=\"pa-0 ma-0\">\r\n                            <span v-if=\"item.deleteFromAll\" class=\"grey--text\">\r\n                              {{ `هذه الرسالة محذوفة` }}\r\n                              <v-icon color=\"grey\">mdi-cancel</v-icon>\r\n                            </span>\r\n                            <span\r\n                              v-else\r\n                              v-html=\"item.textMessage ? item.textMessage : ''\"\r\n                            >\r\n                            </span>\r\n                          </v-col>\r\n                          <v-col\r\n                            cols=\"12\"\r\n                            md=\"1\"\r\n                            class=\"pa-0 ma-0\"\r\n                            v-if=\"item.memberGuid == getUserInfo().userId\"\r\n                          >\r\n                            <v-chip\r\n                              small\r\n                              color=\"error deletButton\"\r\n                              v-if=\"hover && !item.deleteFromAll\"\r\n                              :class=\"{ 'on-hover': hover }\"\r\n                              @click=\"deleteFun(item)\"\r\n                              class=\"mx-0 px-0 px-1\"\r\n                            >\r\n                              <v-icon class=\"\" small color=\"white\"\r\n                                >mdi-delete-outline</v-icon\r\n                              >\r\n                            </v-chip>\r\n                          </v-col>\r\n                        </v-row>\r\n                        <p\r\n                          style=\"font-size: 11px\"\r\n                          class=\"pt-2 pb-0 mb-1 grey--text\"\r\n                          :class=\"\r\n                            item.memberGuid == getUserInfo().userId\r\n                              ? 'text-left'\r\n                              : 'text-right'\r\n                          \"\r\n                        >\r\n                          {{ item.datex | moment(\" h:mm a \") }}\r\n                        </p>\r\n                      </v-card>\r\n                    </v-hover>\r\n                  </v-col>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n            <v-card-actions\r\n              v-if=\"\r\n                (myGroupInfo.groupMode == 0 && !myGroupInfo.isMuted) ||\r\n                this.isInRole(2)\r\n              \"\r\n            >\r\n              <emoji\r\n                class=\"pl-2\"\r\n                :emoji-opened=\"emojiOpened\"\r\n                :position-top=\"true\"\r\n                @add-emoji=\"addEmoji\"\r\n                @open-emoji=\"emojiOpened = $event\"\r\n              >\r\n                <template v-for=\"(i, name) in $scopedSlots\" #[name]=\"data\">\r\n                  <slot :name=\"name\" v-bind=\"data\" />\r\n                </template>\r\n              </emoji>\r\n              <v-text-field\r\n                v-on:keyup.enter=\"message ? sendMessage(true) : ''\"\r\n                hide-details\r\n                v-model=\"message\"\r\n                :append-outer-icon=\"message ? 'mdi-send' : 'mdi-paperclip'\"\r\n                filled\r\n                clear-icon=\"mdi-close-circle\"\r\n                clearable\r\n                label=\"الرسالة\"\r\n                type=\"text\"\r\n                @click:append-outer=\"sendMessage\"\r\n                @click:clear=\"clearMessage\"\r\n              >\r\n                <template slot=\"append-outer\">\r\n                  <v-icon\r\n                    :color=\"message ? 'primary' : ''\"\r\n                    @click=\"sendMessage(message ? true : false)\"\r\n                    >{{ message ? \"mdi-send\" : \"mdi-paperclip\" }}</v-icon\r\n                  >\r\n                </template>\r\n              </v-text-field>\r\n            </v-card-actions>\r\n            <v-card-actions v-else>\r\n              <v-col class=\"text-center\">لا يمكن ارسال رسائل للمجموعة</v-col>\r\n            </v-card-actions>\r\n          </v-card>\r\n        </v-col>\r\n        <v-col cols=\"12\" md=\"4\" sm=\"12\" v-if=\"showMemberList\">\r\n          <GroupMempers />\r\n        </v-col>\r\n      </v-row>\r\n    </v-container>\r\n    <v-dialog v-model=\"deleteDialog\" max-width=\"300\">\r\n      <v-card>\r\n        <v-card-title class=\"text-h5\">\r\n          هل انت متاكد من حذف الرسالة ؟\r\n        </v-card-title>\r\n        <v-card-text>\r\n          <v-checkbox v-model=\"deleteFromBothSides\">\r\n            <template v-slot:label>\r\n              <div class=\"text-right\">\r\n                {{ `احذف من الجميع ايضا` }}\r\n              </div>\r\n            </template>\r\n          </v-checkbox>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-spacer></v-spacer>\r\n          <v-btn color=\"primary darken-1\" text @click=\"deleteDialog = false\">\r\n            الغاء\r\n          </v-btn>\r\n          <v-btn color=\"error darken-1\" text @click=\"deleteMessage()\">\r\n            حذف\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n    <FileFiled ref=\"fileFiled\" v-on:send-result-values=\"fileSended\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport InfiniteLoading from \"vue-infinite-loading\";\r\nimport { mapState } from \"vuex\";\r\nimport * as userHub from \"../../userHub\";\r\nimport GroupMempers from \"../../components/chat/groupMempers.vue\";\r\nexport default {\r\n  components: {\r\n    Emoji: () => import(\"../../components/emoji.vue\"),\r\n    FileFiled: () => import(\"../../components/fileFiled.vue\"),\r\n    GroupMempers,\r\n    InfiniteLoading,\r\n  },\r\n  props: [\"id\"],\r\n  data() {\r\n    return {\r\n      showMemberList: false,\r\n      deleteFromBothSides: false,\r\n      NewMessageJson: null,\r\n      emojiOpened: false,\r\n      show: false,\r\n      message: \"\",\r\n      marker: true,\r\n      iconIndex: 0,\r\n      info: null,\r\n      messagesList: [],\r\n      skipMessage: 0,\r\n      deleteDialog: false,\r\n      deleteInfo: null,\r\n      repet: null,\r\n      userMemberList: [],\r\n      myGroupInfo: {},\r\n    };\r\n  },\r\n  destroyed() {},\r\n  beforeRouteLeave(to, from, next) {\r\n    userHub.disconnectChatGroup();\r\n    next();\r\n  },\r\n  beforeDestroy() {\r\n    clearInterval(this.repet);\r\n  },\r\n  mounted() {\r\n    userHub.connectionGroupChat.on(\"updateUser\", (groupGuid) => {\r\n      this.getListUsers();\r\n    });\r\n    this.repet = setInterval(() => {\r\n      userHub.UpdateUsersCache(this.groupInfo.guid);\r\n    }, 5000);\r\n    userHub.connectionGroupChat.on(\r\n      \"MessageDeleted\",\r\n      (MessageGuid, deleteFromMe) => {\r\n        if (deleteFromMe) {\r\n          this.messagesList.forEach((item, index, object) => {\r\n            if (MessageGuid == item.guid) {\r\n              object.splice(index, 1);\r\n            }\r\n          });\r\n        } else {\r\n          this.messagesList.forEach((item) => {\r\n            if (MessageGuid == item.guid) {\r\n              item.deleteFromAll = true;\r\n            }\r\n          });\r\n        }\r\n      }\r\n    );\r\n    userHub.connectionGroupChat.on(\r\n      \"ReceiveMessage\",\r\n      (\r\n        GroupGuid,\r\n        UserGuid,\r\n        UserName,\r\n        MessageGuid,\r\n        MessageText,\r\n        TimeString,\r\n        MemberType,\r\n        MemberCode,\r\n        FileName,\r\n        FileType,\r\n        FormatSize\r\n      ) => {\r\n        let data = {\r\n          GroupGuid: GroupGuid,\r\n          UserGuid: UserGuid,\r\n          UserName: UserName,\r\n          MessageGuid: MessageGuid,\r\n          MessageText: MessageText,\r\n          TimeString: TimeString,\r\n          MemberType: MemberType,\r\n          MemberCode: MemberCode,\r\n          FileName: FileName,\r\n          FileType: FileType,\r\n          FormatSize: FormatSize,\r\n        };\r\n        // var o = document.getElementById(\"chat\");\r\n        if (\r\n          data.GroupGuid == this.groupInfo.guid &&\r\n          data.UserGuid == this.getUserInfo().userId\r\n        ) {\r\n          let item = {\r\n            attachedFile: data.FileName,\r\n            attachedFileFormatSize: data.FormatSize,\r\n            attachedFileSize: 0,\r\n            attachedFileType: data.FileType,\r\n            datex: new Date(new Date().toString().split(\"GMT\")[0] + \" UTC\")\r\n              .toISOString()\r\n              .split(\".\")[0],\r\n            deleteFromAll: false,\r\n            deleteFromAllDate: \"0001-01-01T00:00:00\",\r\n            deleteFromMe: false,\r\n            memberGuid: data.UserGuid,\r\n            memberType: data.MemberType,\r\n            memberCode: data.MemberCode,\r\n            memberName: data.UserName,\r\n            guid: data.MessageGuid,\r\n            isMine: 1,\r\n            lastMsgDate: null,\r\n            textMessage: data.MessageText,\r\n            groupGuid: data.GroupGuid,\r\n            userGuid: null,\r\n          };\r\n          this.messagesList.push(item);\r\n          this.scrollToEnd();\r\n        } else if (\r\n          data.GroupGuid == this.groupInfo.guid &&\r\n          data.UserGuid != this.getUserInfo().userId\r\n        ) {\r\n          let item = {\r\n            attachedFile: data.FileName,\r\n            attachedFileFormatSize: data.FormatSize,\r\n            attachedFileSize: 0,\r\n            attachedFileType: data.FileType,\r\n            datex: new Date(new Date().toString().split(\"GMT\")[0] + \" UTC\")\r\n              .toISOString()\r\n              .split(\".\")[0],\r\n            deleteFromAll: false,\r\n            deleteFromAllDate: \"0001-01-01T00:00:00\",\r\n            deleteFromMe: false,\r\n            memberGuid: data.UserGuid,\r\n            memberType: data.MemberType,\r\n            memberCode: data.MemberCode,\r\n            memberName: data.UserName,\r\n            guid: data.MessageGuid,\r\n            isMine: 1,\r\n            lastMsgDate: null,\r\n            textMessage: data.MessageText,\r\n            groupGuid: data.GroupGuid,\r\n            userGuid: null,\r\n          };\r\n          this.messagesList.push(item);\r\n          this.scrollToEnd();\r\n          userHub.ReadMessage(data.MessageGuid, this.groupInfo.guid);\r\n        }\r\n      }\r\n    );\r\n  },\r\n  computed: {\r\n    getColorFromName(c) {\r\n      return this.stringToHslColor(c.userName, 40, 50);\r\n    },\r\n    ...mapState([\"pathUrl\"]),\r\n    groupInfo: {\r\n      get() {\r\n        return this.$store.state.groupInfo;\r\n      },\r\n      set(val) {\r\n        this.$store.commit(\"SET_GROUPINFO\", val);\r\n      },\r\n    },\r\n  },\r\n  async beforeCreate() {\r\n    await userHub.createConnectionChatGroup();\r\n    await userHub.startChatGroup();\r\n  },\r\n  created() {\r\n    this.Clear();\r\n    console.log(this.groupInfo);\r\n    setTimeout(() => {\r\n      userHub.Join(this.id);\r\n      this.getMessagesUser(0);\r\n      this.scrollToEnd();\r\n      this.getListUsers();\r\n    }, 500);\r\n  },\r\n  methods: {\r\n    changeMemberStatus(status) {\r\n      userHub.ChangeMemberStatus(\r\n        this.groupInfo.guid,\r\n        this.getUserInfo().userId,\r\n        status\r\n      );\r\n    },\r\n    changeGroupState(mode, status) {\r\n      userHub.connectionGroupChat\r\n        .invoke(\"UpdateUserGroup\", this.groupInfo.guid, mode, status)\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    },\r\n    getListUsers() {\r\n      setTimeout(() => {\r\n        userHub.connectionGroupChat\r\n          .invoke(\"GetUsers\", this.groupInfo.guid)\r\n          .then((res) => {\r\n            this.userMemberList = res;\r\n            this.userMemberList.forEach((e) => {\r\n              if (e.guid == getUserInfo().userId) {\r\n                this.myGroupInfo = e;\r\n                console.log(e);\r\n              }\r\n            });\r\n          });\r\n      }, 200);\r\n    },\r\n    back() {\r\n      this.$router.push(\"chats\");\r\n    },\r\n    stringToHslColor(str, s, l) {\r\n      var hash = 0;\r\n      for (var i = 0; i < str.length; i++) {\r\n        hash = str.charCodeAt(i) + ((hash << 5) - hash);\r\n      }\r\n\r\n      var h = hash % 360;\r\n      return \"hsl(\" + h + \", \" + s + \"%, \" + l + \"%)\";\r\n    },\r\n    insLec(item) {\r\n      this.axios({\r\n        url: `${this.pathUrl}Content/ChatGroupFilesPath/${item.groupGuid}/${item.attachedFile}`,\r\n        method: \"GET\",\r\n        responseType: \"blob\",\r\n      })\r\n        .then((response) => {\r\n          const blob = new Blob([response.data], {\r\n            type: response.data.type,\r\n          });\r\n          const link = document.createElement(\"a\");\r\n          link.href = URL.createObjectURL(blob);\r\n          link.download = item.attachedFile;\r\n          link.click();\r\n          URL.revokeObjectURL(link.href);\r\n        })\r\n        .catch(() => {\r\n          window.open(\r\n            `${this.pathUrl}Content/ChatGroupFilesPath/${item.fromGuid}/${item.toGuid}/${item.attachedFile}`,\r\n            \"_blank\"\r\n          );\r\n          // this.$swal.fire({\r\n          //   title: this.$t(\"TheFileDoesNotExist\"),\r\n          //   text: \"\",\r\n          //   icon: \"error\",\r\n          //   confirmButtonText: this.$t(\"close\"),\r\n          // });\r\n        });\r\n    },\r\n    fileSended() {},\r\n    closeChat() {\r\n      this.show = false;\r\n    },\r\n\r\n    deleteMessage() {\r\n      userHub.DeleteMessage(\r\n        this.deleteInfo.guid,\r\n        this.groupInfo.guid,\r\n        !this.deleteFromBothSides\r\n      );\r\n      this.deleteDialog = false;\r\n    },\r\n    deleteFun(item) {\r\n      this.deleteInfo = item;\r\n      this.deleteDialog = true;\r\n    },\r\n    linkify(inputText) {\r\n      var replacedText, replacePattern1, replacePattern2, replacePattern3;\r\n\r\n      //URLs starting with http://, https://, or ftp://\r\n      replacePattern1 =\r\n        /(\\b(https?|ftp):\\/\\/[-A-Z0-9+&@#\\/%?=~_|!:,.;]*[-A-Z0-9+&@#\\/%=~_|])/gim;\r\n      replacedText = inputText.replace(\r\n        replacePattern1,\r\n        '<a href=\"$1\" target=\"_blank\">$1</a>'\r\n      );\r\n\r\n      //URLs starting with \"www.\" (without // before it, or it'd re-link the ones done above).\r\n      replacePattern2 = /(^|[^\\/])(www\\.[\\S]+(\\b|$))/gim;\r\n      replacedText = replacedText.replace(\r\n        replacePattern2,\r\n        '$1<a href=\"http://$2\" target=\"_blank\">$2</a>'\r\n      );\r\n\r\n      //Change email addresses to mailto:: links.\r\n      replacePattern3 =\r\n        /(([a-zA-Z0-9\\-\\_\\.])+@[a-zA-Z\\_]+?(\\.[a-zA-Z]{2,6})+)/gim;\r\n      replacedText = replacedText.replace(\r\n        replacePattern3,\r\n        '<a href=\"mailto:$1\">$1</a>'\r\n      );\r\n\r\n      var youtubePattern =\r\n        /(?:http?s?:\\/\\/)?(?:www\\.)?(?:youtube\\.com|youtu\\.be)\\/(?:watch\\?v=)?(\\S+)/g;\r\n\r\n      if (youtubePattern.test(inputText)) {\r\n        var replacement =\r\n          '<iframe style=\"width:500px;max-width:100%;\" height=\"345\" src=\"https://www.youtube.com/embed/$1\" frameborder=\"0\" allowfullscreen></iframe>';\r\n        replacedText = inputText.replace(youtubePattern, replacement);\r\n        // For start time, turn get param & into ?\r\n        replacedText = replacedText.replace(\"&amp;t=\", \"?t=\");\r\n      }\r\n      console.log(replacedText);\r\n      return replacedText;\r\n    },\r\n    Clear() {\r\n      this.messagesList = [];\r\n      this.skipMessage = 0;\r\n    },\r\n    async infiniteScroll($state) {\r\n      this.skipMessage = this.messagesList.length;\r\n      let messagesGet = await userHub.LoadMessages(\r\n        this.groupInfo.guid,\r\n        this.skipMessage\r\n      );\r\n      //   console.log(messagesGet);\r\n      this.messagesList.reverse();\r\n      if (messagesGet.length > 1) {\r\n        messagesGet.forEach((item) => this.messagesList.push(item));\r\n        $state.loaded();\r\n      } else {\r\n        $state.complete();\r\n      }\r\n      this.messagesList.reverse();\r\n    },\r\n\r\n    addEmoji(emoji) {\r\n      this.message += `${emoji.icon}`;\r\n      // console.log(emoji.icon);\r\n    },\r\n    toggleMarker() {\r\n      this.marker = !this.marker;\r\n    },\r\n    sendMessage(value) {\r\n      if (value) {\r\n        userHub.SendMessage(this.groupInfo.guid, this.message);\r\n        this.resetIcon();\r\n        this.clearMessage();\r\n      } else {\r\n        this.$refs.fileFiled.setValue(\"ChatGroup\", this.groupInfo);\r\n      }\r\n    },\r\n    clearMessage() {\r\n      this.message = \"\";\r\n    },\r\n    resetIcon() {\r\n      this.iconIndex = 0;\r\n    },\r\n    get_url_extension(url) {\r\n      return url.split(/[#?]/)[0].split(\".\").pop().trim().toLowerCase();\r\n    },\r\n    scrollToEnd() {\r\n      setTimeout(() => {\r\n        var container = this.$el.querySelector(\"#container\");\r\n        container.scrollTop = container.scrollHeight;\r\n      }, 100);\r\n    },\r\n    async getMessagesUser(skipMessage) {\r\n      this.messagesList = await userHub.LoadMessages(\r\n        this.groupInfo.guid,\r\n        skipMessage\r\n      );\r\n      this.messagesList.reverse();\r\n    },\r\n  },\r\n\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.v-card > .v-toolbar {\r\n  position: sticky;\r\n  top: 0;\r\n  //   z-index: 99;\r\n}\r\n.cl {\r\n  //   overflow: scroll !important;\r\n  overflow-x: hidden !important;\r\n}\r\n::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n  background: #109afd;\r\n}\r\n::-webkit-scrollbar {\r\n  width: 1px;\r\n}\r\n\r\n.cssExample {\r\n  overflow: hidden !important;\r\n}\r\n.cssExample:hover {\r\n  overflow: auto !important;\r\n}\r\n.v-application ul,\r\n.v-application ol {\r\n  padding-left: 0px;\r\n}\r\n.mdi-send {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.deletButton {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -15px;\r\n  z-index: 5;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./chatOpen.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./chatOpen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./chatOpen.vue?vue&type=template&id=73550d3e&scoped=true&\"\nimport script from \"./chatOpen.vue?vue&type=script&lang=js&\"\nexport * from \"./chatOpen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./chatOpen.vue?vue&type=style&index=0&id=73550d3e&lang=scss&scoped=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  \"73550d3e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFadeTransition } from 'vuetify/lib/components/transitions';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCheckbox,VChip,VCol,VContainer,VDialog,VDivider,VFadeTransition,VHover,VIcon,VImg,VList,VListItem,VListItemTitle,VMenu,VOverlay,VRow,VSpacer,VTextField,VToolbar,VTooltip})\n","import \"../../../src/components/VTooltip/VTooltip.sass\"; // Mixins\n\nimport Activatable from '../../mixins/activatable';\nimport Colorable from '../../mixins/colorable';\nimport Delayable from '../../mixins/delayable';\nimport Dependent from '../../mixins/dependent';\nimport Menuable from '../../mixins/menuable';\nimport Toggleable from '../../mixins/toggleable'; // Helpers\n\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers';\nimport { consoleError } from '../../util/console';\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(Colorable, Delayable, Dependent, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true\n    },\n    tag: {\n      type: String,\n      default: 'span'\n    },\n    transition: String\n  },\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false\n  }),\n  computed: {\n    calculatedLeft() {\n      const {\n        activator,\n        content\n      } = this.dimensions;\n      const unknown = !this.bottom && !this.left && !this.top && !this.right;\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left;\n      let left = 0;\n\n      if (this.top || this.bottom || unknown) {\n        left = activatorLeft + activator.width / 2 - content.width / 2;\n      } else if (this.left || this.right) {\n        left = activatorLeft + (this.right ? activator.width : -content.width) + (this.right ? 10 : -10);\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft);\n      if (this.nudgeRight) left += parseInt(this.nudgeRight);\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`;\n    },\n\n    calculatedTop() {\n      const {\n        activator,\n        content\n      } = this.dimensions;\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top;\n      let top = 0;\n\n      if (this.top || this.bottom) {\n        top = activatorTop + (this.bottom ? activator.height : -content.height) + (this.bottom ? 10 : -10);\n      } else if (this.left || this.right) {\n        top = activatorTop + activator.height / 2 - content.height / 2;\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop);\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom);\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`;\n    },\n\n    classes() {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached': this.attach === '' || this.attach === true || this.attach === 'attach'\n      };\n    },\n\n    computedTransition() {\n      if (this.transition) return this.transition;\n      return this.isActive ? 'scale-transition' : 'fade-transition';\n    },\n\n    offsetY() {\n      return this.top || this.bottom;\n    },\n\n    offsetX() {\n      return this.left || this.right;\n    },\n\n    styles() {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex\n      };\n    }\n\n  },\n\n  beforeMount() {\n    this.$nextTick(() => {\n      this.value && this.callActivate();\n    });\n  },\n\n  mounted() {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this);\n    }\n  },\n\n  methods: {\n    activate() {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions(); // Start the transition\n\n      requestAnimationFrame(this.startTransition);\n    },\n\n    deactivate() {\n      this.runDelay('close');\n    },\n\n    genActivatorListeners() {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this);\n\n      listeners.focus = e => {\n        this.getActivator(e);\n        this.runDelay('open');\n      };\n\n      listeners.blur = e => {\n        this.getActivator(e);\n        this.runDelay('close');\n      };\n\n      listeners.keydown = e => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e);\n          this.runDelay('close');\n        }\n      };\n\n      return listeners;\n    },\n\n    genActivatorAttributes() {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive)\n      };\n    },\n\n    genTransition() {\n      const content = this.genContent();\n      if (!this.computedTransition) return content;\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition\n        }\n      }, [content]);\n    },\n\n    genContent() {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: 'v-tooltip__content',\n        class: {\n          [this.contentClass]: true,\n          menuable__content__active: this.isActive,\n          'v-tooltip__content--fixed': this.activatorFixed\n        },\n        style: this.styles,\n        attrs: this.getScopeIdAttrs(),\n        directives: [{\n          name: 'show',\n          value: this.isContentActive\n        }],\n        ref: 'content'\n      }), this.getContentSlot());\n    }\n\n  },\n\n  render(h) {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes\n    }, [this.showLazyContent(() => [this.genTransition()]), this.genActivator()]);\n  }\n\n});\n//# sourceMappingURL=VTooltip.js.map","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!./chatOpen.vue?vue&type=style&index=0&id=73550d3e&lang=scss&scoped=true&\""],"sourceRoot":""}