{"version":3,"sources":["webpack:///./src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue?0b73","webpack:///src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue","webpack:///./src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue?1caf","webpack:///./src/views/modules/localmail/headerBarMailNotification/headerBarMailNotification.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","$store","state","app","activeGroup","id","newlocalMailCount","expression","staticClass","attrs","on","$event","init","myResBaseUrl","_v","_s","staticStyle","mails","length","_m","_l","m","i","key","class","isSeen","loadMail","fromUser","avator","fullName","subject","flag","_e","_f","sentDate","mailCur","model","callback","$$v","showModal","domProps","body","attachments","a","showAttachment","getthumb","nm","size","toFixed","fileDialog","$set","show","modal","staticRenderFns","components","data","searchModel","page","skip","folderId","fromUserTaskId","labelIds","sentDateStart","sentDateEnd","firstName","title","startDate","endDate","loading","folder","list","detail","folders","folderCur","folderCurCode","folderCurTitle","mailsObj","allCount","count","mounted","resBaseUrl","api","store","res","signalr","osrCon","document","methods","showAttachmentDrawer","p","gId","user","userInfo","groupId","window","open","link","rv","v","ext","fia","loadList","f","code","paged","groupDate","self","getDateGroupName","e","params","mail","moment","d","isSame","Date","format","playSound","audio","Audio","play","notifyMe","notification","Notification","icon","onclick","url","requestPermission","then","permission","component"],"mappings":"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","file":"js/chunk-2d0c7ed4.09ecb9da.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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 \" + (!m.isSeen ? 'bg-light' : 'bg-gray-100')),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)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_vm._v(\"Хоосон байна.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      class=\"dropdown dropdown-notification\"\r\n      v-show=\"\r\n        $store.state.app.activeGroup.id == 9157 ? newlocalMailCount > 0 : true\r\n      \"\r\n    >\r\n      <a\r\n        @click=\"init()\"\r\n        role=\"button\"\r\n        class=\"dropdown-link btn btn-icon rounded-circle wd-60 d-flex align-items-center justify-content-center\"\r\n        data-toggle=\"dropdown\"\r\n      >\r\n        <img\r\n          :src=\"\r\n            `${myResBaseUrl}v4-assets/svgicon/interface/outline/notification 01.svg`\r\n          \"\r\n          class=\"wd-32\"\r\n        />\r\n        <span v-show=\"newlocalMailCount > 0\">\r\n          {{ newlocalMailCount }}\r\n        </span>\r\n      </a>\r\n      <div class=\"dropdown-menu dropdown-menu-right mg-b-sm\">\r\n        <div\r\n          class=\"dropdown-header bd-b-0-f mg-b-0-f tx-bold-f tx-20-f\"\r\n          style=\"    text-transform: none;\"\r\n        >\r\n          Мэдэгдэл\r\n        </div>\r\n        <template v-if=\"mails.length == 0\">\r\n          <div class=\"card\">\r\n            <div class=\"card-body\">Хоосон байна.</div>\r\n          </div>\r\n        </template>\r\n        <div\r\n          v-else\r\n          class=\"pd-b-5 overflow-auto\"\r\n          style=\"max-height: 60vh; overflot-y:auto\"\r\n        >\r\n          <a\r\n            @click=\"loadMail(m)\"\r\n            role=\"button\"\r\n            :class=\"\r\n              `rounded mg-b-3-f dropdown-item ${\r\n                !m.isSeen ? 'bg-light' : 'bg-gray-100'\r\n              }`\r\n            \"\r\n            :key=\"i + '_mlnotifs'\"\r\n            v-for=\"(m, i) in mails\"\r\n          >\r\n            <div class=\"media\">\r\n              <div class=\"avatar\">\r\n                <img\r\n                  :src=\"m.fromUser.avator\"\r\n                  :alt=\"m.fromUser.fullName\"\r\n                  class=\"rounded\"\r\n                />\r\n              </div>\r\n              <div class=\"media-body mg-l-15\">\r\n                <strong class=\"tx-12\">{{ m.fromUser.fullName }} </strong>\r\n                <b class=\"tx-12 text-ellipsis tx-semibold\">{{ m.subject }}</b>\r\n                <b\r\n                  v-if=\"\r\n                    ($store.state.app.activeGroup.id == 9241 ||\r\n                      $store.state.app.activeGroup.id == 9249) &&\r\n                      m.flag != 22000\r\n                  \"\r\n                  class=\"tx-12 tx-normal\"\r\n                  >Та хичээлээ орж үзэж дуусгана уу.</b\r\n                >\r\n                <p class=\"tx-10 text-muted\">\r\n                  {{ m.sentDate | moment(\"from\") }}\r\n                </p>\r\n                <!-- {{ m.flag }} {{ m.sentDate }} {{ m.id }} -->\r\n              </div>\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <b-modal\r\n      v-model=\"showModal\"\r\n      :title=\"mailCur.subject\"\r\n      scrollable\r\n      no-fade\r\n      centered\r\n      hide-footer\r\n      hide-header\r\n      shadow\r\n      backdrop\r\n      size=\"lg\"\r\n      body-class=\"pd-0\"\r\n    >\r\n      <div class=\"modal-header\">\r\n        <a\r\n          @click=\"showModal = false\"\r\n          role=\"button\"\r\n          class=\"pos-absolute t-15 r-15\"\r\n          data-dismiss=\"modal\"\r\n          aria-label=\"Close\"\r\n        >\r\n          <span aria-hidden=\"true\" style=\"font-size: 28px\">×</span>\r\n        </a>\r\n        <div class=\"media align-items-center\">\r\n          <span class=\"tx-color-03 d-none d-sm-block\">\r\n            <feather type=\"mail\" class=\"wd-40-f ht-40-f\"></feather>\r\n          </span>\r\n          <div class=\"media-body mg-sm-l-20\">\r\n            <h4 class=\"tx-18 tx-sm-16 mg-b-2\">{{ mailCur.subject }}</h4>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"tx-14 tx-md-16 tx-color-02 pd-20\">\r\n        <div v-html=\"mailCur.body\"></div>\r\n      </div>\r\n      <div class=\"pd-20\">\r\n        <div class=\"divider-text\">Хавсралт</div>\r\n        <div class=\"row row-xs\" v-if=\"mailCur.attachments.length > 0\">\r\n          <div\r\n            :key=\"i\"\r\n            class=\"col-lg-3 col-md-4 col-sm-6\"\r\n            role=\"button\"\r\n            @click=\"showAttachment(a)\"\r\n            v-for=\"(a, i) in mailCur.attachments\"\r\n          >\r\n            <div class=\"card card-file\">\r\n              <div class=\"card-file-thumb\">\r\n                <img :src=\"getthumb(a)\" class=\"wd-60p\" />\r\n              </div>\r\n              <div class=\"card-body\">\r\n                <h6>\r\n                  <a :title=\"a.nm\" class=\"link-02\">{{ a.nm }}</a>\r\n                </h6>\r\n                <div class=\"d-flex\">\r\n                  <span>{{\r\n                    a.size > 1024\r\n                      ? (a.size / 1024 / 1024).toFixed(2) + \"MB\"\r\n                      : (a.size / 1024).toFixed(2) + \"KB\"\r\n                  }}</span>\r\n                  <span class=\"mg-l-auto\"></span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n    <b-modal v-model=\"fileDialog.modal\" hide-footer size=\"lg\" scrollable>\r\n      <file-dialog\r\n        :show=\"fileDialog.show\"\r\n        :id.sync=\"fileDialog.id\"\r\n        @on-hide=\"\r\n          fileDialog.show = false;\r\n          fileDialog.modal = false;\r\n        \"\r\n        :force=\"true\"\r\n      />\r\n    </b-modal>\r\n    <!-- <file-dialog\r\n      :show.sync=\"fileDialog.show\"\r\n      :id=\"fileDialog.id\"\r\n      swd=\"85vw\"\r\n      @on-hide=\"fileDialog.show=false;\"\r\n    /> -->\r\n  </div>\r\n</template>\r\n<script>\r\nimport { request } from \"@/api/all\";\r\nconst moment = require(\"moment\");\r\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\r\nimport AsyncLoading from \"@/components/base/asyncLoading\";\r\n\r\nexport default {\r\n  components: {\r\n    fileDialog: () => ({\r\n      component: import(\"@/components/modules/media/previewPage.vue\"),\r\n      loading: AsyncLoading,\r\n      error: AsyncLoadError,\r\n      delay: 100,\r\n      timeout: 5000,\r\n    }),\r\n  },\r\n  data() {\r\n    return {\r\n      searchModel: {\r\n        page: 0,\r\n        skip: 0,\r\n        size: 5,\r\n        folderId: 0,\r\n        fromUserTaskId: [],\r\n        labelIds: [],\r\n        sentDateStart: null,\r\n        sentDateEnd: null,\r\n        subject: \"\",\r\n\r\n        firstName: \"\",\r\n        title: \"\",\r\n        startDate: \"\",\r\n        endDate: \"\",\r\n      },\r\n\r\n      loading: {\r\n        folder: false,\r\n        list: false,\r\n        detail: false,\r\n      },\r\n\r\n      folders: [],\r\n      folderCur: 0,\r\n      folderCurCode: \"\",\r\n      folderCurTitle: \"\",\r\n      mailsObj: {\r\n        allCount: 0,\r\n        count: 0,\r\n      },\r\n      mails: [],\r\n      mailCur: {\r\n        id: 0,\r\n        attachments: [],\r\n      },\r\n      showModal: false,\r\n      fileDialog: {\r\n        show: false,\r\n        id: 0,\r\n        modal: false,\r\n      },\r\n      newlocalMailCount: 0,\r\n      myResBaseUrl: \"https://res.gosmart.mn/\",\r\n    };\r\n  },\r\n  mounted() {\r\n    if (\r\n      this.$store.state.app.activeGroup.resBaseUrl != undefined &&\r\n      this.$store.state.app.activeGroup.resBaseUrl != \"\"\r\n    ) {\r\n      this.myResBaseUrl = this.$store.state.app.activeGroup.resBaseUrl;\r\n    }\r\n\r\n    request({\r\n      api: { method: \"get\", url: \"localmail/notSeenCount\" },\r\n      store: this.$store,\r\n    }).then((res) => {\r\n      if (res != false) {\r\n        this.newlocalMailCount = res.data.count;\r\n      }\r\n    });\r\n\r\n    this.$store.state.signalr.osrCon.on(\"onLocalmailRecieved\", (id) => {\r\n      //console.log(id);\r\n\r\n      this.newlocalMailCount++;\r\n      this.playSound(id);\r\n      this.notifyMe();\r\n      if (!this.$store.state.app.windowState) {\r\n        //console.log(this.$store.state.app.windowState);\r\n        document.title = \"(Шинэ дотоод шуудан!) Динамик платформ\";\r\n        //this.playSound();\r\n      }\r\n    });\r\n\r\n    this.$store.state.signalr.osrCon.on(\"onLocalmailRead\", (id) => {\r\n      //console.log(id);\r\n      //id++;\r\n      this.newlocalMailCount--;\r\n    });\r\n  },\r\n  methods: {\r\n    showAttachmentDrawer(p) {\r\n      //console.log(p);\r\n      //this.attachDrawerParams.fileId=p.defaultAttachmentId;\r\n      this.fileDialog.id = p.id;\r\n      this.fileDialog.show = true;\r\n      this.fileDialog.modal = true;\r\n    },\r\n    showAttachment(a) {\r\n      //console.log(a);\r\n      //beforeLoadAttachment\r\n      if (a.gId == this.$store.state.user.userInfo.groupId) {\r\n        this.showAttachmentDrawer(a);\r\n      } else {\r\n        window.open(a.link, \"_blank\");\r\n      }\r\n    },\r\n    getthumb(v) {\r\n      let rv = \"\";\r\n      if (\r\n        v.ext == \"jpg\" ||\r\n        v.ext == \"jpeg\" ||\r\n        v.ext == \"png\" ||\r\n        v.ext == \"gif\"\r\n      ) {\r\n        rv = v.link + \"?w=220&h=140&mode=crop\";\r\n      } else {\r\n        rv = this.myResBaseUrl + \"media/mime/\" + v.ext + \".png\";\r\n      }\r\n      return rv;\r\n    },\r\n    init() {\r\n      //this.loading.folder = true;\r\n      request({\r\n        api: { method: \"GET\", url: \"LocalMail/Folders\" },\r\n        store: this.$store,\r\n      }).then((res) => {\r\n        if (res != false) {\r\n          this.folders = res.data.folders;\r\n          let fia = res.data.folders.filter((x) => x.code == \"inbox\");\r\n          if (fia.length > 0) {\r\n            this.loadList(fia[0]);\r\n          }\r\n          //this.loading.folder = false;\r\n          //this.getWindowHeight();\r\n        }\r\n      });\r\n    },\r\n    loadList(f) {\r\n      let self = this;\r\n      this.loading.list = true;\r\n\r\n      if (this.folderCurCode == \"sent\" || this.folderCurCode == \"draft\") {\r\n        this.searchModel.firstName = \"\";\r\n      }\r\n\r\n      this.folderCur = f.id;\r\n      this.folderCurCode = f.code;\r\n      this.folderCurTitle = f.title;\r\n\r\n      this.mails = [];\r\n\r\n      this.searchModel.folderId = f.id;\r\n\r\n      if (!f.paged) {\r\n        this.searchModel.skip = 0;\r\n        this.searchModel.page = 0;\r\n      }\r\n\r\n      request({\r\n        api: { method: \"POST\", url: \"LocalMail/List\" },\r\n        data: this.searchModel,\r\n        store: this.$store,\r\n      }).then((res) => {\r\n        if (res != false) {\r\n          this.loading.list = false;\r\n          this.mailCur.id = false;\r\n          this.mailsObj.allCount = res.data.allCount;\r\n          this.mailsObj.count = res.data.count;\r\n          this.mails = res.data.list.map((e) =>\r\n            Object.assign(e, {\r\n              groupDate: self.getDateGroupName(e.sentDate),\r\n            })\r\n          );\r\n        }\r\n      });\r\n    },\r\n    loadMail(m) {\r\n      request({\r\n        api: { method: \"get\", url: \"LocalMail/Detail\" },\r\n        params: { id: m.id },\r\n        store: this.$store,\r\n      }).then((res) => {\r\n        if (res != false) {\r\n          if (res.data.mail.flag == 11506 || res.data.mail.flag == 22000) {\r\n            //alert(res.data.mail.body);\r\n            this.$router.push(res.data.mail.body);\r\n          } else {\r\n            this.mailCur = res.data.mail;\r\n            if (this.mails.filter((x) => x.id == res.data.mail.id).length > 0) {\r\n              this.mails.filter(\r\n                (x) => x.id == res.data.mail.id\r\n              )[0].isSeen = true;\r\n            }\r\n            this.showModal = true;\r\n          }\r\n        }\r\n      });\r\n    },\r\n    getDateGroupName(d) {\r\n      let rv = \"\";\r\n      if (moment(d).isSame(new Date(), \"day\")) {\r\n        rv = \"Өнөөдөр\";\r\n      } else if (moment(d).isSame(moment().subtract(1, \"day\"), \"day\")) {\r\n        rv = \"Өчигдөр \" + moment(d).format(\"| dddd гараг - MMMM, DD\");\r\n      } else if (moment(d).isSame(moment().subtract(2, \"day\"), \"day\")) {\r\n        rv = \"Уржигдар \" + moment(d).format(\"| dddd гараг - MMMM, DD\");\r\n      } else if (moment(d).isSame(new Date(), \"week\")) {\r\n        rv = \"Энэ долоо хоногт\";\r\n      } else if (moment(d).isSame(moment().subtract(1, \"week\"), \"week\")) {\r\n        rv = \"Өнгөрсөн долоо хоногт\";\r\n      } else if (moment(d).isSame(new Date(), \"month\")) {\r\n        rv = \"Энэ сард\";\r\n      } else if (moment(d).isSame(moment().subtract(1, \"month\"), \"month\")) {\r\n        rv = \"Өнгөрсөн сард\";\r\n      } else if (moment(d).isSame(new Date(), \"year\")) {\r\n        rv = moment(d).format(\"MMMM\") + \"д\";\r\n        //rv= 'Энэ жилд';\r\n      } else if (moment(d).isSame(moment().subtract(1, \"year\"), \"year\")) {\r\n        rv = \"Өнгөрсөн жилд\";\r\n      } else {\r\n        rv = moment(d).format(\"YYYY\") + \" онд\";\r\n        //rv='Бусад';\r\n      }\r\n      return rv;\r\n    },\r\n    playSound() {\r\n      var audio = new Audio(resBaseUrl + \"media/sound/notif.mp3\");\r\n      audio.play();\r\n    },\r\n    notifyMe() {\r\n      if (!(\"Notification\" in window)) {\r\n        //console.log(\"This browser does not support desktop notification\");\r\n      } else if (Notification.permission === \"granted\") {\r\n        var notification = new Notification(\"Динамик платформ\", {\r\n          icon: resBaseUrl + \"media/icon.png\",\r\n          body: \"Танд шинэ дотоод шуудан ирлээ!\",\r\n        });\r\n        notification.onclick = function() {\r\n          let url = window.location.protocol + \"//\" + window.location.host;\r\n          window.open(url);\r\n        };\r\n      } else if (Notification.permission !== \"denied\") {\r\n        Notification.requestPermission().then(function(permission) {\r\n          if (permission === \"granted\") {\r\n            var notification = new Notification(\"Динамик платформ\", {\r\n              icon: resBaseUrl + \"media/icon.png\",\r\n              body: \"Танд шинэ дотоод шуудан ирлээ!\",\r\n            });\r\n            notification.onclick = function() {\r\n              let url = window.location.protocol + \"//\" + window.location.host;\r\n              window.open(url);\r\n            };\r\n          }\r\n        });\r\n      } else {\r\n        //console.log(\"notifperm\", Notification.permission);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\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=dd34687c&\"\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":""}