{"version":3,"sources":["webpack:///./src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue","webpack:///src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue","webpack:///./src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue?61a5","webpack:///./src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue?68c5"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","$store","state","app","activeGroup","id","newlocalMailCount","expression","staticClass","attrs","on","$event","init","concat","myResBaseUrl","_v","_s","staticStyle","mails","length","_m","_l","m","i","key","class","isSeen","loadMail","fromUser","avator","fullName","subject","flag","_e","_f","sentDate","mailCur","model","showModal","callback","$$v","domProps","body","attachments","a","showAttachment","getthumb","nm","size","toFixed","fileDialog","modal","$set","show","staticRenderFns","moment","require","components","component","loading","AsyncLoading","error","AsyncLoadError","delay","timeout","data","searchModel","page","skip","folderId","fromUserTaskId","labelIds","sentDateStart","sentDateEnd","firstName","title","startDate","endDate","folder","list","detail","folders","folderCur","folderCurCode","folderCurTitle","mailsObj","allCount","count","mounted","_this","undefined","resBaseUrl","request","api","method","url","store","then","res","signalr","osrCon","playSound","notifyMe","windowState","document","methods","showAttachmentDrawer","p","gId","user","userInfo","groupId","window","open","link","v","rv","ext","_this2","fia","filter","x","code","loadList","f","_this3","self","paged","map","e","Object","assign","groupDate","getDateGroupName","_this4","params","mail","$router","push","d","isSame","Date","subtract","format","audio","Audio","play","Notification","permission","notification","icon","onclick","location","protocol","host","requestPermission"],"mappings":"qIAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MACpF,MAAvCP,EAAIQ,OAAOC,MAAMC,IAAIC,YAAYC,IAAaZ,EAAIa,kBAAoB,EACtEC,WAAW,yFAAyFC,YAAY,kCAAkC,CAACb,EAAG,IAAI,CAACa,YAAY,mGAAmGC,MAAM,CAAC,KAAO,SAAS,cAAc,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,UAAU,CAACjB,EAAG,MAAM,CAACa,YAAY,QAAQC,MAAM,CAAC,IAAK,GAAAI,OAAIpB,EAAIqB,aAAY,8DAA6DnB,EAAG,OAAO,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOP,EAAIa,kBAAoB,EAAGC,WAAW,2BAA2B,CAACd,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGvB,EAAIa,mBAAmB,SAASX,EAAG,MAAM,CAACa,YAAY,6CAA6C,CAACb,EAAG,MAAM,CAACa,YAAY,sDAAsDS,YAAY,CAAC,iBAAiB,SAAS,CAACxB,EAAIsB,GAAG,gBAAqC,GAApBtB,EAAIyB,MAAMC,OAAa,CAAC1B,EAAI2B,GAAG,IAAIzB,EAAG,MAAM,CAACa,YAAY,uBAAuBS,YAAY,CAAC,aAAa,OAAO,aAAa,SAASxB,EAAI4B,GAAI5B,EAAIyB,OAAO,SAASI,EAAEC,GAAG,OAAO5B,EAAG,IAAI,CAAC6B,IAAID,EAAI,YAAYE,MAAK,kCAAAZ,OAChjCS,EAAEI,OAAsB,cAAb,YACXjB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAIkC,SAASL,MAAM,CAAC3B,EAAG,MAAM,CAACa,YAAY,SAAS,CAACb,EAAG,MAAM,CAACa,YAAY,UAAU,CAACb,EAAG,MAAM,CAACa,YAAY,UAAUC,MAAM,CAAC,IAAMa,EAAEM,SAASC,OAAO,IAAMP,EAAEM,SAASE,cAAcnC,EAAG,MAAM,CAACa,YAAY,sBAAsB,CAACb,EAAG,SAAS,CAACa,YAAY,SAAS,CAACf,EAAIsB,GAAGtB,EAAIuB,GAAGM,EAAEM,SAASE,UAAU,OAAOnC,EAAG,IAAI,CAACa,YAAY,mCAAmC,CAACf,EAAIsB,GAAGtB,EAAIuB,GAAGM,EAAES,YACtY,MAAvCtC,EAAIQ,OAAOC,MAAMC,IAAIC,YAAYC,IACO,MAAvCZ,EAAIQ,OAAOC,MAAMC,IAAIC,YAAYC,IACvB,MAAViB,EAAEU,KACkFvC,EAAIwC,KAA1FtC,EAAG,IAAI,CAACa,YAAY,mBAAmB,CAACf,EAAIsB,GAAG,uCAAgDpB,EAAG,IAAI,CAACa,YAAY,oBAAoB,CAACf,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGvB,EAAIyC,GAAG,SAAPzC,CAAiB6B,EAAEa,SAAS,SAAS,gBAAe,IAAI,KAAKxC,EAAG,UAAU,CAACc,MAAM,CAAC,MAAQhB,EAAI2C,QAAQL,QAAQ,WAAa,GAAG,UAAU,GAAG,SAAW,GAAG,cAAc,GAAG,cAAc,GAAG,OAAS,GAAG,SAAW,GAAG,KAAO,KAAK,aAAa,QAAQM,MAAM,CAACrC,MAAOP,EAAI6C,UAAWC,SAAS,SAAUC,GAAM/C,EAAI6C,UAAUE,GAAKjC,WAAW,cAAc,CAACZ,EAAG,MAAM,CAACa,YAAY,gBAAgB,CAACb,EAAG,IAAI,CAACa,YAAY,yBAAyBC,MAAM,CAAC,KAAO,SAAS,eAAe,QAAQ,aAAa,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAI6C,WAAY,KAAS,CAAC3C,EAAG,OAAO,CAACsB,YAAY,CAAC,YAAY,QAAQR,MAAM,CAAC,cAAc,SAAS,CAAChB,EAAIsB,GAAG,SAASpB,EAAG,MAAM,CAACa,YAAY,4BAA4B,CAACb,EAAG,OAAO,CAACa,YAAY,iCAAiC,CAACb,EAAG,UAAU,CAACa,YAAY,kBAAkBC,MAAM,CAAC,KAAO,WAAW,GAAGd,EAAG,MAAM,CAACa,YAAY,yBAAyB,CAACb,EAAG,KAAK,CAACa,YAAY,yBAAyB,CAACf,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAI2C,QAAQL,kBAAkBpC,EAAG,MAAM,CAACa,YAAY,oCAAoC,CAACb,EAAG,MAAM,CAAC8C,SAAS,CAAC,UAAYhD,EAAIuB,GAAGvB,EAAI2C,QAAQM,WAAW/C,EAAG,MAAM,CAACa,YAAY,SAAS,CAACb,EAAG,MAAM,CAACa,YAAY,gBAAgB,CAACf,EAAIsB,GAAG,cAAetB,EAAI2C,QAAQO,YAAYxB,OAAS,EAAGxB,EAAG,MAAM,CAACa,YAAY,cAAcf,EAAI4B,GAAI5B,EAAI2C,QAAQO,aAAa,SAASC,EAAErB,GAAG,OAAO5B,EAAG,MAAM,CAAC6B,IAAID,EAAEf,YAAY,6BAA6BC,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAIoD,eAAeD,MAAM,CAACjD,EAAG,MAAM,CAACa,YAAY,kBAAkB,CAACb,EAAG,MAAM,CAACa,YAAY,mBAAmB,CAACb,EAAG,MAAM,CAACa,YAAY,SAASC,MAAM,CAAC,IAAMhB,EAAIqD,SAASF,QAAQjD,EAAG,MAAM,CAACa,YAAY,aAAa,CAACb,EAAG,KAAK,CAACA,EAAG,IAAI,CAACa,YAAY,UAAUC,MAAM,CAAC,MAAQmC,EAAEG,KAAK,CAACtD,EAAIsB,GAAGtB,EAAIuB,GAAG4B,EAAEG,SAASpD,EAAG,MAAM,CAACa,YAAY,UAAU,CAACb,EAAG,OAAO,CAACF,EAAIsB,GAAGtB,EAAIuB,GAAG4B,EAAEI,KAAO,MAAQJ,EAAEI,KAAO,KAAO,MAAMC,QAAQ,GAAK,MAAQL,EAAEI,KAAO,MAAMC,QAAQ,GAAK,SAAStD,EAAG,OAAO,CAACa,YAAY,yBAAwB,GAAGf,EAAIwC,SAAStC,EAAG,UAAU,CAACc,MAAM,CAAC,cAAc,GAAG,KAAO,KAAK,WAAa,IAAI4B,MAAM,CAACrC,MAAOP,EAAIyD,WAAWC,MAAOZ,SAAS,SAAUC,GAAM/C,EAAI2D,KAAK3D,EAAIyD,WAAY,QAASV,IAAMjC,WAAW,qBAAqB,CAACZ,EAAG,cAAc,CAACc,MAAM,CAAC,KAAOhB,EAAIyD,WAAWG,KAAK,GAAK5D,EAAIyD,WAAW7C,GAAG,OAAQ,GAAMK,GAAG,CAAC,YAAY,SAASC,GAAQ,OAAOlB,EAAI2D,KAAK3D,EAAIyD,WAAY,KAAMvC,IAAS,UAAU,SAASA,GAAQlB,EAAIyD,WAAWG,MAAO,EACr9E5D,EAAIyD,WAAWC,OAAQ,OAAY,IAAI,IAE3CG,EAAkB,CAAC,WAAY,IAAI7D,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACa,YAAY,QAAQ,CAACb,EAAG,MAAM,CAACa,YAAY,aAAa,CAACf,EAAIsB,GAAG,uB,0ICgKjJwC,EAAAC,EAAA,QAIe,GACfC,WAAA,CACAP,WAAA,kBACAQ,UAAA,gDACAC,QAAAC,OACAC,MAAAC,OACAC,MAAA,IACAC,QAAA,OAGAC,KAAA,WACA,OACAC,YAAA,CACAC,KAAA,EACAC,KAAA,EACApB,KAAA,EACAqB,SAAA,EACAC,eAAA,GACAC,SAAA,GACAC,cAAA,KACAC,YAAA,KACA1C,QAAA,GAEA2C,UAAA,GACAC,MAAA,GACAC,UAAA,GACAC,QAAA,IAGAlB,QAAA,CACAmB,QAAA,EACAC,MAAA,EACAC,QAAA,GAGAC,QAAA,GACAC,UAAA,EACAC,cAAA,GACAC,eAAA,GACAC,SAAA,CACAC,SAAA,EACAC,MAAA,GAEArE,MAAA,GACAkB,QAAA,CACA/B,GAAA,EACAsC,YAAA,IAEAL,WAAA,EACAY,WAAA,CACAG,MAAA,EACAhD,GAAA,EACA8C,OAAA,GAEA7C,kBAAA,EACAQ,aAAA,4BAGA0E,QAAA,eAAAC,EAAA,UAEAC,GAAA,KAAAzF,OAAAC,MAAAC,IAAAC,YAAAuF,YACA,SAAA1F,OAAAC,MAAAC,IAAAC,YAAAuF,aAEA,KAAA7E,aAAA,KAAAb,OAAAC,MAAAC,IAAAC,YAAAuF,YAGAC,eAAA,CACAC,IAAA,CAAAC,OAAA,MAAAC,IAAA,0BACAC,MAAA,KAAA/F,SACAgG,MAAA,SAAAC,GACA,GAAAA,IACAT,EAAAnF,kBAAA4F,EAAAjC,KAAAsB,UAIA,KAAAtF,OAAAC,MAAAiG,QAAAC,OAAA1F,GAAA,gCAAAL,GAGAoF,EAAAnF,oBACAmF,EAAAY,UAAAhG,GACAoF,EAAAa,WACAb,EAAAxF,OAAAC,MAAAC,IAAAoG,cAEAC,SAAA7B,MAAA,6CAKA,KAAA1E,OAAAC,MAAAiG,QAAAC,OAAA1F,GAAA,4BAAAL,GAGAoF,EAAAnF,wBAGAmG,QAAA,CACAC,qBAAA,SAAAC,GAGA,KAAAzD,WAAA7C,GAAAsG,EAAAtG,GACA,KAAA6C,WAAAG,MAAA,EACA,KAAAH,WAAAC,OAAA,GAEAN,eAAA,SAAAD,GAGAA,EAAAgE,KAAA,KAAA3G,OAAAC,MAAA2G,KAAAC,SAAAC,QACA,KAAAL,qBAAA9D,GAEAoE,OAAAC,KAAArE,EAAAsE,KAAA,WAGApE,SAAA,SAAAqE,GACA,IAAAC,EAAA,GAWA,OAJAA,EALA,OAAAD,EAAAE,KACA,QAAAF,EAAAE,KACA,OAAAF,EAAAE,KACA,OAAAF,EAAAE,IAEAF,EAAAD,KAAA,yBAEA,KAAApG,aAAA,cAAAqG,EAAAE,IAAA,OAEAD,GAEAxG,KAAA,eAAA0G,EAAA,KAEA1B,eAAA,CACAC,IAAA,CAAAC,OAAA,MAAAC,IAAA,qBACAC,MAAA,KAAA/F,SACAgG,MAAA,SAAAC,GACA,MAAAA,EAAA,CACAoB,EAAArC,QAAAiB,EAAAjC,KAAAgB,QACA,IAAAsC,EAAArB,EAAAjC,KAAAgB,QAAAuC,QAAA,SAAAC,GAAA,eAAAA,EAAAC,QACAH,EAAApG,OAAA,GACAmG,EAAAK,SAAAJ,EAAA,SAOAI,SAAA,SAAAC,GAAA,IAAAC,EAAA,KACAC,EAAA,KACA,KAAAnE,QAAAoB,MAAA,EAEA,aAAAI,eAAA,cAAAA,gBACA,KAAAjB,YAAAQ,UAAA,IAGA,KAAAQ,UAAA0C,EAAAvH,GACA,KAAA8E,cAAAyC,EAAAF,KACA,KAAAtC,eAAAwC,EAAAjD,MAEA,KAAAzD,MAAA,GAEA,KAAAgD,YAAAG,SAAAuD,EAAAvH,GAEAuH,EAAAG,QACA,KAAA7D,YAAAE,KAAA,EACA,KAAAF,YAAAC,KAAA,GAGAyB,eAAA,CACAC,IAAA,CAAAC,OAAA,OAAAC,IAAA,kBACA9B,KAAA,KAAAC,YACA8B,MAAA,KAAA/F,SACAgG,MAAA,SAAAC,GACA,GAAAA,IACA2B,EAAAlE,QAAAoB,MAAA,EACA8C,EAAAzF,QAAA/B,IAAA,EACAwH,EAAAxC,SAAAC,SAAAY,EAAAjC,KAAAqB,SACAuC,EAAAxC,SAAAE,MAAAW,EAAAjC,KAAAsB,MACAsC,EAAA3G,MAAAgF,EAAAjC,KAAAc,KAAAiD,KAAA,SAAAC,GAAA,OACAC,OAAAC,OAAAF,EAAA,CACAG,UAAAN,EAAAO,iBAAAJ,EAAA9F,oBAMAR,SAAA,SAAAL,GAAA,IAAAgH,EAAA,KACA1C,eAAA,CACAC,IAAA,CAAAC,OAAA,MAAAC,IAAA,oBACAwC,OAAA,CAAAlI,GAAAiB,EAAAjB,IACA2F,MAAA,KAAA/F,SACAgG,MAAA,SAAAC,GACA,GAAAA,IACA,OAAAA,EAAAjC,KAAAuE,KAAAxG,MAAA,MAAAkE,EAAAjC,KAAAuE,KAAAxG,KAEAsG,EAAAG,QAAAC,KAAAxC,EAAAjC,KAAAuE,KAAA9F,OAEA4F,EAAAlG,QAAA8D,EAAAjC,KAAAuE,KACAF,EAAApH,MAAAsG,QAAA,SAAAC,GAAA,OAAAA,EAAApH,IAAA6F,EAAAjC,KAAAuE,KAAAnI,MAAAc,OAAA,IACAmH,EAAApH,MAAAsG,QACA,SAAAC,GAAA,OAAAA,EAAApH,IAAA6F,EAAAjC,KAAAuE,KAAAnI,MACA,GAAAqB,QAAA,GAEA4G,EAAAhG,WAAA,QAKA+F,iBAAA,SAAAM,GACA,IAAAvB,EAAA,GAwBA,OAtBAA,EADA7D,EAAAoF,GAAAC,OAAA,IAAAC,KAAA,OACA,UACAtF,EAAAoF,GAAAC,OAAArF,IAAAuF,SAAA,gBACA,WAAAvF,EAAAoF,GAAAI,OAAA,2BACAxF,EAAAoF,GAAAC,OAAArF,IAAAuF,SAAA,gBACA,YAAAvF,EAAAoF,GAAAI,OAAA,2BACAxF,EAAAoF,GAAAC,OAAA,IAAAC,KAAA,QACA,mBACAtF,EAAAoF,GAAAC,OAAArF,IAAAuF,SAAA,kBACA,wBACAvF,EAAAoF,GAAAC,OAAA,IAAAC,KAAA,SACA,WACAtF,EAAAoF,GAAAC,OAAArF,IAAAuF,SAAA,oBACA,gBACAvF,EAAAoF,GAAAC,OAAA,IAAAC,KAAA,QACAtF,EAAAoF,GAAAI,OAAA,YAEAxF,EAAAoF,GAAAC,OAAArF,IAAAuF,SAAA,kBACA,gBAEAvF,EAAAoF,GAAAI,OAAA,eAGA3B,GAEAf,UAAA,WACA,IAAA2C,EAAA,IAAAC,MAAAtD,WAAA,yBACAqD,EAAAE,QAEA5C,SAAA,WACA,oBAAAU,OAEA,eAAAmC,aAAAC,WAAA,CACA,IAAAC,EAAA,IAAAF,aAAA,oBACAG,KAAA3D,WAAA,iBACAjD,KAAA,mCAEA2G,EAAAE,QAAA,WACA,IAAAxD,EAAAiB,OAAAwC,SAAAC,SAAA,KAAAzC,OAAAwC,SAAAE,KACA1C,OAAAC,KAAAlB,QAEA,WAAAoD,aAAAC,YACAD,aAAAQ,oBAAA1D,MAAA,SAAAmD,GACA,eAAAA,EAAA,CACA,IAAAC,EAAA,IAAAF,aAAA,oBACAG,KAAA3D,WAAA,iBACAjD,KAAA,mCAEA2G,EAAAE,QAAA,WACA,IAAAxD,EAAAiB,OAAAwC,SAAAC,SAAA,KAAAzC,OAAAwC,SAAAE,KACA1C,OAAAC,KAAAlB,iBC9a+Y,I,YCO3YrC,EAAY,eACd,EACAlE,EACA8D,GACA,EACA,KACA,KACA,MAIa,aAAAI,E","file":"js/chunk-2d0c7ed4.e1041f51.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(\n      _vm.$store.state.app.activeGroup.id == 9157 ? _vm.newlocalMailCount > 0 : true\n    ),expression:\"\\n      $store.state.app.activeGroup.id == 9157 ? newlocalMailCount > 0 : true\\n    \"}],staticClass:\"dropdown dropdown-notification\"},[_c('a',{staticClass:\"dropdown-link btn btn-icon rounded-circle wd-60 d-flex align-items-center justify-content-center\",attrs:{\"role\":\"button\",\"data-toggle\":\"dropdown\"},on:{\"click\":function($event){return _vm.init()}}},[_c('img',{staticClass:\"wd-32\",attrs:{\"src\":`${_vm.myResBaseUrl}v4-assets/svgicon/interface/outline/notification 01.svg`}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.newlocalMailCount > 0),expression:\"newlocalMailCount > 0\"}]},[_vm._v(\" \"+_vm._s(_vm.newlocalMailCount)+\" \")])]),_c('div',{staticClass:\"dropdown-menu dropdown-menu-right mg-b-sm\"},[_c('div',{staticClass:\"dropdown-header bd-b-0-f mg-b-0-f tx-bold-f tx-20-f\",staticStyle:{\"text-transform\":\"none\"}},[_vm._v(\" Мэдэгдэл \")]),(_vm.mails.length == 0)?[_vm._m(0)]:_c('div',{staticClass:\"pd-b-5 overflow-auto\",staticStyle:{\"max-height\":\"60vh\",\"overflot-y\":\"auto\"}},_vm._l((_vm.mails),function(m,i){return _c('a',{key:i + '_mlnotifs',class:`rounded mg-b-3-f dropdown-item ${\n              !m.isSeen ? 'bg-light' : 'bg-gray-100'\n            }`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.loadMail(m)}}},[_c('div',{staticClass:\"media\"},[_c('div',{staticClass:\"avatar\"},[_c('img',{staticClass:\"rounded\",attrs:{\"src\":m.fromUser.avator,\"alt\":m.fromUser.fullName}})]),_c('div',{staticClass:\"media-body mg-l-15\"},[_c('strong',{staticClass:\"tx-12\"},[_vm._v(_vm._s(m.fromUser.fullName)+\" \")]),_c('b',{staticClass:\"tx-12 text-ellipsis tx-semibold\"},[_vm._v(_vm._s(m.subject))]),(\n                  (_vm.$store.state.app.activeGroup.id == 9241 ||\n                    _vm.$store.state.app.activeGroup.id == 9249) &&\n                    m.flag != 22000\n                )?_c('b',{staticClass:\"tx-12 tx-normal\"},[_vm._v(\"Та хичээлээ орж үзэж дуусгана уу.\")]):_vm._e(),_c('p',{staticClass:\"tx-10 text-muted\"},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(m.sentDate,\"from\"))+\" \")])])])])}),0)],2)]),_c('b-modal',{attrs:{\"title\":_vm.mailCur.subject,\"scrollable\":\"\",\"no-fade\":\"\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"shadow\":\"\",\"backdrop\":\"\",\"size\":\"lg\",\"body-class\":\"pd-0\"},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"modal-header\"},[_c('a',{staticClass:\"pos-absolute t-15 r-15\",attrs:{\"role\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":function($event){_vm.showModal = false}}},[_c('span',{staticStyle:{\"font-size\":\"28px\"},attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"media align-items-center\"},[_c('span',{staticClass:\"tx-color-03 d-none d-sm-block\"},[_c('feather',{staticClass:\"wd-40-f ht-40-f\",attrs:{\"type\":\"mail\"}})],1),_c('div',{staticClass:\"media-body mg-sm-l-20\"},[_c('h4',{staticClass:\"tx-18 tx-sm-16 mg-b-2\"},[_vm._v(_vm._s(_vm.mailCur.subject))])])])]),_c('div',{staticClass:\"tx-14 tx-md-16 tx-color-02 pd-20\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.mailCur.body)}})]),_c('div',{staticClass:\"pd-20\"},[_c('div',{staticClass:\"divider-text\"},[_vm._v(\"Хавсралт\")]),(_vm.mailCur.attachments.length > 0)?_c('div',{staticClass:\"row row-xs\"},_vm._l((_vm.mailCur.attachments),function(a,i){return _c('div',{key:i,staticClass:\"col-lg-3 col-md-4 col-sm-6\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.showAttachment(a)}}},[_c('div',{staticClass:\"card card-file\"},[_c('div',{staticClass:\"card-file-thumb\"},[_c('img',{staticClass:\"wd-60p\",attrs:{\"src\":_vm.getthumb(a)}})]),_c('div',{staticClass:\"card-body\"},[_c('h6',[_c('a',{staticClass:\"link-02\",attrs:{\"title\":a.nm}},[_vm._v(_vm._s(a.nm))])]),_c('div',{staticClass:\"d-flex\"},[_c('span',[_vm._v(_vm._s(a.size > 1024 ? (a.size / 1024 / 1024).toFixed(2) + \"MB\" : (a.size / 1024).toFixed(2) + \"KB\"))]),_c('span',{staticClass:\"mg-l-auto\"})])])])])}),0):_vm._e()])]),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"size\":\"lg\",\"scrollable\":\"\"},model:{value:(_vm.fileDialog.modal),callback:function ($$v) {_vm.$set(_vm.fileDialog, \"modal\", $$v)},expression:\"fileDialog.modal\"}},[_c('file-dialog',{attrs:{\"show\":_vm.fileDialog.show,\"id\":_vm.fileDialog.id,\"force\":true},on:{\"update:id\":function($event){return _vm.$set(_vm.fileDialog, \"id\", $event)},\"on-hide\":function($event){_vm.fileDialog.show = false;\n        _vm.fileDialog.modal = false;}}})],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_vm._v(\"Хоосон байна.\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      class=\"dropdown dropdown-notification\"\n      v-show=\"\n        $store.state.app.activeGroup.id == 9157 ? newlocalMailCount > 0 : true\n      \"\n    >\n      <a\n        @click=\"init()\"\n        role=\"button\"\n        class=\"dropdown-link btn btn-icon rounded-circle wd-60 d-flex align-items-center justify-content-center\"\n        data-toggle=\"dropdown\"\n      >\n        <img\n          :src=\"\n            `${myResBaseUrl}v4-assets/svgicon/interface/outline/notification 01.svg`\n          \"\n          class=\"wd-32\"\n        />\n        <span v-show=\"newlocalMailCount > 0\">\n          {{ newlocalMailCount }}\n        </span>\n      </a>\n      <div class=\"dropdown-menu dropdown-menu-right mg-b-sm\">\n        <div\n          class=\"dropdown-header bd-b-0-f mg-b-0-f tx-bold-f tx-20-f\"\n          style=\"    text-transform: none;\"\n        >\n          Мэдэгдэл\n        </div>\n        <template v-if=\"mails.length == 0\">\n          <div class=\"card\">\n            <div class=\"card-body\">Хоосон байна.</div>\n          </div>\n        </template>\n        <div\n          v-else\n          class=\"pd-b-5 overflow-auto\"\n          style=\"max-height: 60vh; overflot-y:auto\"\n        >\n          <a\n            @click=\"loadMail(m)\"\n            role=\"button\"\n            :class=\"\n              `rounded mg-b-3-f dropdown-item ${\n                !m.isSeen ? 'bg-light' : 'bg-gray-100'\n              }`\n            \"\n            :key=\"i + '_mlnotifs'\"\n            v-for=\"(m, i) in mails\"\n          >\n            <div class=\"media\">\n              <div class=\"avatar\">\n                <img\n                  :src=\"m.fromUser.avator\"\n                  :alt=\"m.fromUser.fullName\"\n                  class=\"rounded\"\n                />\n              </div>\n              <div class=\"media-body mg-l-15\">\n                <strong class=\"tx-12\">{{ m.fromUser.fullName }} </strong>\n                <b class=\"tx-12 text-ellipsis tx-semibold\">{{ m.subject }}</b>\n                <b\n                  v-if=\"\n                    ($store.state.app.activeGroup.id == 9241 ||\n                      $store.state.app.activeGroup.id == 9249) &&\n                      m.flag != 22000\n                  \"\n                  class=\"tx-12 tx-normal\"\n                  >Та хичээлээ орж үзэж дуусгана уу.</b\n                >\n                <p class=\"tx-10 text-muted\">\n                  {{ m.sentDate | moment(\"from\") }}\n                </p>\n                <!-- {{ m.flag }} {{ m.sentDate }} {{ m.id }} -->\n              </div>\n            </div>\n          </a>\n        </div>\n      </div>\n    </div>\n    <b-modal\n      v-model=\"showModal\"\n      :title=\"mailCur.subject\"\n      scrollable\n      no-fade\n      centered\n      hide-footer\n      hide-header\n      shadow\n      backdrop\n      size=\"lg\"\n      body-class=\"pd-0\"\n    >\n      <div class=\"modal-header\">\n        <a\n          @click=\"showModal = false\"\n          role=\"button\"\n          class=\"pos-absolute t-15 r-15\"\n          data-dismiss=\"modal\"\n          aria-label=\"Close\"\n        >\n          <span aria-hidden=\"true\" style=\"font-size: 28px\">×</span>\n        </a>\n        <div class=\"media align-items-center\">\n          <span class=\"tx-color-03 d-none d-sm-block\">\n            <feather type=\"mail\" class=\"wd-40-f ht-40-f\"></feather>\n          </span>\n          <div class=\"media-body mg-sm-l-20\">\n            <h4 class=\"tx-18 tx-sm-16 mg-b-2\">{{ mailCur.subject }}</h4>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"tx-14 tx-md-16 tx-color-02 pd-20\">\n        <div v-html=\"mailCur.body\"></div>\n      </div>\n      <div class=\"pd-20\">\n        <div class=\"divider-text\">Хавсралт</div>\n        <div class=\"row row-xs\" v-if=\"mailCur.attachments.length > 0\">\n          <div\n            :key=\"i\"\n            class=\"col-lg-3 col-md-4 col-sm-6\"\n            role=\"button\"\n            @click=\"showAttachment(a)\"\n            v-for=\"(a, i) in mailCur.attachments\"\n          >\n            <div class=\"card card-file\">\n              <div class=\"card-file-thumb\">\n                <img :src=\"getthumb(a)\" class=\"wd-60p\" />\n              </div>\n              <div class=\"card-body\">\n                <h6>\n                  <a :title=\"a.nm\" class=\"link-02\">{{ a.nm }}</a>\n                </h6>\n                <div class=\"d-flex\">\n                  <span>{{\n                    a.size > 1024\n                      ? (a.size / 1024 / 1024).toFixed(2) + \"MB\"\n                      : (a.size / 1024).toFixed(2) + \"KB\"\n                  }}</span>\n                  <span class=\"mg-l-auto\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </b-modal>\n    <b-modal v-model=\"fileDialog.modal\" hide-footer size=\"lg\" scrollable>\n      <file-dialog\n        :show=\"fileDialog.show\"\n        :id.sync=\"fileDialog.id\"\n        @on-hide=\"\n          fileDialog.show = false;\n          fileDialog.modal = false;\n        \"\n        :force=\"true\"\n      />\n    </b-modal>\n    <!-- <file-dialog\n      :show.sync=\"fileDialog.show\"\n      :id=\"fileDialog.id\"\n      swd=\"85vw\"\n      @on-hide=\"fileDialog.show=false;\"\n    /> -->\n  </div>\n</template>\n<script>\nimport { request } from \"@/api/all\";\nconst moment = require(\"moment\");\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\nimport AsyncLoading from \"@/components/base/asyncLoading\";\n\nexport default {\n  components: {\n    fileDialog: () => ({\n      component: import(\"@/components/modules/media/previewPage.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000,\n    }),\n  },\n  data() {\n    return {\n      searchModel: {\n        page: 0,\n        skip: 0,\n        size: 5,\n        folderId: 0,\n        fromUserTaskId: [],\n        labelIds: [],\n        sentDateStart: null,\n        sentDateEnd: null,\n        subject: \"\",\n\n        firstName: \"\",\n        title: \"\",\n        startDate: \"\",\n        endDate: \"\",\n      },\n\n      loading: {\n        folder: false,\n        list: false,\n        detail: false,\n      },\n\n      folders: [],\n      folderCur: 0,\n      folderCurCode: \"\",\n      folderCurTitle: \"\",\n      mailsObj: {\n        allCount: 0,\n        count: 0,\n      },\n      mails: [],\n      mailCur: {\n        id: 0,\n        attachments: [],\n      },\n      showModal: false,\n      fileDialog: {\n        show: false,\n        id: 0,\n        modal: false,\n      },\n      newlocalMailCount: 0,\n      myResBaseUrl: \"https://res.gosmart.mn/\",\n    };\n  },\n  mounted() {\n    if (\n      this.$store.state.app.activeGroup.resBaseUrl != undefined &&\n      this.$store.state.app.activeGroup.resBaseUrl != \"\"\n    ) {\n      this.myResBaseUrl = this.$store.state.app.activeGroup.resBaseUrl;\n    }\n\n    request({\n      api: { method: \"get\", url: \"localmail/notSeenCount\" },\n      store: this.$store,\n    }).then((res) => {\n      if (res != false) {\n        this.newlocalMailCount = res.data.count;\n      }\n    });\n\n    this.$store.state.signalr.osrCon.on(\"onLocalmailRecieved\", (id) => {\n      //console.log(id);\n\n      this.newlocalMailCount++;\n      this.playSound(id);\n      this.notifyMe();\n      if (!this.$store.state.app.windowState) {\n        //console.log(this.$store.state.app.windowState);\n        document.title = \"(Шинэ дотоод шуудан!) Динамик платформ\";\n        //this.playSound();\n      }\n    });\n\n    this.$store.state.signalr.osrCon.on(\"onLocalmailRead\", (id) => {\n      //console.log(id);\n      //id++;\n      this.newlocalMailCount--;\n    });\n  },\n  methods: {\n    showAttachmentDrawer(p) {\n      //console.log(p);\n      //this.attachDrawerParams.fileId=p.defaultAttachmentId;\n      this.fileDialog.id = p.id;\n      this.fileDialog.show = true;\n      this.fileDialog.modal = true;\n    },\n    showAttachment(a) {\n      //console.log(a);\n      //beforeLoadAttachment\n      if (a.gId == this.$store.state.user.userInfo.groupId) {\n        this.showAttachmentDrawer(a);\n      } else {\n        window.open(a.link, \"_blank\");\n      }\n    },\n    getthumb(v) {\n      let rv = \"\";\n      if (\n        v.ext == \"jpg\" ||\n        v.ext == \"jpeg\" ||\n        v.ext == \"png\" ||\n        v.ext == \"gif\"\n      ) {\n        rv = v.link + \"?w=220&h=140&mode=crop\";\n      } else {\n        rv = this.myResBaseUrl + \"media/mime/\" + v.ext + \".png\";\n      }\n      return rv;\n    },\n    init() {\n      //this.loading.folder = true;\n      request({\n        api: { method: \"GET\", url: \"LocalMail/Folders\" },\n        store: this.$store,\n      }).then((res) => {\n        if (res != false) {\n          this.folders = res.data.folders;\n          let fia = res.data.folders.filter((x) => x.code == \"inbox\");\n          if (fia.length > 0) {\n            this.loadList(fia[0]);\n          }\n          //this.loading.folder = false;\n          //this.getWindowHeight();\n        }\n      });\n    },\n    loadList(f) {\n      let self = this;\n      this.loading.list = true;\n\n      if (this.folderCurCode == \"sent\" || this.folderCurCode == \"draft\") {\n        this.searchModel.firstName = \"\";\n      }\n\n      this.folderCur = f.id;\n      this.folderCurCode = f.code;\n      this.folderCurTitle = f.title;\n\n      this.mails = [];\n\n      this.searchModel.folderId = f.id;\n\n      if (!f.paged) {\n        this.searchModel.skip = 0;\n        this.searchModel.page = 0;\n      }\n\n      request({\n        api: { method: \"POST\", url: \"LocalMail/List\" },\n        data: this.searchModel,\n        store: this.$store,\n      }).then((res) => {\n        if (res != false) {\n          this.loading.list = false;\n          this.mailCur.id = false;\n          this.mailsObj.allCount = res.data.allCount;\n          this.mailsObj.count = res.data.count;\n          this.mails = res.data.list.map((e) =>\n            Object.assign(e, {\n              groupDate: self.getDateGroupName(e.sentDate),\n            })\n          );\n        }\n      });\n    },\n    loadMail(m) {\n      request({\n        api: { method: \"get\", url: \"LocalMail/Detail\" },\n        params: { id: m.id },\n        store: this.$store,\n      }).then((res) => {\n        if (res != false) {\n          if (res.data.mail.flag == 11506 || res.data.mail.flag == 22000) {\n            //alert(res.data.mail.body);\n            this.$router.push(res.data.mail.body);\n          } else {\n            this.mailCur = res.data.mail;\n            if (this.mails.filter((x) => x.id == res.data.mail.id).length > 0) {\n              this.mails.filter(\n                (x) => x.id == res.data.mail.id\n              )[0].isSeen = true;\n            }\n            this.showModal = true;\n          }\n        }\n      });\n    },\n    getDateGroupName(d) {\n      let rv = \"\";\n      if (moment(d).isSame(new Date(), \"day\")) {\n        rv = \"Өнөөдөр\";\n      } else if (moment(d).isSame(moment().subtract(1, \"day\"), \"day\")) {\n        rv = \"Өчигдөр \" + moment(d).format(\"| dddd гараг - MMMM, DD\");\n      } else if (moment(d).isSame(moment().subtract(2, \"day\"), \"day\")) {\n        rv = \"Уржигдар \" + moment(d).format(\"| dddd гараг - MMMM, DD\");\n      } else if (moment(d).isSame(new Date(), \"week\")) {\n        rv = \"Энэ долоо хоногт\";\n      } else if (moment(d).isSame(moment().subtract(1, \"week\"), \"week\")) {\n        rv = \"Өнгөрсөн долоо хоногт\";\n      } else if (moment(d).isSame(new Date(), \"month\")) {\n        rv = \"Энэ сард\";\n      } else if (moment(d).isSame(moment().subtract(1, \"month\"), \"month\")) {\n        rv = \"Өнгөрсөн сард\";\n      } else if (moment(d).isSame(new Date(), \"year\")) {\n        rv = moment(d).format(\"MMMM\") + \"д\";\n        //rv= 'Энэ жилд';\n      } else if (moment(d).isSame(moment().subtract(1, \"year\"), \"year\")) {\n        rv = \"Өнгөрсөн жилд\";\n      } else {\n        rv = moment(d).format(\"YYYY\") + \" онд\";\n        //rv='Бусад';\n      }\n      return rv;\n    },\n    playSound() {\n      var audio = new Audio(resBaseUrl + \"media/sound/notif.mp3\");\n      audio.play();\n    },\n    notifyMe() {\n      if (!(\"Notification\" in window)) {\n        //console.log(\"This browser does not support desktop notification\");\n      } else if (Notification.permission === \"granted\") {\n        var notification = new Notification(\"Динамик платформ\", {\n          icon: resBaseUrl + \"media/icon.png\",\n          body: \"Танд шинэ дотоод шуудан ирлээ!\",\n        });\n        notification.onclick = function() {\n          let url = window.location.protocol + \"//\" + window.location.host;\n          window.open(url);\n        };\n      } else if (Notification.permission !== \"denied\") {\n        Notification.requestPermission().then(function(permission) {\n          if (permission === \"granted\") {\n            var notification = new Notification(\"Динамик платформ\", {\n              icon: resBaseUrl + \"media/icon.png\",\n              body: \"Танд шинэ дотоод шуудан ирлээ!\",\n            });\n            notification.onclick = function() {\n              let url = window.location.protocol + \"//\" + window.location.host;\n              window.open(url);\n            };\n          }\n        });\n      } else {\n        //console.log(\"notifperm\", Notification.permission);\n      }\n    },\n  },\n};\n</script>\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!./headerBarMailNotification.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!./headerBarMailNotification.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./headerBarMailNotification.vue?vue&type=template&id=67a84fd9\"\nimport script from \"./headerBarMailNotification.vue?vue&type=script&lang=js\"\nexport * from \"./headerBarMailNotification.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}