{"version":3,"sources":["webpack:///./src/views/pages/events/EventDisplay.vue?d3d7","webpack:///./src/views/pages/events/EventDisplay.vue","webpack:///src/views/pages/events/EventDisplay.vue","webpack:///./src/views/pages/events/EventDisplay.vue?7e09","webpack:///./src/views/pages/events/EventDisplay.vue?6ad4"],"names":["render","_vm","this","_c","_self","attrs","settings","staticClass","style","eventFont","isSidebarEnabled","event","_e","class","concat","backgroundColor","isCleanDisplay","base_color","eventBackground","isViewQuestionList","isRouteNameHighlight","isFetching","isViewQuestionHighlight","question","eventId","eventSettings","eventLang","qLimit","on","onHighlightActive","questionHighlight","isQrEnabled","onHighlightDeactive","isViewQuestionPollingQuestion","voting","isViewQuestionPollingResult","staticRenderFns","VIEW_QUESTION_LIST","VIEW_QUESTION_HIGHLIGHT","VIEW_QUESTION_POLLING_QUESTION","VIEW_QUESTION_POLLING_RESULT","components","DisplayQrDetails","DisplayQuestionList","DisplayQuestionHighlight","DisplayPollQuestion","DisplayPollResult","VuePerfectScrollbar","data","windowWidth","window","innerWidth","view","isQuestionListReady","maxScrollbarLength","sockets","events_update","payload","console","log","Object","assign","votings_update","id","checkVotingStatus","votings_active","votings_stop","localStorage","setItem","votings_results","questions_highlight","is_highlight","created","eventSlug","$route","params","name","getEventBySlug","computed","eventSetting","JSON","parse","langSetting","language","updateLocale","background","font","display_font","isNoSidebarUrl","isSidebarUrl","sidebar","is_display_presentation_sidebar","is_qr_code","isQuestionPane","is_display_question_pane","isModerated","question_answer","is_moderated","room","isHighlight","isControl","isSidebar","isWSidebar","methods","locale","$i18n","$store","dispatch","initSocket","$socket","client","emit","ishighlightView","is_published","is_hide_live_result","stringify","item","index","length","getActiveVoting","_this","callback","response","errCallback","votingApi","getActive","_this2","prefix","document","title","getquestion","localView","getItem","localQuestion","localVoting","event_id","errorCallback","error","eventApi","getBySlug","_this3","setTimeout","element","err","limit","is_archived","order_by","sort_by","questionApi","list","mounted","component"],"mappings":"uIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,sBAAsB,CAACE,MAAM,CAAC,SAAWJ,EAAIK,WAAW,CAACH,EAAG,MAAM,CAACI,YAAY,2CAA2CC,MAAOP,EAAIQ,UAAWJ,MAAM,CAAC,GAAK,eAAe,CAAEJ,EAAIS,iBAAkBP,EAAG,MAAM,CAACI,YAAY,mEAAmE,CAACJ,EAAG,MAAM,CAACI,YAAY,qCAAqC,CAACJ,EAAG,qBAAqB,CAACI,YAAY,QAAQF,MAAM,CAAC,MAAQJ,EAAIU,UAAU,KAAKV,EAAIW,KAAKT,EAAG,MAAM,CAACI,YAAY,2CAA2CM,MAAK,GAAAC,OAAKb,EAAIS,iBAAwC,kBAArB,oBAAyCF,MAAO,CAAEO,iBAAkBd,EAAIe,gBAAkBf,EAAIU,OAASV,EAAIU,MAAMM,WAAahB,EAAIU,MAAMM,WAAa,cAAe,mBAAkB,QAAAH,OAAWb,EAAIiB,gBAAe,QAAS,CAACf,EAAG,MAAM,CAACI,YAAY,sBAAsB,CAACJ,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,UAAU,qBAAqB,uBAAuB,KAAO,WAAW,CAAGJ,EAAIkB,qBAAuBlB,EAAImB,uBAAyBnB,EAAIoB,YAAgBpB,EAAIqB,0BAA4BrB,EAAImB,uBAAyBnB,EAAIoB,WAAalB,EAAG,wBAAwB,CAACE,MAAM,CAAC,SAAWJ,EAAIsB,SAAS,QAAUtB,EAAIuB,QAAQ,cAAgBvB,EAAIwB,cAAc,UAAYxB,EAAIyB,UAAU,MAAQzB,EAAIU,MAAM,cAAgBV,EAAI0B,QAAQC,GAAG,CAAC,kBAAoB3B,EAAI4B,qBAAqB5B,EAAIW,KAAMX,EAAImB,uBAAyBnB,EAAIoB,WAAYlB,EAAG,6BAA6B,CAACE,MAAM,CAAC,MAAQJ,EAAIU,MAAM,cAAgBV,EAAIwB,cAAc,SAAWxB,EAAI6B,kBAAkB,YAAc7B,EAAI8B,YAAY,wBAA0B9B,EAAIqB,yBAAyBM,GAAG,CAAC,oBAAsB3B,EAAI+B,uBAAuB/B,EAAIW,MAAMX,EAAIgC,+BAAkChC,EAAImB,sBAAyBnB,EAAIoB,WAA0HpB,EAAIW,KAAlHT,EAAG,wBAAwB,CAACE,MAAM,CAAC,MAAQJ,EAAIU,MAAM,cAAgBV,EAAIwB,cAAc,OAASxB,EAAIiC,UAAoBjC,EAAIkC,6BAA+BlC,EAAIU,QAAUV,EAAImB,uBAAyBnB,EAAIoB,WAAYlB,EAAG,sBAAsB,CAACE,MAAM,CAAC,MAAQJ,EAAIU,MAAM,cAAgBV,EAAIwB,cAAc,OAASxB,EAAIiC,UAAUjC,EAAIW,MAAM,IAAI,UAE3jEwB,EAAkB,G,+JC4EtBC,EAAA,gBACAC,EAAA,sBACAC,EAAA,mBACAC,EAAA,iBAEe,GACfC,WAAA,CACAC,wBACAC,2BACAC,gCACAC,2BACAC,yBACAC,yBAEAC,KAAA,WACA,OACAC,YAAAC,OAAAC,WACAxC,MAAA,KACAY,SAAA,GACA6B,KAAAf,EACAgB,qBAAA,EACA1B,OAAA,IACAG,kBAAA,KACAI,OAAA,KACA5B,SAAA,CACAgD,mBAAA,KAEAtC,gBAAA,EACAK,YAAA,IAGAkC,QAAA,CACAC,cAAA,SAAAC,GACAC,QAAAC,IAAA,QAAAF,GACAG,OAAAC,OAAA,KAAAlD,MAAA8C,IAEAK,eAAA,SAAA5B,GACA,KAAAA,OAAA6B,KAAA7B,EAAA6B,KACA,KAAA7B,UAEA,KAAA8B,kBAAA,KAAA9B,SAEA+B,eAAA,SAAA/B,GACA,KAAAA,SACA,KAAA8B,kBAAA,KAAA9B,SAEAgC,aAAA,WACA,KAAAd,KAAAf,EACA8B,aAAAC,QAAA,YAAAhB,OAGAiB,gBAAA,SAAAnC,GACA,KAAAA,SACA,KAAA8B,kBAAA,KAAA9B,SAIAoC,oBAAA,SAAA/C,GACAA,EAAAgD,aACA,KAAA1C,kBAAAN,GAEA,KAAAS,oBAAAT,KAIAiD,QAAA,WAEA,IAAAC,EAAA,KAAAC,OAAAC,OAAAF,UACA,KAAAzD,eAAA,2BAAA0D,OAAAE,KACA,KAAAC,eAAAJ,IAEAK,SAAA,CACA3D,mBAAA,WACA,YAAAiC,OAAAf,GAAA,KAAAgB,qBAEA/B,wBAAA,WACA,YAAA8B,OAAAd,GAEAL,8BAAA,WACA,YAAAmB,OAAAb,GAEAJ,4BAAA,WACA,YAAAiB,OAAAZ,GAEAhB,QAAA,WACA,YAAAb,OAAA,KAAAA,MAAAoD,GAAA,KAAApD,MAAAoD,GAAA,MAEAtC,cAAA,WACA,IAAAsD,EAAA,KAAApE,OAAA,KAAAA,MAAAL,SAAA0E,KAAAC,MAAA,KAAAtE,MAAAL,UAAA,KACA,OAAAyE,GAEArD,UAAA,WACA,IAAAwD,EAAA,KAAAvE,OAAA,KAAAA,MAAAwE,SAAA,KAAAxE,MAAAwE,SAAA,KAEA,OADA,KAAAC,aAAAF,GACAA,GAEAhE,gBAAA,WACA,YAAAO,eAAA,KAAAA,cAAAjB,OAAA,KAAAiB,cAAAjB,MAAA6E,WAAA,KAAA5D,cAAAjB,MAAA6E,WAAA,MAEA5E,UAAA,WACA,IAAA6E,EAAA,KAAA7D,eAAA,KAAAA,cAAAjB,OAAA,KAAAiB,cAAAjB,MAAA+E,aAAA,KAAA9D,cAAAjB,MAAA+E,aAAA,SACA,sBAAAzE,OAAAwE,IAEA5E,iBAAA,WACA,IAAA8E,EAAA,oCAAAd,OAAAE,KACAa,EAAA,iCAAAf,OAAAE,KACA,OAAAY,MACAC,GACA,KAAAhE,eAAA,KAAAA,cAAAiE,SAAA,KAAAjE,cAAAiE,QAAAC,kCAEA5D,YAAA,WACA,YAAAN,eAAA,KAAAA,cAAAiE,SAAA,KAAAjE,cAAAiE,QAAAE,YAEAC,eAAA,WACA,YAAApE,eAAA,KAAAA,cAAAiE,SAAA,KAAAjE,cAAAiE,QAAAI,0BAEAC,YAAA,WACA,YAAAtE,eAAA,KAAAA,cAAAuE,iBAAA,KAAAvE,cAAAuE,gBAAAC,cAEAC,KAAA,WACA,YAAA1E,QAAA,SAAAV,OAAA,KAAAU,SAAA,IAEAJ,qBAAA,WACA,IAAA+E,GAAA,EAEA,OADAA,EAAA,+BAAAzB,OAAAE,KACAuB,GAEAC,UAAA,WACA,mCAAA1B,OAAAE,MAEAyB,UAAA,WACA,uCAAA3B,OAAAE,MAEA0B,WAAA,WACA,0CAAA5B,OAAAE,OAGA2B,QAAA,CACAnB,aAAA,SAAAoB,GACA,KAAAC,MAAAD,SACA,KAAAE,OAAAC,SAAA,YAAAH,IAEAI,WAAA,WAEA,KAAAC,QAAAC,OAAAC,KAAA,YAAAb,OAEAlC,kBAAA,SAAA9B,GACA,IAAA8E,EAAA,kCAAAtC,OAAAE,KACAoC,IACA9E,EAAA+E,aACA/E,EAAAgF,oBACA,KAAA9D,KAAAb,EAEA,KAAAa,KAAAZ,EAGA,KAAAY,KAAAf,EAEA8B,aAAAC,QAAA,SAAAY,KAAAmC,UAAAjF,IACAiC,aAAAC,QAAA,YAAAhB,QAGAvB,kBAAA,SAAAuF,GACA,KAAAtF,kBAAAsF,EACA,KAAAhE,KAAAd,EACA6B,aAAAC,QAAA,WAAAY,KAAAmC,UAAAC,IACAjD,aAAAC,QAAA,YAAAhB,MACA,QAAAiE,EAAA,EAAAA,EAAA,KAAA9F,SAAAyB,KAAAsE,OAAAD,IACA,KAAA9F,SAAAyB,KAAAqE,GAAAtD,KAAAqD,EAAArD,KACA,KAAAxC,SAAAyB,KAAAqE,GAAA9C,aAAA,IAIAvC,oBAAA,WACA,KAAAoB,KAAAf,EAEA8B,aAAAC,QAAA,YAAAhB,OAEAmE,gBAAA,SAAA/F,GAAA,IAAAgG,EAAA,KAEAC,EAAA,SAAAC,GACA,IAAAxF,EAAAwF,EAAA1E,KACAwE,EAAAtF,SACAsF,EAAAxD,kBAAA9B,IAEAyF,EAAA,WACAH,EAAApE,KAAAf,EACA8B,aAAAC,QAAA,OAAAoD,EAAApE,OAEAwE,OAAAC,UAAArG,EAAAiG,EAAAE,IAEA9C,eAAA,SAAAJ,GAAA,IAAAqD,EAAA,KAEA,KAAAzG,YAAA,EACA,IAAAoG,EAAA,SAAAC,GACAI,EAAAnH,MAAA+G,EAAA1E,KACA8E,EAAA1C,aAAA0C,EAAAnH,MAAAwE,UACA,IAAA4C,EAAA,aACAD,EAAA1B,YAAA2B,EAAA,wBACAD,EAAAxB,aAAAyB,EAAA,eACAD,EAAAzB,YAAA0B,EAAA,uBACA7E,OAAA8E,SAAAC,MAAA,GAAAnH,OAAAiH,EAAA,KAAAjH,OAAAgH,EAAAnH,MAAAiE,MACAkD,EAAAI,YAAAJ,EAAAnH,MAAAoD,IACA+D,EAAAlB,aACA,IAAAuB,EAAAhE,aAAAiE,QAAA,QACAC,EAAAlE,aAAAiE,QAAA,YACAE,EAAAnE,aAAAiE,QAAA,UACAN,EAAA5F,OAAA8C,KAAAC,MAAAqD,GACAR,EAAAhG,kBAAAkD,KAAAC,MAAAoD,GACAF,IAAAE,GAAAC,KACAR,EAAA5F,QAAA4F,EAAA5F,OAAAqG,UAAAT,EAAA5F,OAAAqG,WAAAT,EAAAnH,MAAAoD,KACA+D,EAAA1E,KAAAe,aAAAiE,QAAA,SAAA/F,GAEAyF,EAAAhG,mBAAAgG,EAAAhG,kBAAAyG,UAAAT,EAAAhG,kBAAAyG,WAAAT,EAAAnH,MAAAoD,KACA+D,EAAA1E,KAAAe,aAAAiE,QAAA,SAAA/F,IAGAyF,EAAAP,gBAAAO,EAAAnH,MAAAoD,IACA+D,EAAAzG,YAAA,GAEAmH,EAAA,SAAAC,GACA/E,QAAAC,IAAA8E,GACAX,EAAAzG,YAAA,GAEAqH,OAAAC,UAAAlE,EAAAgD,EAAAe,IAEAN,YAAA,SAAAnE,GAAA,IAAA6E,EAAA,KACA,KAAAvF,qBAAA,EAEA,IAAAoE,EAAA,SAAAC,GACAkB,EAAArH,SAAAmG,EACAkB,EAAArH,UAAAqH,EAAArH,SAAAyB,MACA6F,YAAA,WACA,QAAAxB,EAAA,EAAAA,EAAAuB,EAAArH,SAAAyB,KAAAsE,OAAAD,IAAA,CACA,IAAAyB,EAAAF,EAAArH,SAAAyB,KAAAqE,GACAyB,KAAAvE,eAAAqE,EAAAxF,KAAAd,MAEA,KAEAsG,EAAAvF,qBAAA,GAEAmF,EAAA,SAAAO,GACArF,QAAAC,IAAAoF,GACAH,EAAAvF,qBAAA,GAEAsB,EAAA,CACAqE,MAAA,KAAArH,OACAsH,YAAA,EACAC,SAAA,aACAC,QAAA,QAEA,KAAApD,cACApB,EAAAsC,aAAA,GAEA,KAAAzF,SACA4H,OAAAC,KAAAtF,EAAAY,EAAA8C,EAAAe,KAIAc,QAAA,cCjVmX,I,wBCQ/WC,EAAY,eACd,EACAvJ,EACAoC,GACA,EACA,KACA,KACA,MAIa,aAAAmH,E","file":"js/chunk-7d45caec.5602a97c.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventDisplay.vue?vue&type=style&index=0&id=f0fcd94e&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('VuePerfectScrollbar',{attrs:{\"settings\":_vm.settings}},[_c('div',{staticClass:\"vx-row h-screen lg:flex w-full no-gutter\",style:(_vm.eventFont),attrs:{\"id\":\"page-login\"}},[(_vm.isSidebarEnabled)?_c('div',{staticClass:\"vx-col sm:w-1/1 xs:w-1/1 lg:w-1/4 sm:m-0 h-full hidden lg:block\"},[_c('div',{staticClass:\"flex justify-center h-full w-full\"},[_c('display-qr-details',{staticClass:\"fixed\",attrs:{\"event\":_vm.event}})],1)]):_vm._e(),_c('div',{staticClass:\"vx-col sm:w-1/1 xs:w-1/1 lg:w-3/4 sm:m-0\",class:`${!_vm.isSidebarEnabled ? 'w-full lg:w-full' : 'w-full lg:w-3/4'}`,style:({ backgroundColor: !_vm.isCleanDisplay && _vm.event && _vm.event.base_color ? _vm.event.base_color : 'transparent', 'background-image' : `url('${_vm.eventBackground}')` })},[_c('div',{staticClass:\"flex h-full w-full\"},[_c('transition',{attrs:{\"name\":\"zoom-in\",\"enter-active-class\":\"zoom-in-enter-active\",\"mode\":\"out-in\"}},[((_vm.isViewQuestionList && !_vm.isRouteNameHighlight && !_vm.isFetching) || (_vm.isViewQuestionHighlight && !_vm.isRouteNameHighlight && !_vm.isFetching))?_c('display-question-list',{attrs:{\"question\":_vm.question,\"eventId\":_vm.eventId,\"eventSettings\":_vm.eventSettings,\"eventLang\":_vm.eventLang,\"event\":_vm.event,\"questionLimit\":_vm.qLimit},on:{\"onHighlightActive\":_vm.onHighlightActive}}):_vm._e(),(_vm.isRouteNameHighlight && !_vm.isFetching)?_c('display-question-highlight',{attrs:{\"event\":_vm.event,\"eventSettings\":_vm.eventSettings,\"question\":_vm.questionHighlight,\"isQrEnabled\":_vm.isQrEnabled,\"isViewQuestionHighlight\":_vm.isViewQuestionHighlight},on:{\"onHighlightDeactive\":_vm.onHighlightDeactive}}):_vm._e(),(_vm.isViewQuestionPollingQuestion && !_vm.isRouteNameHighlight && !_vm.isFetching)?_c('display-poll-question',{attrs:{\"event\":_vm.event,\"eventSettings\":_vm.eventSettings,\"voting\":_vm.voting}}):_vm._e(),(_vm.isViewQuestionPollingResult && _vm.event && !_vm.isRouteNameHighlight && !_vm.isFetching)?_c('display-poll-result',{attrs:{\"event\":_vm.event,\"eventSettings\":_vm.eventSettings,\"voting\":_vm.voting}}):_vm._e()],1)],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <VuePerfectScrollbar :settings=\"settings\" >\n\t<div\n\t\tclass=\"vx-row h-screen lg:flex w-full no-gutter\"\n\t\tid=\"page-login\"\n    :style=\"eventFont\"\n\t\t>\n\t\t<div\n\t\t\tv-if=\"isSidebarEnabled\"\n\t\t\tclass=\"vx-col sm:w-1/1 xs:w-1/1 lg:w-1/4 sm:m-0 h-full hidden lg:block\">\n\t\t\t<div class=\"flex justify-center h-full w-full\">\n\t\t\t\t<!-- QR Details -->\n\t\t\t\t<display-qr-details class=\"fixed\" :event=\"event\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\t:class=\"`${!isSidebarEnabled ? 'w-full lg:w-full' : 'w-full lg:w-3/4'}`\"\n      :style=\"{ backgroundColor: !isCleanDisplay && event && event.base_color ? event.base_color : 'transparent', 'background-image' : `url('${eventBackground}')` }\"\n\t\t\tclass=\"vx-col sm:w-1/1 xs:w-1/1 lg:w-3/4 sm:m-0 \">\n\t\t\t<div class=\"flex h-full w-full\">\n        <transition name=\"zoom-in\" enter-active-class=\"zoom-in-enter-active\" mode=\"out-in\">\n\t\t\t\t<!-- Question List -->\n          <display-question-list\n            v-if=\"(isViewQuestionList && !isRouteNameHighlight && !isFetching) || (isViewQuestionHighlight && !isRouteNameHighlight && !isFetching)\"\n            :question=\"question\"\n            :eventId=\"eventId\"\n            :eventSettings=\"eventSettings\"\n            :eventLang=\"eventLang\"\n            :event=\"event\"\n            :questionLimit=\"qLimit\"\n            @onHighlightActive=\"onHighlightActive\"\n          />\n\n\t\t\t\t<!-- Question Highlight -->\n          <display-question-highlight\n            v-if=\"isRouteNameHighlight && !isFetching\"\n            :event=\"event\"\n            :eventSettings=\"eventSettings\"\n            :question=\"questionHighlight\"\n            @onHighlightDeactive=\"onHighlightDeactive\"\n            :isQrEnabled=\"isQrEnabled\"\n            :isViewQuestionHighlight=\"isViewQuestionHighlight\"\n          />\n\n\t\t\t\t<!-- Poll Question -->\n          <display-poll-question\n            v-if=\"isViewQuestionPollingQuestion && !isRouteNameHighlight && !isFetching\"\n            :event=\"event\"\n            :eventSettings=\"eventSettings\"\n            :voting=\"voting\"\n          />\n\n\t\t\t\t<!-- Poll Result -->\n          <display-poll-result\n            v-if=\"isViewQuestionPollingResult && event && !isRouteNameHighlight && !isFetching\"\n            :event=\"event\"\n            :eventSettings=\"eventSettings\"\n            :voting=\"voting\"\n          />\n        </transition>\n        </div>\n\t\t</div>\n\t</div>\n  </VuePerfectScrollbar>\n</template>\n\n<script>\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar';\n\nimport DisplayQrDetails from '@/components/events/display/DisplayQrDetails.vue';\nimport DisplayQuestionList from '@/components/events/display/DisplayQuestionList.vue';\nimport DisplayQuestionHighlight from '@/components/events/display/DisplayQuestionHighlight.vue';\nimport DisplayPollQuestion from '@/components/events/display/DisplayPollQuestion.vue';\nimport DisplayPollResult from '@/components/events/display/DisplayPollResult.vue';\nimport eventApi from '@/api/event';\nimport questionApi from '@/api/question';\nimport votingApi from '@/api/voting';\n\nconst VIEW_QUESTION_LIST = 'question_list';\nconst VIEW_QUESTION_HIGHLIGHT = 'question_hightlight';\nconst VIEW_QUESTION_POLLING_QUESTION = 'polling_question';\nconst VIEW_QUESTION_POLLING_RESULT = 'polling_result';\n\nexport default {\n  components: {\n    DisplayQrDetails,\n    DisplayQuestionList,\n    DisplayQuestionHighlight,\n    DisplayPollQuestion,\n    DisplayPollResult,\n    VuePerfectScrollbar,\n  },\n  data() {\n    return {\n      windowWidth: window.innerWidth,\n      event: null,\n      question: [],\n      view: VIEW_QUESTION_LIST,\n      isQuestionListReady: false,\n      qLimit: 999,\n      questionHighlight: null,\n      voting: null,\n      settings: {\n        maxScrollbarLength: 200,\n      },\n      isCleanDisplay: false,\n      isFetching: false,\n    };\n  },\n  sockets: {\n    events_update(payload) {\n      console.log('event', payload);\n      Object.assign(this.event, payload);\n    },\n    votings_update(voting) {\n      if (this.voting.id === voting.id) {\n        this.voting = voting;\n      }\n      this.checkVotingStatus(this.voting);\n    },\n    votings_active(voting) {\n      this.voting = voting;\n      this.checkVotingStatus(this.voting);\n    },\n    votings_stop() {\n      this.view = VIEW_QUESTION_LIST;\n      localStorage.setItem('view', this.view);\n      // this.updatePublish(voting);\n    },\n    votings_results(voting) {\n      this.voting = voting;\n      this.checkVotingStatus(this.voting);\n      // this.view = VIEW_QUESTION_POLLING_RESULT;\n      // this.updateVoting(voting);\n    },\n    questions_highlight(question) {\n      if (question.is_highlight) {\n        this.onHighlightActive(question);\n      } else {\n        this.onHighlightDeactive(question);\n      }\n    },\n  },\n  created() {\n    // read from route slug eventSlug from vue router\n    const eventSlug = this.$route.params.eventSlug;\n    this.isCleanDisplay = this.$route.name === 'EventDisplayClean';\n    this.getEventBySlug(eventSlug);\n  },\n  computed: {\n    isViewQuestionList() {\n      return this.view === VIEW_QUESTION_LIST && this.isQuestionListReady;\n    },\n    isViewQuestionHighlight() {\n      return this.view === VIEW_QUESTION_HIGHLIGHT;\n    },\n    isViewQuestionPollingQuestion() {\n      return this.view === VIEW_QUESTION_POLLING_QUESTION;\n    },\n    isViewQuestionPollingResult() {\n      return this.view === VIEW_QUESTION_POLLING_RESULT;\n    },\n    eventId() {\n      return this.event && this.event.id ? this.event.id : null;\n    },\n    eventSettings() {\n      const eventSetting = this.event && this.event.settings ? JSON.parse(this.event.settings) : null;\n      return eventSetting;\n    },\n    eventLang() {\n      const langSetting = this.event && this.event.language ? this.event.language : 'en';\n      this.updateLocale(langSetting);\n      return langSetting;\n    },\n    eventBackground() {\n      return this.eventSettings && this.eventSettings.style && this.eventSettings.style.background ? this.eventSettings.style.background : null;\n    },\n    eventFont() {\n      const font = this.eventSettings && this.eventSettings.style && this.eventSettings.style.display_font ? this.eventSettings.style.display_font : 'Roboto';\n      return `font-family: ${font}`;\n    },\n    isSidebarEnabled() {\n      const isNoSidebarUrl = this.$route.name === 'EventDisplayWithoutSidebar';\n      const isSidebarUrl = this.$route.name === 'EventDisplayWithSidebar';\n      if (isNoSidebarUrl) return false;\n      if (isSidebarUrl) return true;\n      return this.eventSettings && this.eventSettings.sidebar && this.eventSettings.sidebar.is_display_presentation_sidebar;\n    },\n    isQrEnabled() {\n      return this.eventSettings && this.eventSettings.sidebar && this.eventSettings.sidebar.is_qr_code;\n    },\n    isQuestionPane() {\n      return this.eventSettings && this.eventSettings.sidebar && this.eventSettings.sidebar.is_display_question_pane;\n    },\n    isModerated() {\n      return this.eventSettings && this.eventSettings.question_answer && this.eventSettings.question_answer.is_moderated;\n    },\n    room() {\n      return this.eventId ? `event_${this.eventId}` : '';\n    },\n    isRouteNameHighlight() {\n      let isHighlight = false;\n      isHighlight = this.$route.name === 'EventDisplayHighlight';\n      return isHighlight;\n    },\n    isControl() {\n      return this.$route.name === 'EventDisplayControl';\n    },\n    isSidebar() {\n      return this.$route.name === 'EventDisplayWithSidebar';\n    },\n    isWSidebar() {\n      return this.$route.name === 'EventDisplayWithoutSidebar';\n    },\n  },\n  methods: {\n    updateLocale(locale) {\n      this.$i18n.locale = locale;\n      this.$store.dispatch('setLocale', locale);\n    },\n    initSocket() {\n      // Join Room\n      this.$socket.client.emit('join', this.room);\n    },\n    checkVotingStatus(voting) {\n      const ishighlightView = this.$route.name === 'DisplayQuestionHighlight';\n      if (!ishighlightView) {\n        if (voting.is_published) {\n          if (voting.is_hide_live_result) {\n            this.view = VIEW_QUESTION_POLLING_QUESTION;\n          } else {\n            this.view = VIEW_QUESTION_POLLING_RESULT;\n          }\n        } else {\n          this.view = VIEW_QUESTION_LIST;\n        }\n        localStorage.setItem('voting', JSON.stringify(voting));\n        localStorage.setItem('view', this.view);\n      }\n    },\n    onHighlightActive(item) {\n      this.questionHighlight = item;\n      this.view = VIEW_QUESTION_HIGHLIGHT;\n      localStorage.setItem('question', JSON.stringify(item));\n      localStorage.setItem('view', this.view);\n      for (let index = 0; index < this.question.data.length; index++) {\n        if (this.question.data[index].id !== item.id) {\n          this.question.data[index].is_highlight = 0;\n        }\n      }\n    },\n    onHighlightDeactive() {\n      this.view = VIEW_QUESTION_LIST;\n      // this.getquestion(this.event.id);\n      localStorage.setItem('view', this.view);\n    },\n    getActiveVoting(eventId) {\n      // get active voting by event id using votingApi\n      const callback = (response) => {\n        const voting = response.data;\n        this.voting = voting;\n        this.checkVotingStatus(voting);\n      };\n      const errCallback = () => {\n        this.view = VIEW_QUESTION_LIST;\n        localStorage.setItem('view', this.view);\n      };\n      votingApi.getActive(eventId, callback, errCallback);\n    },\n    getEventBySlug(eventSlug) {\n      // get event by slug using eventApi\n      this.isFetching = true;\n      const callback = (response) => {\n        this.event = response.data;\n        this.updateLocale(this.event.language);\n        let prefix = 'Present - ';\n        if (this.isControl) prefix = 'Moderator Control - ';\n        if (this.isWSidebar) prefix = 'Question - ';\n        if (this.isSidebar) prefix = 'Question Sidebar - ';\n        window.document.title = `${prefix} ${this.event.name}`;\n        this.getquestion(this.event.id);\n        this.initSocket();\n        const localView = localStorage.getItem('view');\n        const localQuestion = localStorage.getItem('question');\n        const localVoting = localStorage.getItem('voting');\n        this.voting = JSON.parse(localVoting);\n        this.questionHighlight = JSON.parse(localQuestion);\n        if (localView && (localQuestion || localVoting)) {\n          if ((this.voting && this.voting.event_id) && this.voting.event_id === this.event.id) {\n            this.view = localStorage.getItem('view') || VIEW_QUESTION_LIST;\n          }\n          if ((this.questionHighlight && this.questionHighlight.event_id) && this.questionHighlight.event_id === this.event.id) {\n            this.view = localStorage.getItem('view') || VIEW_QUESTION_LIST;\n          }\n        }\n        this.getActiveVoting(this.event.id);\n        this.isFetching = false;\n      };\n      const errorCallback = (error) => {\n        console.log(error);\n        this.isFetching = false;\n      };\n      eventApi.getBySlug(eventSlug, callback, errorCallback);\n    },\n    getquestion(id) {\n      this.isQuestionListReady = false;\n      // get question using questionApi using event.id\n      const callback = (response) => {\n        this.question = response;\n        if (this.question && this.question.data) {\n          setTimeout(() => {\n            for (let index = 0; index < this.question.data.length; index++) {\n              const element = this.question.data[index];\n              if (element && element.is_highlight) this.view = VIEW_QUESTION_HIGHLIGHT;\n            }\n          }, 1000);\n        }\n        this.isQuestionListReady = true;\n      };\n      const errorCallback = (err) => {\n        console.log(err);\n        this.isQuestionListReady = false;\n      };\n      const params = {\n        limit: this.qLimit,\n        is_archived: 0,\n        order_by: 'created_at',\n        sort_by: 'desc',\n      };\n      if (this.isModerated) {\n        params.is_published = 1;\n      }\n      if (this.eventId) {\n        questionApi.list(id, params, callback, errorCallback);\n      }\n    },\n  },\n  mounted() {\n\n  },\n};\n</script>\n<style>\n/* Enter transition */\n.zoom-in-enter-active {\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n.zoom-in-enter {\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n/* Leave transition (disabled) */\n/* No CSS rules are necessary for the leave transition */\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventDisplay.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventDisplay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EventDisplay.vue?vue&type=template&id=f0fcd94e\"\nimport script from \"./EventDisplay.vue?vue&type=script&lang=js\"\nexport * from \"./EventDisplay.vue?vue&type=script&lang=js\"\nimport style0 from \"./EventDisplay.vue?vue&type=style&index=0&id=f0fcd94e&prod&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"],"sourceRoot":""}