' + this.$t('warn_text2', {value: this.typeForm.orgName}) + '
',\n okText: this.$t('ok'),\n cancelText: this.$t('cancel'),\n onOk: () => {\n this.$Spin.show() // 開啟加載畫面\n this.userTags.forEach((item, index, array) => {\n if(item.typeId === _this.typeForm.id) {\n array.splice(index, 1)\n }\n })\n if(this.userTags.length === 0) {\n let _this = this\n this.userTags.push({\n typeId: jsFn.getUUID(),\n typeName: {\n customize: _this.$t('myCatagory', {value: 1}),\n cn: null,\n en: null,\n tw: null\n },\n tagList:[\n ]\n })\n }\n console.log(this.userTags, 'this.userTags')\n _this.$store.dispatch('updUserTags').then(() => {\n _this.cancelTypeForm()\n this.$Spin.hide() // 關閉加載畫面\n })\n }\n })\n },\n // 開啟修改標籤\n setTagForm(operating, typeId, id, name, remark) {\n if(!this.$tools.IsEmpty(remark)) {\n remark = remark.customize\n }\n this.tagForm.operating = operating\n this.tagForm.typeId = typeId\n this.tagForm.id = id\n this.tagForm.name = name\n this.tagForm.remark = remark\n this.tagModel = true\n },\n // 儲存標籤\n saveLabel() {\n if(this.$tools.IsEmpty(this.tagForm.name)) {\n this.$Message.warning({ content: this.$t('crtPoint_10'), duration: 5, closable: true })\n } else {\n this.$Spin.show() // 開啟加載畫面\n let _this = this\n if(this.tagForm.operating === 'crt') {\n this.userTags.forEach(item => {\n if(item.typeId === _this.tagForm.typeId) {\n item.tagList.push({\n id: jsFn.getUUID(),\n name: {\n customize: _this.tagForm.name,\n cn: null,\n en: null,\n tw: null\n },\n description: {\n customize: _this.tagForm.remark ? _this.tagForm.remark : '',\n cn: null,\n en: null,\n tw: null\n },\n crtTime: _this.$tools.yyyymmdd('-')\n })\n }\n })\n } else {\n this.userTags.forEach(item => {\n if(item.typeId === _this.tagForm.typeId) {\n item.tagList.forEach(tag => {\n if(tag.id === _this.tagForm.id) {\n tag.name.customize = _this.tagForm.name\n tag.description = {customize : _this.tagForm.remark ? _this.tagForm.remark : ''}\n tag.crtTime = _this.$tools.yyyymmdd('-')\n }\n })\n }\n })\n }\n this.$store.dispatch('updUserTags').then(() => {\n this.quit()\n this.$Spin.hide() // 關閉加載畫面\n })\n }\n },\n // 刪除標籤\n delTag() {\n let _this = this\n this.$Modal.confirm({\n title: this.$t('warning'),\n content: '' + this.$t('warn_text3') + '
',\n okText: this.$t('ok'),\n cancelText: this.$t('cancel'),\n onOk: () => {\n this.$Spin.show() // 開啟加載畫面\n this.userTags.forEach((item) => {\n if(item.typeId === _this.tagForm.typeId) {\n item.tagList.forEach((tag, index, array) => {\n if(tag.id === _this.tagForm.id) {\n array.splice(index, 1)\n }\n })\n }\n })\n _this.$store.dispatch('updUserTags').then(() => {\n _this.quit()\n this.$Spin.hide() // 關閉加載畫面\n })\n }\n })\n },\n // 離開標籤\n quit() {\n this.tagModel = false\n this.tagForm = {\n operating: '',\n typeId: 0,\n id: '',\n name: '',\n remark: ''\n }\n },\n backPage() {\n this.$router.go(-1)\n },\n getDateDiff: function() {\n if(this.channelInfo.isStrClass && parseInt(this.channelInfo.timestamp)) {\n // var now = new Date().getTime() + this.channelInfo.deltaTime // 增加校正值 (暫時註解矯正值)\n var now = new Date().getTime()\n var mss = now - parseInt(this.channelInfo.timestamp)\n var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\n var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60))\n var seconds = parseInt((mss % (1000 * 60)) / 1000)\n hours = hours < 10 ? ('0' + hours) : hours\n minutes = minutes < 10 ? ('0' + minutes) : minutes\n seconds = seconds < 10 ? ('0' + seconds) : seconds < 0 ? 0 : seconds\n this.commentsTime = hours + ':' + minutes + ':' + seconds\n } else {\n this.commentsTime = ''\n }\n }\n }\n}\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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./crtPointBtn.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./crtPointBtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./crtPointBtn.vue?vue&type=template&id=8fcb6842&scoped=true&\"\nimport script from \"./crtPointBtn.vue?vue&type=script&lang=js&\"\nexport * from \"./crtPointBtn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./crtPointBtn.vue?vue&type=style&index=0&lang=less&\"\nimport style1 from \"./crtPointBtn.vue?vue&type=style&index=1&id=8fcb6842&lang=less&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 \"8fcb6842\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"commentBtn\",attrs:{\"id\":\"commentBtn\"}},[_c('div',{staticClass:\"sky\"},[_c('div',{staticClass:\"sky-icon\",on:{\"click\":function($event){_vm.drawerflag = true}}},[_c('SokIcon',{staticClass:\"icon\",attrs:{\"type\":\"history\",\"size\":\"18\"}})],1),_c('div',{staticClass:\"sky-middle\"},[_c('div',{staticClass:\"sky-middle-cont ellipsis\"},[(_vm.channelInfo.isStrClass && !_vm.channelInfo.isSokActivity)?_c('span',{staticStyle:{\"color\":\"#07B8FB\",\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.$t('notSokMode')))]):[_vm._v(\" \"+_vm._s(!_vm.settingFlag ? _vm.channelInfo.className : _vm.$t('setting'))+\" \")]],2)]),_c('div',{staticClass:\"sky-icon\",on:{\"click\":function($event){return _vm.showSetting()}}},[(!_vm.settingFlag)?_c('SokIcon',{staticClass:\"icon\",attrs:{\"type\":\"setting\",\"size\":\"18\"}}):_c('SokIcon',{staticClass:\"icon\",attrs:{\"type\":\"exit\",\"size\":\"18\"}})],1)]),(!_vm.settingFlag)?_c('div',{staticClass:\"footer\"},[(!_vm.expertPoint.id)?_c('div',{staticClass:\"noPoint\"},[_c('SokIcon',{staticClass:\"attention\",attrs:{\"type\":\"attention\",\"size\":\"20\"},on:{\"on-click\":_vm.restNowTimestamp}}),_vm._v(\" \"+_vm._s(_vm.$t('clickBtn'))+\" \")],1):[_c('div',{staticClass:\"footer-icon flex-grow-2\",class:{inputFocus: _vm.inputFocusFlag}},[(_vm.uploadFile == null)?[_c('label',{attrs:{\"for\":\"film\"}},[_c('SokIcon',{attrs:{\"type\":\"video\",\"size\":\"25\"}})],1),_c('label',[_c('SokIcon',{attrs:{\"type\":\"recorder\",\"size\":\"25\"},on:{\"on-click\":function($event){_vm.recordFlag = true}}})],1),_c('label',{attrs:{\"for\":\"image\"}},[_c('SokIcon',{attrs:{\"type\":\"camera\",\"size\":\"25\"}})],1),_c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"video/mp4, video/x-m4v, video/*\",\"capture\":\"camcorder\",\"id\":\"film\"},on:{\"change\":_vm.chageFile}}),_c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/png, image/jpeg, image/gif, image/jpg\",\"id\":\"image\"},on:{\"change\":_vm.chageFile}})]:[_c('div',{staticClass:\"fileBorder\",attrs:{\"id\":\"fileBorder\"}},[(_vm.fileType == 'image')?_c('label',[_c('SokIcon',{staticClass:\"file\",attrs:{\"type\":\"imagefile\",\"size\":\"25\"}})],1):(_vm.fileType == 'audio')?_c('label',[_c('SokIcon',{staticClass:\"file\",attrs:{\"type\":\"audiofile\",\"size\":\"25\"}})],1):_c('label',[_c('SokIcon',{staticClass:\"file\",attrs:{\"type\":\"videofile\",\"size\":\"25\"}})],1),_c('label',{on:{\"click\":function($event){return _vm.previewFile(_vm.fileType, _vm.preview)}}},[_c('SokIcon',{staticClass:\"crtBtn\",attrs:{\"type\":\"preview\",\"size\":\"25\"}})],1),_c('label',{on:{\"click\":function($event){return _vm.cancelFile()}}},[_c('SokIcon',{staticClass:\"crtBtn\",attrs:{\"type\":\"trash\",\"size\":\"25\"}})],1)])]],2),_c('div',{staticClass:\"footer-middle\",class:{inputFocus: _vm.inputFocusFlag}},[(_vm.inputFocusFlag)?_c('Icon',{staticStyle:{\"margin\":\"0 10px\"},attrs:{\"size\":\"30\",\"type\":\"ios-arrow-forward\"},on:{\"click\":function($event){_vm.inputFocusFlag=false}}}):_vm._e(),_c('Input',{attrs:{\"type\":\"textarea\",\"autosize\":{minRows: 2,maxRows: 5}},on:{\"on-focus\":function($event){_vm.inputFocusFlag = true},\"on-blur\":function($event){_vm.inputFocusFlag = false}},model:{value:(_vm.expertPoint.desc),callback:function ($$v) {_vm.$set(_vm.expertPoint, \"desc\", $$v)},expression:\"expertPoint.desc\"}})],1),_c('div',{staticClass:\"footer-icon\",class:{disabled: !_vm.channelInfo.isSokActivity}},[_c('SokIcon',{staticClass:\"sending\",attrs:{\"type\":\"sending\",\"size\":\"25\"},on:{\"on-click\":function($event){return _vm.sendPoint()}}})],1)]],2):_vm._e(),(!_vm.settingFlag)?_c('div',{staticClass:\"box\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.channelInfo.isDevTimeAbnormal || _vm.isDevTimeAbnormal),expression:\"channelInfo.isDevTimeAbnormal || isDevTimeAbnormal\"}],staticClass:\"statusBox\"},[_c('span',{staticClass:\"cont\"},[_vm._v(_vm._s(_vm.$t('devTimeDialog')))]),_c('SokIcon',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.channelInfo.isDevTimeAbnormal),expression:\"!channelInfo.isDevTimeAbnormal\"}],staticClass:\"icon\",attrs:{\"type\":\"exit\",\"size\":\"13\"},on:{\"on-click\":function($event){_vm.isDevTimeAbnormal = false}}})],1),(_vm.teachTypeNum == 17 && _vm.showInfo1)?_c('div',{staticClass:\"statusBox info\"},[_c('a',{staticClass:\"cont\",attrs:{\"target\":\"_blank\",\"href\":_vm.info1Link[_vm.lang]}},[_vm._v(\" \"+_vm._s(_vm.$t('advertiseInfo1'))+\" \"),_c('Icon',{attrs:{\"color\":\"#ffffff\",\"type\":\"md-arrow-forward\"}})],1),_c('SokIcon',{staticClass:\"icon\",attrs:{\"type\":\"exit\",\"size\":\"13\"},on:{\"on-click\":function($event){_vm.showInfo1 = false}}})],1):_vm._e(),_c('div',{staticClass:\"selectBox\"},[_vm._v(\" \"+_vm._s(_vm.commentsTime)+_vm._s(_vm.$te(_vm.teachType[_vm.teachTypeNum]) ? ' - ' + _vm.$t(_vm.teachType[_vm.teachTypeNum]) + '...' : '')+\" \")]),(_vm.channelInfo.isStrClass != null && _vm.commentBtnSetting.detail.length > 0)?_c('div',{staticClass:\"point\"},[_c('div',{staticClass:\"accordion\"},[_c('div',{staticClass:\"pane\"},[_c('div',{staticClass:\"pane-title\"},[_vm._v(\" \"+_vm._s(_vm.commentBtnSetting.table.typeName.customize ? _vm.commentBtnSetting.table.typeName.customize : _vm.commentBtnSetting.table.typeName[_vm.langFormat])+\" \"),_c('Button',{staticClass:\"chgBtn\",attrs:{\"type\":\"text\"},on:{\"click\":function($event){_vm.chgTableFlag=true}}},[_vm._v(_vm._s(_vm.$t('changeTable')))])],1),_c('div',{staticClass:\"pane-cont scrollstyle\"},_vm._l((_vm.commentBtnSetting.table.tagList),function(tags,key){return _c('div',{key:key,staticClass:\"cont-box\",class:{'select': _vm.expertPoint.id == tags.id},on:{\"click\":function($event){return _vm.setPointBtn(_vm.commentBtnSetting.table.typeId, _vm.commentBtnSetting.table.typeName, tags.id, tags.name, _vm.commentBtnSetting.detailType)}}},[_c('div',{staticClass:\"box-title\"},[_vm._v(_vm._s(tags.name.customize ? tags.name.customize : tags.name[_vm.langFormat]))]),_c('div',{staticClass:\"box-subTitle scrollstyle\"},[_vm._v(_vm._s(tags.description ? tags.description.customize ? tags.description.customize : tags.description[_vm.langFormat] : ''))]),_c('div',{staticClass:\"box-pointTime\"},[_c('span',[_vm._v(_vm._s(_vm.strClassElapsedMin(_vm.channelInfo.timestamp, _vm.nowTimestamp)))])]),_c('SokIcon',{staticClass:\"box-reset\",attrs:{\"type\":\"reset\",\"size\":\"20\"},on:{\"on-click\":_vm.restNowTimestamp}}),_c('div',{staticClass:\"box-triangle\"})],1)}),0)])])]):_c('div',{staticClass:\"point\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"font-size\":\"25px\",\"font-weight\":\"700\",\"flex-direction\":\"column\"}},[_c('div',{staticStyle:{\"font-size\":\"30px\",\"border-bottom\":\"2px solid #515a6e\"}},[_vm._v(_vm._s(_vm.userInfo.name))]),_c('hr'),_c('div',{staticStyle:{\"width\":\"300px\",\"max-width\":\"100%\",\"padding\":\"10px\",\"font-size\":\"17px\",\"margin-bottom\":\"150px\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('weitStarClass')+'...')}})])]):_c('div',{staticClass:\"setting\"},[_c('div',{staticClass:\"marginTop personInfo\"},[_c('div',{staticClass:\"info\"},[_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('groupNum')))]),_c('div',{staticClass:\"cont \"},[_vm._v(_vm._s(_vm.channelInfo.channel))])]),_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('TOPIC')))]),_c('div',{staticClass:\"cont\"},[_vm._v(_vm._s(_vm.channelInfo.className))])]),_c('div',{staticClass:\"remark\"},[_vm._v(_vm._s(_vm.$t('settingRemark')))])]),_c('div',{staticClass:\"qrcode\"},[_c('img',{attrs:{\"src\":_vm.qrcode_url}})])]),_c('div',{staticClass:\"marginTop\"},[_c('div',{staticClass:\"block\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('name')))]),_c('span',{staticClass:\"cont \"},[_vm._v(_vm._s(_vm.userInfo.name))])]),_c('div',{staticClass:\"block\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('teamModelID')))]),_c('span',{staticClass:\"cont\"},[_vm._v(_vm._s(_vm.userInfo.expertType == 'Guest' ? _vm.$t('guest') : _vm.userInfo.id))])])]),_c('div',{staticClass:\"marginTop\"},[_c('div',{staticClass:\"block\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('groupNum')))]),_c('span',{staticClass:\"cont\"},[_vm._v(_vm._s(_vm.channelInfo.channel))])]),_c('div',{staticClass:\"block\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('PIN')))]),_c('span',{staticClass:\"cont \"},[_vm._v(_vm._s(_vm.channelInfo.pin))])]),_c('div',{staticClass:\"block\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('TOPIC')))]),_c('span',{staticClass:\"cont \"},[_vm._v(_vm._s(_vm.channelInfo.className))])]),_c('div',{staticClass:\"block\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('classTeacher')))]),_c('span',{staticClass:\"cont \"},[_vm._v(_vm._s(_vm.channelInfo.classTeacher))])])]),_c('Dropdown',{staticStyle:{\"width\":\"100%\"},attrs:{\"trigger\":\"click\",\"placement\":\"bottom-end\",\"transfer\":true,\"transfer-class-name\":\"menuSty\"},on:{\"on-click\":_vm.setLang}},[_c('div',{staticClass:\"block marginTop\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('lang'))+\" / \"+_vm._s(_vm._f(\"uppercase\")(_vm.langFormat)))]),_c('span',{staticClass:\"cont lang\"},[_vm._v(_vm._s(_vm.$t('chgLang')))])]),_c('DropdownMenu',{attrs:{\"slot\":\"list\"},slot:\"list\"},_vm._l((_vm.langSet),function(item){return _c('DropdownItem',{key:item,attrs:{\"name\":item}},[_vm._v(_vm._s(_vm.$t('lang-' + item)))])}),1)],1),_c('div',{staticClass:\"block marginTop\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('version')))]),_c('span',{staticClass:\"cont\"},[_vm._v(_vm._s(_vm.version))])]),_c('div',{staticClass:\"btnGroup\",staticStyle:{\"display\":\"flex\",\"margin-top\":\"10px\",\"justify-content\":\"space-around\"}},[(_vm.userInfo.expertType !== 'Guest')?_c('Button',{staticClass:\"sok-btn btnGroup-btn\",attrs:{\"to\":\"/crtpointbtn\"}},[_vm._v(_vm._s(_vm.$t('LabelManagement')))]):_vm._e(),_c('Button',{staticClass:\"sok-btn btnGroup-btn\",class:{'noMargin': _vm.userInfo.expertType == 'Guest'},on:{\"click\":function($event){return _vm.chgGroup()}}},[_vm._v(_vm._s(_vm.$t('changeClass')))])],1)],1),_c('div',{staticClass:\"record\",class:{show: _vm.recordFlag}},[_c('div',{staticClass:\"recBox\"},[_c('div',{staticClass:\"graph\",class:{star: _vm.starRec},style:({width: _vm.duration})}),_vm._v(\" \"),_c('SokIcon',{staticClass:\"quit\",attrs:{\"type\":\"exit\",\"size\":\"18\"},on:{\"on-click\":_vm.closeRecord}}),_vm._v(\" \"),_c('div',{staticClass:\"recCtrl\"},[(_vm.corvering)?_c('Spin',{attrs:{\"fix\":\"\"}}):_vm._e(),(!_vm.isRecing)?_c('img',{staticClass:\"recCtrl-icon\",attrs:{\"src\":require(\"@/img/svg/white/recording.svg\")},on:{\"click\":_vm.recStar}}):[_c('img',{staticClass:\"recCtrl-icon\",attrs:{\"src\":require(\"@/img/svg/white/recstop.svg\")},on:{\"click\":_vm.stop}}),_c('span',[_vm._v(_vm._s(_vm.recStarTime))])]],2)],1)]),_c('Drawer',{staticClass:\"drawerBox\",attrs:{\"class-name\":\"drawerClass\",\"width\":\"90%\",\"title\":_vm.$t('history'),\"scrollable\":true,\"placement\":\"left\",\"closable\":true,\"inner\":true,\"transfer\":false},on:{\"on-visible-change\":_vm.restDrawer},model:{value:(_vm.drawerflag),callback:function ($$v) {_vm.drawerflag=$$v},expression:\"drawerflag\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"padding-top\":\"16px\"},attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('p',[_vm._v(_vm._s(_vm.$t('history')))]),(_vm.copyText)?_c('Button',{staticClass:\"sok-btn recordList\",staticStyle:{\"font-size\":\"12px\",\"height\":\"25px\",\"box-shadow\":\"none\"},attrs:{\"data-clipboard-text\":_vm.copyText}},[_vm._v(_vm._s(_vm.$t('copyText')))]):_vm._e()],1),_vm._l((_vm.historys),function(item,key){return _c('div',{key:key,staticClass:\"pane\",class:{select: _vm.drawerPaneId === key}},[_c('div',{staticClass:\"pane-title\",on:{\"click\":function($event){return _vm.selDrawerPane(key)}}},[_vm._v(\" \"+_vm._s(_vm.converTime(item.obsStart))+\" \"),_c('Icon',{attrs:{\"size\":\"20\",\"type\":\"ios-arrow-down\"}})],1),_c('div',{staticClass:\"pane-cont\"},_vm._l((item.points),function(point,pkey){return _c('div',{key:pkey,staticClass:\"pointMsg\"},[_c('div',{staticClass:\"msg\"},[_c('div',{staticClass:\"msg-time\"},[_vm._v(\" \"+_vm._s(_vm.$tools.getDateDiffByTimestamp(item.obsStart, point.timestamp))+\" \")]),_c('div',{staticClass:\"msg-title\"},[_vm._v(\" \"+_vm._s(point.tagName.customize ? point.tagName.customize : point.tagName[_vm.langFormat])+\" \"),(point.fileUrl)?_c('img',{attrs:{\"src\":require(\"@/img/svg/white/accessory.svg\")}}):_vm._e()]),_c('div',{staticClass:\"msg-msg\"},[_vm._v(_vm._s(point.desc))]),(point.fileType == 'image')?_c('img',{staticClass:\"msg-preview\",attrs:{\"src\":require(\"@/img/logo/white/image.png\")},on:{\"click\":function($event){return _vm.previewFile(point.fileType, point.fileUrl)}}}):(point.fileType == 'audio')?_c('img',{staticClass:\"msg-preview\",attrs:{\"src\":require(\"@/img/logo/white/audio.png\")},on:{\"click\":function($event){return _vm.previewFile(point.fileType, point.fileUrl)}}}):(point.fileType == 'video')?_c('img',{staticClass:\"msg-preview\",attrs:{\"src\":require(\"@/img/logo/white/video.png\")},on:{\"click\":function($event){return _vm.previewFile(point.fileType, point.fileUrl)}}}):_vm._e()]),_c('div',{staticClass:\"tool\"},[(_vm.channelInfo.isStrClass && _vm.channelInfo.timestamp === item.obsStart)?[_c('SokIcon',{staticClass:\"crtBtn\",attrs:{\"type\":\"trash\",\"size\":\"16\"},on:{\"on-click\":function($event){return _vm.setEditHistoryForm('del', _vm.userInfo.id, point.timestamp, key, pkey)}}}),_c('SokIcon',{staticClass:\"crtBtn\",attrs:{\"type\":\"edit\",\"size\":\"16\"},on:{\"on-click\":function($event){return _vm.setEditHistoryForm('upd', _vm.userInfo.id, point.timestamp, key, pkey, point.desc)}}})]:_vm._e()],2)])}),0)])})],2),_c('Drawer',{attrs:{\"class-name\":\"chgTable\",\"placement\":\"bottom\",\"height\":\"49%\",\"closable\":false,\"inner\":true,\"transfer\":false,\"scrollable\":true},model:{value:(_vm.chgTableFlag),callback:function ($$v) {_vm.chgTableFlag=$$v},expression:\"chgTableFlag\"}},[_c('Tabs',{staticClass:\"chgBox\",attrs:{\"value\":_vm.commentBtnSetting.detailType,\"animated\":false},on:{\"on-click\":_vm.setDetail}},[(_vm.tmdTags.length > 0)?_c('TabPane',{attrs:{\"index\":1,\"label\":_vm.$t('basicLabel'),\"name\":\"tmd\"}},_vm._l((_vm.sortCommentBtnSettingDetail),function(item,key){return _c('div',{key:key,staticClass:\"detail-title\",class:{'select': _vm.commentBtnSetting.pointsByTypeId === item.typeId},on:{\"click\":function($event){return _vm.checkPoint(item.typeId, 'tmd')}}},[_vm._v(_vm._s(item.typeName.customize ? item.typeName.customize : item.typeName[_vm.langFormat])),_c('SokIcon',{staticClass:\"check\",attrs:{\"type\":\"check\",\"size\":\"15\"}})],1)}),0):_vm._e(),(_vm.schoolTags.length > 0)?_c('TabPane',{attrs:{\"index\":2,\"label\":_vm.$t('channelLabel'),\"name\":\"school\"}},_vm._l((_vm.sortCommentBtnSettingDetail),function(item,key){return _c('div',{key:key,staticClass:\"detail-title\",class:{'select': _vm.commentBtnSetting.pointsByTypeId === item.typeId},on:{\"click\":function($event){return _vm.checkPoint(item.typeId, 'school')}}},[_vm._v(_vm._s(item.typeName.customize ? item.typeName.customize : item.typeName[_vm.langFormat])),_c('SokIcon',{staticClass:\"check\",attrs:{\"type\":\"check\",\"size\":\"15\"}})],1)}),0):_vm._e(),(_vm.userInfo.expertType !== 'Guest' && _vm.userTags.length > 0)?_c('TabPane',{attrs:{\"index\":3,\"label\":_vm.$t('myLabel'),\"name\":\"person\"}},[_vm._l((_vm.sortCommentBtnSettingDetail),function(item,key){return _c('div',{key:key,staticClass:\"detail-title\",class:{'select': _vm.commentBtnSetting.pointsByTypeId === item.typeId},on:{\"click\":function($event){return _vm.checkPoint(item.typeId, 'person')}}},[_vm._v(_vm._s(item.typeName.customize ? item.typeName.customize : item.typeName[_vm.langFormat])),_c('SokIcon',{staticClass:\"check\",attrs:{\"type\":\"check\",\"size\":\"15\"}})],1)}),_c('div',{staticClass:\"detail-title editTags\",on:{\"click\":function($event){return _vm.toCustomTags()}}},[_c('SokIcon',{staticClass:\"edit\",attrs:{\"type\":\"edit\",\"size\":\"15\"}}),_vm._v(\" \"+_vm._s(_vm.$t('editCustomTags'))+\" \")],1)],2):_vm._e()],1)],1),_c('Modal',{attrs:{\"closable\":false,\"footer-hide\":true,\"width\":\"320\",\"class-name\":\"previewMoal\"},model:{value:(_vm.previewModal.flag),callback:function ($$v) {_vm.$set(_vm.previewModal, \"flag\", $$v)},expression:\"previewModal.flag\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.previewModal.type == 'image')?_c('img',{staticStyle:{\"width\":\"100%\",\"max-width\":\"300px\"},attrs:{\"src\":_vm.previewModal.url}}):(_vm.previewModal.type == 'audio')?_c('audio',{staticStyle:{\"width\":\"100%\",\"max-width\":\"300px\"},attrs:{\"src\":_vm.previewModal.url,\"controls\":\"\"}}):_c('video',{staticStyle:{\"width\":\"100%\",\"max-width\":\"300px\"},attrs:{\"src\":_vm.previewModal.url,\"controls\":\"controls\"}})])]),_c('Modal',{attrs:{\"mask-closable\":false,\"width\":\"300\"},model:{value:(_vm.historyEditFlag),callback:function ($$v) {_vm.historyEditFlag=$$v},expression:\"historyEditFlag\"}},[_c('p',{staticStyle:{\"text-align\":\"center\"},attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\" \"+_vm._s(_vm.editHistoryForm.type === 'upd' ? _vm.$t('historyEditTitle1') : _vm.$t('historyEditTitle2'))+\" \")]),_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.editHistoryForm.type === 'upd')?[_c('Input',{attrs:{\"type\":\"textarea\",\"autosize\":{minRows: 3,maxRows: 5}},model:{value:(_vm.editHistoryForm.desc),callback:function ($$v) {_vm.$set(_vm.editHistoryForm, \"desc\", $$v)},expression:\"editHistoryForm.desc\"}})]:[_vm._v(\" \"+_vm._s(_vm.$t('historyEditCont'))+\" \")]],2),_c('div',{staticStyle:{\"display\":\"flex\"},attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('Button',{staticClass:\"sok-btn\",attrs:{\"long\":\"\"},on:{\"click\":function($event){return _vm.editHistorys()}}},[_vm._v(_vm._s(_vm.$t('ok')))]),_c('Button',{staticClass:\"sok-btn\",attrs:{\"long\":\"\"},on:{\"click\":function($event){_vm.historyEditFlag=false}}},[_vm._v(_vm._s(_vm.$t('cancel')))])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { mapActions, mapGetters } from 'vuex'\nimport { BlobServiceClient } from'@azure/storage-blob'\nimport QRCode from 'qrcode'\nimport Recorder from 'js-audio-recorder'\nimport ClipboardJS from 'clipboard'\nimport { jsFn } from '@/utils/jsFn'\nimport EXIF from 'exif-js'\nimport { Base64 } from 'js-base64'\n\nexport default {\n name: 'commentBtn',\n data() {\n return {\n previewModal: { // 歷史訊息預覽畫面\n flag: false,\n type: '',\n url:''\n },\n isPlay: false, // 播放中\n starRec: false, // 開始錄音\n preview: '', // 打點檔案預覽\n recTemp: null, // 錄音檔完成暫存檔案\n recorder: null, // 錄音物件喧染\n duration: 0, // 錄音進度條\n fileType: '', // 檔案類型 audio, image, video\n uploadFile: null, // 要上傳的檔案\n isRecing: false, // 開始錄音與否\n recordFlag: false, // 錄音介面開關\n maxSec: 60, // 上限秒數\n recStarTime: '00:00', // 錄音開始秒數\n recEndTime: '00:00', // 錄音結束秒數\n paneId: '', // 現在被開啟的標籤pane\n drawerPaneId: '', // 現在被開啟的抽屜pane\n nowTimestamp:'', // 現在的打點時間\n qrcode_url: '', // qrcode URL\n langSet: [], // 語系\n groupPeoples: 0, // 現在加入教室的人\n settingFlag: false, // 開啟設定資訊\n drawerflag: false, // 抽屜Flag\n chgTableFlag: false, // 更換Table Flag\n commentsTime: '00:00:00', // 開課時間\n contentTypes: { // 上傳檔案類型\n 'image/jpeg': '.jpeg',\n 'image/png': '.png',\n 'video/mp4': '.mp4',\n 'video/3gpp': '.3gp',\n 'video/x-msvideo': '.avi',\n 'audio/wav': '.wav',\n 'video/quicktime': '.mov'\n },\n expertPoint: { // 打點資訊\n type: '',\n typeName: '',\n id: '',\n tagName: '',\n desc: '',\n tableType: '' // 標籤性質: 個人:person, 學校: school, 醍摩豆: tmd\n },\n teachType: [\n 'mode_ready', // 0\n 'mode_quiz_single', // 1\n 'mode_quiz_multiple', // 2\n 'mode_quiz_judge', // 3\n 'mode_quiz_complete', // 4\n 'mode_quiz_subjective', // 5\n 'mode_quiz_compose', // 6\n 'mode_competition_single', // 7\n 'mode_competition_multiple', // 8\n 'mode_competition_judge', // 9\n 'mode_competition_complete', // 10\n 'mode_competition_subjective', // 11\n 'mode_selfpace_start', // 12\n 'mode_selfpace_end', // 13\n 'mode_attend', // 14\n 'mode_collate', // 15\n 'mode_buzzin', // 16\n 'mode_close' // 17\n ],\n pageID: '', // Hiteach page id\n corvering: false, // mp3 轉型中\n historyEditFlag: false, // 歷史紀錄Modal\n editHistoryForm:{\n type: '', // 修改類型 upd, del\n userId: '', // 使用者id\n timestamp: '', // 打點時間\n hIndex: '', // hIndex\n pIndex: '', // pIndex\n desc: '' // 修改打點內容\n },\n minutesTemp: '00:00:00', // 經過時間的暫存\n inputFocusFlag: false, // 隱藏按鈕與否\n publicTimer: null, // 通用議課Timer\n publicState: '', // 通用議課狀態\n isDevTimeAbnormal: false, // 裝置時間是否與伺服器時間有差距10分鐘以上\n showInfo1: false,\n info1Link: {\n 'zh-tw': 'https://www.habook.com/zh-tw/product.php?act=view&id=32',\n 'zh-cn': 'https://www.habook.com.cn/cloud.php?act=view&id=23',\n 'en-us': 'https://www.habook.com/en/product.php?act=view&id=32'\n }\n }\n },\n computed: {\n ...mapGetters([\n 'userTags',\n 'historys',\n 'copyText',\n 'channelInfo',\n 'channelLink',\n 'userInfo',\n 'lang',\n 'commentBtnSetting',\n 'version',\n 'teachTypeNum',\n 'tmdTags',\n 'schoolTags',\n 'baseFileUrl',\n 'isSignalLink',\n 'commentsData'\n ]),\n langFormat: function() {\n let res\n switch (this.lang) {\n case 'zh-tw':\n res = 'tw'\n break\n case 'zh-cn':\n res = 'cn'\n break\n case 'en-us':\n res = 'en'\n break\n }\n return res\n },\n isObsStartSame: function() {\n return this.historys.length > 0 && this.historys[0].obsStart === this.channelInfo.timestamp\n },\n sortCommentBtnSettingDetail: function() {\n let data = this.commentBtnSetting.detail\n data.sort(\n function(a,b) {\n return a.order - b.order\n }\n )\n return data\n }\n },\n watch: {\n 'channelInfo.isStrClass': function(val, old) {\n if(this.isSignalLink && val !== null && !val) { // 下課\n if(!jsFn.IsEmpty(this.expertPoint.id)) {\n this.$Message.warning({\n content: this.$t('warn_text5'),\n duration: 15,\n closable: true\n })\n } else {\n this.drawerflag = true\n this.showInfo1 = true\n }\n }\n\n if(!old && val) { // 重新上課\n // 清空打點\n this.expertPoint.type = ''\n this.expertPoint.typeName = ''\n this.expertPoint.id = ''\n this.expertPoint.tagName = ''\n this.expertPoint.desc = ''\n this.expertPoint.tableType = ''\n this.nowTimestamp = ''\n this.fileType = ''\n this.uploadFile = null\n }\n }\n },\n filters: {\n uppercase: function(val) {\n return val.toUpperCase()\n },\n convertHHMMSS(val) {\n return val ? new Date(parseInt(val)).toLocaleTimeString('it-IT', {hour: '2-digit', minute: '2-digit', second: '2-digit'}) : ''\n }\n },\n methods: {\n ...mapActions(['setPageLang', 'logOut']),\n strClassElapsedMin: function(strClasstime, timestamp) {\n if(this.channelInfo.isStrClass && timestamp > strClasstime) {\n this.minutesTemp = jsFn.getDateDiffByTimestamp(strClasstime, timestamp)\n }\n return this.minutesTemp\n },\n classPassedTime: function() {\n if(this.channelInfo.isStrClass) {\n let strTime = parseInt(this.channelInfo.timestamp)\n // let endTime = new Date().getTime() + this.channelInfo.deltaTime // 增加校正值(暫時註解矯正值)\n let endTime = new Date().getTime()\n this.commentsTime = jsFn.getDateDiffByTimestamp(strTime, endTime)\n } else {\n this.commentsTime = '00:00:00'\n }\n },\n converTime: function(timestamp) {\n return jsFn.converDrawerTime(timestamp)\n },\n uploadToBlob: function(file, fileName, fileType = '') {\n return new Promise((resolve, reject) => {\n let blobAuth = this.channelInfo.blobConfig.hostBlobUrl + '?' + this.channelInfo.blobConfig.blobSAS_write\n let saveAddres = this.baseFileUrl + fileName\n const blobServiceClient = new BlobServiceClient(blobAuth)\n const containerClient = blobServiceClient.getContainerClient('')\n let blockBlobClient = containerClient.getBlockBlobClient(saveAddres)\n fileType = fileType !== '' ? fileType : file.type\n blockBlobClient.uploadBrowserData(file, {\n blobHTTPHeaders: { blobContentType: fileType }\n // onProgress: function (e) {\n // console.log(e, '123') // 可以用來跑上傳百分比\n // }\n }).then(\n () => {\n resolve({error:0})\n },\n () => {\n reject(new Error({error: 1}))\n }\n )\n })\n },\n sendPoint: async function() {\n if(!this.channelInfo.isSokActivity) {\n this.$Message.info({\n content: this.$t('modelRoot_4'),\n duration: 3,\n closable: true\n })\n } else {\n let _this = this\n this.$Spin.show() // 開啟加載畫面\n\n let sendData = {\n timestamp: this.nowTimestamp, // 打點時間\n id: this.userInfo.id, // 使用者ID\n name: this.userInfo.name, // 使用者Name\n expertType: this.userInfo.expertType, // 使用者身份 Guest: 訪客, Teacher: 老師\n desc: this.expertPoint.desc.trim(), // 講解資訊\n tableType: this.expertPoint.tableType, // 標籤來源\n expPointType: this.expertPoint.type, // 標籤Type\n expPointTypeName: this.expertPoint.typeName, // 標籤Type name {}\n expPointTypeId: this.expertPoint.id, // 標籤id\n tagName: this.expertPoint.tagName, // 標籤Name 是一個{}\n time: (this.nowTimestamp - this.channelInfo.timestamp) / 1000, // 相隔時間\n imageList: null, // 圖片上傳\n videoList: null, // 影片上傳\n recList: null, // 錄音上傳\n pageID: this.pageID // 頁面ID\n }\n\n let _fileUrl = this.baseFileUrl\n if(this.uploadFile != null) {\n let fileName = Date.now()\n switch (this.fileType) {\n case 'image':\n // 如果是圖片要再壓縮一張 100 X 100的縮圖\n let orgFile\n let preFile\n let imgData = {}\n let successCount = 0\n // 原圖\n await this.createImage(this.uploadFile, false).then(e => {\n orgFile = _this.dataURLtoFile(e, fileName)\n })\n let orgFileName = fileName + '.jpeg'\n await this.uploadToBlob(orgFile, orgFileName, 'image/jpeg').then(res => {\n if(res.error === 0) {\n imgData.ImgSrc = orgFileName\n successCount++\n } else {\n console.log('orgFile 上傳失敗')\n }\n })\n // 縮圖\n await this.createImage(this.uploadFile, true).then(e => {\n preFile = _this.dataURLtoFile(e, fileName)\n })\n let preFileName = fileName + '_pre' + '.jpeg'\n await this.uploadToBlob(preFile, preFileName, 'image/jpeg').then(res => {\n if(res.error === 0) {\n imgData.ImgPre = preFileName\n successCount++\n } else {\n console.log('preFile 上傳失敗')\n }\n })\n if(successCount === 2) {\n _fileUrl += orgFileName\n sendData.imageList = [imgData]\n }\n break\n case 'video':\n fileName = fileName + '.mp4'\n await this.uploadToBlob(this.uploadFile, fileName, 'video/mp4').then(res => {\n if(res.error === 0) {\n _fileUrl += fileName\n sendData.videoList = [{'video':fileName}]\n } else {\n console.log('video 上傳失敗')\n }\n })\n break\n case 'audio':\n fileName = fileName + '.mp3'\n await this.uploadToBlob(this.uploadFile, fileName).then(res => {\n if(res.error === 0) {\n _fileUrl += fileName\n sendData.recList = [{'rec':fileName}]\n } else {\n console.log('audio 上傳失敗')\n }\n })\n break\n }\n }\n\n if(this.commentsData.bindingNum === this.channelInfo.blobConfig.bindingNum && this.commentsData.userId === this.userInfo.id) {\n this.commentsData.data.push(sendData)\n } else {\n this.commentsData.bindingNum = this.channelInfo.blobConfig.bindingNum\n this.commentsData.userId = this.userInfo.id\n this.commentsData.data = [\n sendData\n ]\n }\n\n this.$store.dispatch('setCommentsData',this.commentsData) // 設定打點紀錄\n\n let fileName = 'comments.json'\n var blob = new Blob([JSON.stringify(this.commentsData.data)],{type:'application/json,charset=utf-8;'})\n blob.lastModifiedDate = new Date()\n blob.name = fileName\n await this.uploadToBlob(blob, fileName).then(res => {\n this.$Message.info({\n content: this.$t('sendSucces'),\n duration: 3,\n closable: true\n })\n // 觀議課紀錄\n let isExistIndex = ''\n this.historys.forEach((item, index) => {\n if(parseInt(item.obsStart) === parseInt(_this.channelInfo.timestamp)) {\n isExistIndex = index\n }\n })\n\n if(isExistIndex !== '') {\n this.historys[isExistIndex].points.unshift({\n id: _this.expertPoint.id,\n tagName: _this.expertPoint.tagName,\n desc: _this.expertPoint.desc,\n timestamp: _this.nowTimestamp,\n fileUrl: _this.fileType ? _this.channelInfo.blobConfig.hostBlobUrl + '/' + _fileUrl + '?' + _this.channelInfo.blobConfig.blobSAS_read : '',\n fileType: _this.fileType\n })\n } else {\n this.historys.unshift({\n obsStart: _this.channelInfo.timestamp,\n topic: _this.channelInfo.className,\n classTName: _this.channelInfo.classTeacher,\n pointer: _this.userInfo.name,\n // joinPpo: _this.groupPeoples,\n points:[\n {\n id: _this.expertPoint.id,\n tagName: _this.expertPoint.tagName,\n desc: _this.expertPoint.desc,\n timestamp: _this.nowTimestamp,\n fileUrl: _this.fileType ? _this.channelInfo.blobConfig.hostBlobUrl + '/' + _fileUrl + '?' + _this.channelInfo.blobConfig.blobSAS_read : '',\n fileType: _this.fileType\n }\n ]\n })\n }\n\n this.$store.dispatch('setHistorys', this.historys) // 設定打點紀錄\n\n this.expertPoint.type = ''\n this.expertPoint.typeName = ''\n this.expertPoint.id = ''\n this.expertPoint.tagName = ''\n this.expertPoint.desc = ''\n this.expertPoint.tableType = ''\n this.nowTimestamp = ''\n this.fileType = ''\n this.uploadFile = null\n }).catch(err => {\n console.log(err)\n })\n this.$Spin.hide() // 關閉加載畫面\n }\n },\n showSetting: function() {\n this.settingFlag = !this.settingFlag\n },\n setLang: function(val) {\n this.$i18n.locale = val\n this.setPageLang(val)\n },\n chgGroup: function() {\n // 如果是通用議課則跳出以下資訊並停掉Timer\n if(!this.$tools.IsEmpty(this.publicTimer)) {\n clearInterval(this.publicTimer)\n }\n // 刪除教室資訊\n this.$store.dispatch('leaveChannel').then(() => {\n this.$router.push({path: '/login'})\n })\n },\n crtQRCode: function(text) {\n var generateQR = QRCode.toDataURL(text, { margin: 0 })\n return generateQR\n },\n selDrawerPane: function(index) {\n if(index === this.drawerPaneId) {\n this.drawerPaneId = ''\n } else {\n this.drawerPaneId = index\n }\n },\n setPointBtn: function(type, typeName, id, tagName, tableType) {\n this.expertPoint.type = type\n this.expertPoint.typeName = typeName\n this.expertPoint.id = id\n this.expertPoint.tagName = tagName\n this.expertPoint.tableType = tableType\n if(jsFn.IsEmpty(this.nowTimestamp)) {\n // this.nowTimestamp = (new Date().getTime() + this.channelInfo.deltaTime) // 暫時註解矯正值\n this.nowTimestamp = new Date().getTime()\n }\n },\n restNowTimestamp: function() {\n // if(this.channelInfo.isStrClass) this.nowTimestamp = (new Date().getTime() + this.channelInfo.deltaTime) // 暫時註解矯正值\n if(this.channelInfo.isStrClass) this.nowTimestamp = new Date().getTime()\n },\n chageFile: function(e) {\n this.uploadFile = e.target.files[0]\n this.preview = window.URL.createObjectURL(this.uploadFile) // 預覽功能\n if(this.uploadFile.type === 'image/jpeg' || this.uploadFile.type === 'image/png') {\n this.fileType = 'image'\n } else if (this.uploadFile.type === 'audio/mp3') {\n this.fileType = 'audio'\n } else {\n this.fileType = 'video'\n let size = parseFloat(this.uploadFile.size / 1000000).toFixed(1)\n if(size > 10) {\n this.cancelFile()\n this.$Message.info({\n content: this.$t('err08'),\n duration: 3,\n closable: true\n })\n }\n }\n window.URL.revokeObjectURL(this.uploadFile) // 預覽功能\n },\n recStar: function() {\n this.starRec = true\n let _this = this\n if(this.recorder == null) {\n Recorder.getPermission().then(() => {\n console.log('給權限了')\n }, () => {\n _this.$Modal.warning({\n title: _this.$t('warning'),\n content: '' + _this.$t('warn_text4') + '
'\n })\n })\n this.recorder = new Recorder({\n sampleBits: 16, // 采样位数，支持 8 或 16，默认是16\n sampleRate: 44100, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000\n numChannels: 1 // 声道，支持 1 或 2， 默认是1\n })\n }\n this.recorder.start().then(() => {\n // 开始录音\n _this.isRecing = true\n }, (error) => {\n // 出错了\n console.log(`${error.name} : ${error.message}`)\n })\n\n this.recorder.onprogress = function(params) {\n let nowSec = Math.floor(params.duration)\n if(_this.maxSec >= nowSec) {\n let tmp = _this.maxSec - nowSec\n _this.recStarTime = '00:' + (tmp < 10 ? ('0' + tmp) : tmp < 0 ? 0 : tmp)\n _this.recEndTime = '00:' + (nowSec < 10 ? ('0' + nowSec) : nowSec < 0 ? 0 : nowSec)\n _this.duration = (Math.round(nowSec / _this.maxSec * 10000) / 100.00) + '%'\n } else {\n _this.stop()\n }\n }\n this.recorder.onplayend = function() {\n _this.isPlay = false\n }\n },\n stop: function() {\n let _this = this\n this.corvering = true\n let temp = this.recorder.getChannelData()\n setTimeout(function() {\n jsFn.convertToMp3(temp).then(res => {\n _this.uploadFile = res\n _this.preview = window.URL.createObjectURL(_this.uploadFile) // 預覽功能\n window.URL.revokeObjectURL(_this.uploadFile) // 預覽功能\n _this.fileType = 'audio'\n _this.closeRecord()\n })\n }, 1000)\n },\n saveRec: function() {\n jsFn.convertToMp3(this.recorder.getChannelData(this.recTemp)).then(res => {\n this.uploadFile = res\n // this.preview = window.URL.createObjectURL(this.uploadFile) // 預覽功能\n // window.URL.revokeObjectURL(this.uploadFile) // 預覽功能\n this.fileType = 'audio'\n this.closeRecord()\n })\n },\n play: function() {\n if(!this.isPlay) {\n this.isPlay = true\n this.recorder.play()\n }\n },\n destroy: function() {\n let _this = this\n this.recorder.destroy().then(function() {\n _this.isRecing = false\n _this.recorder = null\n _this.duration = 0\n })\n },\n closeRecord: function() {\n this.corvering = false\n this.recordFlag = false\n this.isRecing = false\n this.starRec = false\n if(this.recorder != null) {\n let _this = this\n this.recorder.destroy().then(function() {\n _this.recorder = null\n _this.duration = 0\n })\n }\n },\n moreMsg: function(e) {\n if(!e.target.parentElement.parentElement.classList.contains('more')) {\n e.target.parentElement.parentElement.classList.add('more')\n } else {\n e.target.parentElement.parentElement.classList.remove('more')\n }\n },\n cancelFile: function() {\n this.preview = ''\n this.uploadFile = null\n this.fileType = ''\n },\n previewFile: function(type, url) {\n this.previewModal.flag = true\n this.previewModal.type = type\n this.previewModal.url = url\n },\n createCanvas: function() {\n var canvas = document.getElementById('canvas')\n if(!canvas) {\n var canvasTag = document.createElement('canvas')\n canvasTag.setAttribute('id','canvas')\n canvasTag.setAttribute('style','display:none')\n document.body.appendChild(canvasTag)\n canvas = document.getElementById('canvas')\n }\n return canvas\n },\n createImage: function(file, isPre = false) {\n return new Promise((resolve) => {\n var reader = new FileReader()\n var img = new Image()\n // 缩放图片需要的canvas\n var canvas = this.createCanvas()\n var context = canvas.getContext('2d')\n reader.onload = function() {\n var result = this.result\n img.onload = function() {\n EXIF.getData(img, function() {\n EXIF.getAllTags(this)\n\n // 图片原始尺寸\n var originWidth = this.width\n var originHeight = this.height\n // 最大尺寸限制\n var maxWidth = isPre ? 100 : 1024\n var maxHeight = isPre ? 100 : 1024\n // 目标尺寸\n var targetWidth = originWidth\n var targetHeight = originHeight\n\n // 图片尺寸超过限制\n if(originWidth > maxWidth || originHeight > maxHeight) {\n if(originWidth / originHeight > maxWidth / maxHeight) {\n // 更宽，按照宽度限定尺寸\n targetWidth = maxWidth\n targetHeight = Math.round(maxWidth * (originHeight / originWidth))\n } else {\n targetHeight = maxHeight\n targetWidth = Math.round(maxHeight * (originWidth / originHeight))\n }\n }\n\n // canvas对图片进行缩放\n canvas.width = targetWidth\n canvas.height = targetHeight\n\n // 图片压缩\n context.drawImage(img, 0, 0, targetWidth, targetHeight)\n var dataURL = canvas.toDataURL('image/jpeg', 0.8)\n // 清除画布\n context.clearRect(0, 0, targetWidth, targetHeight)\n resolve(dataURL)\n })\n }\n img.src = result\n }\n reader.readAsDataURL(file)\n })\n },\n dataURLtoFile(dataurl, filename) {\n let arr = dataurl.split(',')\n let mime = arr[0].match(/:(.*?);/)[1]\n let bstr = atob(arr[1])\n let n = bstr.length\n let u8arr = new Uint8Array(n)\n while(n--) {\n u8arr[n] = bstr.charCodeAt(n)\n }\n return new File([u8arr], filename, {type:mime})\n },\n restDrawer: function() {\n if(this.isObsStartSame) {\n this.drawerPaneId = 0\n }\n },\n setEditHistoryForm(type, userId, timestamp, hIndex, pIndex, desc) {\n this.editHistoryForm.type = type // 修改類型 upd, del\n this.editHistoryForm.userId = userId // 使用者id\n this.editHistoryForm.timestamp = timestamp // 打點時間\n this.editHistoryForm.hIndex = hIndex // hIndex\n this.editHistoryForm.pIndex = pIndex // pIndex\n this.editHistoryForm.desc = desc // 修改打點內容\n this.historyEditFlag = true\n },\n editHistorys: async function() {\n if(!this.channelInfo.isStrClass) {\n return\n }\n var blob\n let fileName = 'comments.json'\n let _this = this\n\n if(this.commentsData.data.length > 0) {\n switch (this.editHistoryForm.type) {\n case 'upd':\n // BLOB 內容的 Index\n this.commentsData.data.forEach(function(item, index, array) {\n if(item.id === _this.editHistoryForm.userId && item.timestamp === _this.editHistoryForm.timestamp) {\n item.desc = _this.editHistoryForm.desc\n }\n })\n // 上傳 commentsData\n blob = new Blob([JSON.stringify(this.commentsData.data)],{type:'application/json,charset=utf-8;'})\n blob.lastModifiedDate = new Date()\n blob.name = fileName\n await this.uploadToBlob(blob, fileName).then(() => {\n this.$Message.info({\n content: this.$t('updsuccess'),\n duration: 3,\n closable: true\n })\n this.historys[_this.editHistoryForm.hIndex].points[_this.editHistoryForm.pIndex].desc = _this.editHistoryForm.desc\n this.$store.dispatch('setHistorys', this.historys) // 設定個人歷史紀錄\n this.$store.dispatch('setCommentsData',this.commentsData) // 設定Bolo內容\n })\n break\n case 'del':\n // BLOB 內容的 Index\n this.commentsData.data.forEach(function(item, index, array) {\n if(item.id === _this.editHistoryForm.userId && item.timestamp === _this.editHistoryForm.timestamp) {\n array.splice(index, 1)\n }\n })\n // 上傳 commentsData\n blob = new Blob([JSON.stringify(this.commentsData.data)],{type:'application/json,charset=utf-8;'})\n blob.lastModifiedDate = new Date()\n blob.name = fileName\n await this.uploadToBlob(blob, fileName).then(() => {\n this.$Message.info({\n content: this.$t('delsuccess'),\n duration: 3,\n closable: true\n })\n this.historys[_this.editHistoryForm.hIndex].points.splice(_this.editHistoryForm.pIndex, 1)\n this.$store.dispatch('setHistorys', this.historys) // 設定打點紀錄\n this.$store.dispatch('setCommentsData',this.commentsData) // 設定Bolo內容\n })\n break\n }\n this.historyEditFlag = false\n }\n },\n setDetail: function(type) {\n switch (type) {\n case 'tmd':\n this.commentBtnSetting.detail = this.tmdTags\n break\n case 'school':\n this.commentBtnSetting.detail = this.schoolTags\n break\n case 'person':\n this.commentBtnSetting.detail = this.userTags // 個人標籤\n break\n }\n this.$store.dispatch('setCommentBtnSetting', this.commentBtnSetting)\n },\n checkPoint: function(typeId, detailType) {\n if(!jsFn.IsEmpty(this.expertPoint.desc) || !jsFn.IsEmpty(this.fileType)) {\n this.$Modal.confirm({\n title: this.$t('warning'),\n content: '' + this.$t('warn_text1') + '
',\n okText: this.$t('ok'),\n cancelText: this.$t('cancel'),\n onOk: () => {\n this.setTable(typeId, detailType)\n }\n })\n } else {\n this.setTable(typeId, detailType)\n }\n },\n setTable: function(typeId, detailType) {\n this.commentBtnSetting.detailType = detailType\n this.commentBtnSetting.pointsByTypeId = typeId\n let temp = this.commentBtnSetting.detail.filter((item) => {\n return item.typeId === typeId\n })\n this.commentBtnSetting.table = temp[0]\n this.$store.dispatch('setCommentBtnSetting', this.commentBtnSetting)\n this.chgTableFlag = false\n\n // 清空打點\n this.expertPoint.type = ''\n this.expertPoint.typeName = ''\n this.expertPoint.id = ''\n this.expertPoint.tagName = ''\n this.expertPoint.desc = ''\n this.expertPoint.tableType = ''\n this.nowTimestamp = ''\n this.fileType = ''\n this.uploadFile = null\n },\n toCustomTags() {\n this.$router.push({path: 'crtpointbtn'})\n },\n isLeaveClass: function() { // 這個功能目前只給通用議課用\n let nowTime = new Date().getTime()\n let endTime = this.channelInfo.timestamp + this.channelInfo.duration\n let leaveFlag = false\n\n if(this.channelInfo.isStrClass != null) {\n if(this.expertPoint.id === '' && !this.drawerflag && this.publicState === 'EndClass') { // 沒有打點中 沒有開啟觀議課 並已有下課狀態\n if(!this.channelInfo.isStrClass) { // 已下課強迫離開教室\n leaveFlag = true\n } else if(nowTime >= endTime) { // 超過設定時間強迫下課\n leaveFlag = true\n }\n } else if(!this.channelInfo.isStrClass) { // 已下課給予下課狀態\n this.publicState = 'EndClass'\n this.drawerflag = true\n }\n }\n\n if(leaveFlag) {\n this.$Message.info({\n content: this.$t('mode_close'),\n duration: 15,\n closable: true\n })\n this.chgGroup()\n }\n }\n },\n created: function() {\n if(this.$tools.IsEmpty(this.channelInfo.channel) || this.$tools.IsEmpty(this.channelInfo.pin)) this.$router.push({path: '/'})\n console.log(this.commentsData, 'this.commentsData')\n console.log(this.channelInfo, 'this.channelInfo')\n console.log(this.userInfo, 'this.userInfo')\n console.log(this.channelLink, 'this.channelLink')\n console.log(this.userTags, 'this.userTags')\n\n // 分類是通用觀議課還是HiTeach開課\n if (this.channelInfo.channel.indexOf(0) === 0 || this.channelInfo.channel.indexOf(9) === 0) {\n this.$store.dispatch('getPlatformInfo')\n this.$store.dispatch('getSkMarkTemplate')\n this.publicTimer = setInterval(() => {\n this.$store.dispatch('getPlatformInfo').then(() => {\n this.isLeaveClass()\n })\n }, 10000)\n\n // 檢查時間是否正常\n this.$store.dispatch('getServiceUnixTimeMilliseconds').then(res => {\n let nowTime = new Date().getTime()\n let diffTime = Math.abs(res - nowTime)\n\n if(diffTime > 10 * 60 * 1000) {\n this.isDevTimeAbnormal = true\n }\n })\n } else {\n // signal 連線\n this.$store.dispatch('initSignal')\n }\n\n // init\n this.$store.dispatch('setHistorys') // 設定打點紀錄\n this.$store.dispatch('setCommentsData') // 設定上傳Blob的DATA內容\n\n if(this.isObsStartSame) {\n this.drawerPaneId = 0\n }\n const _this = this\n var clipboard = new ClipboardJS('.recordList')\n clipboard.on('success', function(e) {\n _this.$Message.info({\n content: _this.$t('copySuccess'),\n duration: 3,\n closable: true\n })\n })\n },\n async mounted() {\n let s = {gn: this.channelInfo.channel, pin: this.channelInfo.pin}\n s = Base64.encode(JSON.stringify(s))\n this.qrcode_url = await this.crtQRCode(document.location.origin + '?s=' + s)\n this.langSet = Object.keys(this.$i18n.messages)\n // 顯示時間-計算相差時間\n this.classPassedTime()\n setInterval(() => {\n this.classPassedTime()\n }, 1000)\n }\n}\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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commentBtn.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commentBtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./commentBtn.vue?vue&type=template&id=0208f33e&scoped=true&\"\nimport script from \"./commentBtn.vue?vue&type=script&lang=js&\"\nexport * from \"./commentBtn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./commentBtn.vue?vue&type=style&index=0&lang=less&\"\nimport style1 from \"./commentBtn.vue?vue&type=style&index=1&id=0208f33e&lang=less&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 \"0208f33e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chgWebview\",staticStyle:{\"width\":\"100%\"}},[_vm._m(0),_c('div',{staticStyle:{\"float\":\"right\",\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"16px\",\"color\":\"rgb(11, 128, 248)\",\"white-space\":\"pre-wrap\"}},[_vm._v(\" \"+_vm._s(_vm.$t('webviewmsg1'))),_c('br'),_vm._v(\" \"+_vm._s(_vm.$t('webviewmsg2' + '.' + _vm.webviewStr))),_c('br'),_vm._v(\" \"+_vm._s(_vm.$t('webviewmsg3'))),_c('br')])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"type\":\"flex\",\"align\":\"right\"}},[_c('img',{staticStyle:{\"width\":\"30%\"},attrs:{\"src\":require(\"@/img/svg/uparrow.svg\")}})])}]\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'chgWebview',\r\n data() {\r\n return {\r\n webviewStr: 'android'\r\n }\r\n },\r\n created() {\r\n const ua = navigator.userAgent.toLowerCase()\r\n if (ua.indexOf('ipad') !== -1) {\r\n this.webviewStr = 'ios'\r\n } else if (ua.indexOf('iphone') !== -1) {\r\n this.webviewStr = 'ios'\r\n }\r\n }\r\n}\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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./chgWebview.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./chgWebview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./chgWebview.vue?vue&type=template&id=4166c8d0&\"\nimport script from \"./chgWebview.vue?vue&type=script&lang=js&\"\nexport * from \"./chgWebview.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","import Login from '@/views/login.vue'\r\nimport CrtPointBtn from '@/views/crtPointBtn.vue'\r\n// import RECORDTEST from '@/views/recordTEST'\r\n// import SelectExpert from '@/views/select-expert'\r\nimport CommentBtn from '@/views/commentBtn.vue'\r\nimport ChgWebview from '@/views/chgWebview.vue'\r\n\r\nexport const routes = [\r\n {\r\n path: '/',\r\n name:'Login',\r\n components: {\r\n default: Login,\r\n isWebview: ChgWebview\r\n },\r\n display: 'Login',\r\n meta: { requiresAuth: false }\r\n },\r\n {\r\n path: '/commentbtn',\r\n name: 'CommentBtn',\r\n components: {\r\n default: CommentBtn,\r\n isWebview: ChgWebview\r\n },\r\n display: 'commentBtn',\r\n meta: { requiresAuth: true }\r\n },\r\n {\r\n path: '/crtpointbtn',\r\n name: 'CrtPointBtn',\r\n components: {\r\n default: CrtPointBtn,\r\n isWebview: ChgWebview\r\n },\r\n display: 'crtPointBtn',\r\n meta: { requiresAuth: true }\r\n },\r\n // { path: '/selectexpert', component: SelectExpert, display: 'SelectExpert', meta: { requiresAuth: true }},\r\n // {path: '/recordtest', name:'recordtest', component: RECORDTEST, display: 'RECORDTEST', meta: { requiresAuth: false }},\r\n {path: '/*',redirect: '/'}\r\n]\r\n","import Vue from 'vue'\r\nimport VueRouter from 'vue-router'\r\nimport store from '@/store'\r\nimport { routes } from './routes'\r\nimport i18n from '@/lang'\r\n\r\nVue.use(VueRouter)\r\n\r\nlet router = new VueRouter({\r\n mode: 'history',\r\n routes\r\n})\r\n\r\n// 解决重复点击路由报错的BUG\r\nconst originalPush = VueRouter.prototype.push\r\nVueRouter.prototype.push = function push(location) {\r\n return originalPush.call(this, location).catch((err) => err)\r\n}\r\n\r\n// 登錄中間驗證，頁面需要登錄而沒有登錄的情況直接跳轉登錄\r\nrouter.beforeEach((to, from, next) => {\r\n // console.log('to=', to.fullPath, '| from=', from.fullPath)\r\n let sokrateslang = to.query.sokrateslang\r\n if(typeof sokrateslang !== 'undefined') {\r\n sokrateslang = sokrateslang.toLowerCase()\r\n if(sokrateslang !== 'zh-cn' && sokrateslang !== 'zh-tw') {\r\n sokrateslang = 'en-us'\r\n }\r\n i18n.locale = sokrateslang\r\n store.dispatch('setPageLang', sokrateslang)\r\n }\r\n\r\n if (to.matched.some(record => record.meta.requiresAuth)) {\r\n if (store.state.loginFlag) {\r\n next()\r\n } else {\r\n next({\r\n path: '/'\r\n // query: { redirect: to.fullPath }\r\n })\r\n }\r\n } else {\r\n next()\r\n }\r\n})\r\n\r\nexport default router\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticStyle:{\"line-height\":\"0.5\"},on:{\"click\":_vm.onClick}},[_c('svg',{class:_vm.svgClass,style:({width: _vm.size + 'px', height: _vm.size + 'px'}),attrs:{\"aria-hidden\":\"true\"}},[_c('use',{attrs:{\"xlink:href\":_vm.iconName}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'SvgIcon',\r\n props: {\r\n type: {\r\n type: String,\r\n required: true\r\n },\r\n className: {\r\n type: String,\r\n default: ''\r\n },\r\n size: {\r\n type: String,\r\n default: '15'\r\n }\r\n },\r\n computed: {\r\n iconName() {\r\n return `#${this.type}`\r\n },\r\n svgClass() {\r\n if (this.className) {\r\n return 'svg-icon ' + this.className\r\n } else {\r\n return 'svg-icon'\r\n }\r\n }\r\n },\r\n methods: {\r\n onClick: function() {\r\n this.$emit('on-click')\r\n }\r\n }\r\n}\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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./svgIcon.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./svgIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./svgIcon.vue?vue&type=template&id=20cfcd60&\"\nimport script from \"./svgIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./svgIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./svgIcon.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport SvgIcon from '@/components/icon/svgIcon.vue'// svg component\r\n\r\n// register globally\r\nVue.component('SokIcon', SvgIcon)\r\n\r\nconst req = require.context('./svg', false, /\\.svg$/)\r\nconst requireAll = (requireContext) => requireContext.keys().map(requireContext)\r\nrequireAll(req)\r\n","import Vue from 'vue'\r\n\r\nimport './styles/quasar.sass'\r\nimport iconSet from 'quasar/icon-set/fontawesome-v5.js'\r\nimport '@quasar/extras/fontawesome-v5/fontawesome-v5.css'\r\nimport { Quasar } from 'quasar'\r\n\r\nVue.use(Quasar, {\r\n config: {},\r\n components: { /* not needed if importStrategy is not 'manual' */ },\r\n directives: { /* not needed if importStrategy is not 'manual' */ },\r\n plugins: {\r\n },\r\n iconSet: iconSet\r\n })\r\n","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport store from './store'\r\nimport axios from 'vue-axios'\r\nimport 'view-design/dist/styles/iview.css'\r\nimport iView from 'view-design'\r\nimport './css/site.less'\r\nimport i18n from './lang'\r\nimport { sync } from 'vuex-router-sync'\r\nimport { jsFn } from '@/utils/jsFn'\r\nimport api from '@/api'\r\nimport VueHead from 'vue-head'\r\nimport '@/icons'\r\nimport './quasar'\r\n\r\nVue.config.productionTip = false\r\n\r\nVue.use(iView)\r\nVue.use(VueHead)\r\n\r\n// 全局API请求\r\nVue.prototype.$http = axios\r\nVue.prototype.$tools = jsFn\r\nVue.prototype.$api = api\r\n\r\nsync(store, router)\r\n\r\n// 处理刷新的时候vuex被清空但是用户已经登录的情况\r\nstore.dispatch('setPageLang', jsFn.getLang()) // 設定語系\r\nstore.dispatch('setUserInfo') // 設定個人資訊\r\nstore.dispatch('setUserTags') // 設定教師自訂標籤\r\nstore.dispatch('setChannelLink') // 設定頻道連線資訊\r\nstore.dispatch('setChannelInfo') // 設定頻道基本資訊\r\nstore.dispatch('setCommentBtnSetting') // 設定頻已選擇的打點類別\r\n\r\nnew Vue({\r\n router,\r\n store,\r\n i18n,\r\n VueHead,\r\n render: h => h(App)\r\n}).$mount('#app')\r\n","import SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"exit\",\n \"use\": \"exit-usage\",\n \"viewBox\": \"0 0 128 128\",\n \"content\": \"