{"version":3,"sources":["webpack:///./src/components/components/RaspSlider.vue?16d7","webpack:///./src/components/Telecast/Chat/TelecastChat.vue?de00","webpack:///./src/views/Telecast.vue?8263","webpack:///./src/components/Telecast/TelecastComponent.vue?a7d0","webpack:///./src/components/Telecast/Chat/TelecastChat.vue?1046","webpack:///./src/components/Telecast/Chat/ChatMessage.vue?50b1","webpack:///src/components/Telecast/Chat/ChatMessage.vue","webpack:///./src/components/Telecast/Chat/ChatMessage.vue?969b","webpack:///./src/components/Telecast/Chat/ChatMessage.vue","webpack:///src/components/Telecast/Chat/TelecastChat.vue","webpack:///./src/components/Telecast/Chat/TelecastChat.vue?8580","webpack:///./src/components/Telecast/Chat/TelecastChat.vue","webpack:///src/components/Telecast/TelecastComponent.vue","webpack:///./src/components/Telecast/TelecastComponent.vue?cce9","webpack:///./src/components/Telecast/TelecastComponent.vue","webpack:///src/views/Telecast.vue","webpack:///./src/views/Telecast.vue?846b","webpack:///./src/views/Telecast.vue","webpack:///./src/components/Telecast/Chat/ChatMessage.vue?e103","webpack:///./src/views/Telecast.vue?5c71","webpack:///./src/components/components/RaspSlider.vue?5275","webpack:///src/components/components/RaspSlider.vue","webpack:///./src/components/components/RaspSlider.vue?90d3","webpack:///./src/components/components/RaspSlider.vue","webpack:///./src/components/Telecast/TelecastComponent.vue?8b2e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","_l","day","key","id","section","class","active","on","$event","changeActive","_s","name","theme","getActiveTelecast","_e","staticRenderFns","telecast","hasChat","showBackground","link","ref","message","preventDefault","sendMessage","apply","arguments","directives","rawName","value","expression","domProps","target","composing","length","isUserMessage","getUserInformation","lastName","firstName","organization","time","isDeleteMessage","removeMessage","moment","props","data","interval","computed","user_id","$store","getters","getUser","isAdmin","find","Role","getDeleteMessage","mounted","createdAt","fromNow","setInterval","methods","commit","$axios","delete","then","catch","console","beforeDestroy","clearInterval","component","components","ChatMessage","messages","loading","loadChat","get","room","setTimeout","sockets","subscribe","type","index","telecast_id","post","payload","alert","watch","newVal","oldVal","unsubscribe","TelecastChat","getBackground","val","watchClosePage","document","hidden","stopWatch","startWatch","onClosePage","patch","RaspSlider","TelecastComponent","getSections","getProgram","getQuerySection","$route","query","getTelecastingWithSection","_","order","sections","sectionToArr","dayToArr","arr","getActiveSection","parseInt","slickOptions","slide","programSection","staticStyle","Speaker","speaker","job","goTo","section_id","Slick","now","slidesToShow","infinite","arrows","dots","adaptiveHeight","autoplay","timeout","sortBy","filter","programs","$router","push","utc","format"],"mappings":"kKAAA,W,oCCAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAK,CAACE,YAAY,0DAA0D,CAACN,EAAIO,GAAG,2BAA2BH,EAAG,cAAc,CAACI,MAAM,CAAC,GAAK,MAAM,CAACJ,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,OAAO,MAAQ,+BAA+B,CAACJ,EAAG,IAAI,CAACI,MAAM,CAAC,OAAS,4BAA4B,CAACJ,EAAG,SAAS,CAACI,MAAM,CAAC,GAAK,KAAK,GAAK,KAAK,EAAI,KAAK,UAAY,oBAAoB,KAAO,eAAeJ,EAAG,OAAO,CAACI,MAAM,CAAC,EAAI,8fAA8f,KAAO,QAAQ,OAAS,WAAWJ,EAAG,OAAO,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,GAAK,oBAAoB,EAAI,IAAI,EAAI,IAAI,MAAQ,KAAK,OAAS,KAAK,YAAc,iBAAiB,8BAA8B,SAAS,CAACJ,EAAG,UAAU,CAACI,MAAM,CAAC,gBAAgB,IAAI,OAAS,wBAAwBJ,EAAG,gBAAgB,CAACI,MAAM,CAAC,GAAK,cAAc,KAAO,SAAS,OAAS,4CAA4C,OAAS,eAAeJ,EAAG,WAAW,CAACI,MAAM,CAAC,GAAK,OAAOJ,EAAG,iBAAiB,CAACI,MAAM,CAAC,aAAe,SAASJ,EAAG,cAAc,CAACI,MAAM,CAAC,IAAM,YAAY,SAAW,SAASJ,EAAG,gBAAgB,CAACI,MAAM,CAAC,KAAO,SAAS,OAAS,mEAAmEJ,EAAG,UAAU,CAACI,MAAM,CAAC,KAAO,SAAS,IAAM,qBAAqB,OAAS,gCAAgCJ,EAAG,UAAU,CAACI,MAAM,CAAC,KAAO,SAAS,GAAK,gBAAgB,IAAM,6BAA6B,OAAS,YAAY,UAAU,OAAOJ,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIS,GAAIT,EAA6B,2BAAE,SAASU,GAAK,OAAON,EAAG,MAAM,CAACO,IAAID,EAAIE,GAAGN,YAAY,WAAWN,EAAIS,GAAIC,EAAY,UAAE,SAASG,GAAS,OAAOT,EAAG,MAAM,CAACO,IAAIE,EAAQD,GAAGN,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBQ,MAAMD,EAAQD,KAAOZ,EAAIe,OAAS,SAAW,GAAGC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,aAAaL,EAAQD,OAAO,CAACR,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,IAAIP,EAAImB,GAAGN,EAAQO,MAAM,OAAOhB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAG,IAAIP,EAAImB,GAAGN,EAAQQ,OAAO,oBAAmB,MAAKjB,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,gBAAgB,IAAI,GAAGA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAAEN,EAAU,OAAEI,EAAG,qBAAqB,CAACI,MAAM,CAAC,SAAWR,EAAIsB,qBAAqBtB,EAAIuB,KAAKnB,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,gBAAgB,IAAI,UACjjGoB,EAAkB,G,+DCDlB,EAAS,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,SAASQ,MAAMd,EAAIyB,SAASC,QAAU,WAAa,aAAa,CAACtB,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBU,GAAG,CAAC,MAAQ,SAASC,GAAQjB,EAAI2B,gBAAiB,MAAUvB,EAAG,SAAS,CAACI,MAAM,CAAC,IAAMR,EAAIyB,SAASG,KAAK,gBAAkB,YAAa5B,EAAIyB,SAAgB,QAAErB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,gBAAgB,CAACI,MAAM,CAAC,KAAOR,EAAIyB,SAASb,OAAO,GAAGZ,EAAIuB,QAC/mB,EAAkB,GCDlB,EAAS,WAAa,IAAIvB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACyB,IAAI,OAAOvB,YAAY,cAAc,CAACF,EAAG,MAAM,CAACyB,IAAI,SAASvB,YAAY,8EAA8EN,EAAIS,GAAIT,EAAY,UAAE,SAAS8B,GAAS,OAAO1B,EAAG,eAAe,CAACO,IAAImB,EAAQlB,GAAGJ,MAAM,CAAC,QAAUsB,QAAa,KAAK1B,EAAG,MAAM,CAACE,YAAY,gEAAgE,CAACF,EAAG,OAAO,CAACY,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOc,iBAAwB/B,EAAIgC,YAAYC,MAAM,KAAMC,cAAc,CAAC9B,EAAG,QAAQ,CAAC+B,WAAW,CAAC,CAACf,KAAK,QAAQgB,QAAQ,UAAUC,MAAOrC,EAAW,QAAEsC,WAAW,YAAY9B,MAAM,CAAC,KAAO,OAAO,YAAc,mBAAmB+B,SAAS,CAAC,MAASvC,EAAW,SAAGgB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOuB,OAAOC,YAAqBzC,EAAI8B,QAAQb,EAAOuB,OAAOH,WAAUjC,EAAG,SAAS,CAACE,YAAY,eAAeE,MAAM,CAAC,UAAYR,EAAI8B,QAAQY,SAAS,CAACtC,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,OAAO,MAAQ,+BAA+B,CAACJ,EAAG,OAAO,CAACI,MAAM,CAAC,EAAI,uHAAuH,KAAO,sBAC3uC,EAAkB,GCDlB,G,oBAAS,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBQ,MAAMd,EAAI2C,cAAgB,mBAAqB,IAAI,CAAC3C,EAAIO,GAAG,IAAIP,EAAImB,GAAGnB,EAAI8B,QAAQA,SAAS,OAAO1B,EAAG,MAAM,CAACE,YAAY,qEAAqEQ,MAAMd,EAAI2C,cAAgB,mBAAqB,IAAI,CAACvC,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAImB,GAAGnB,EAAI4C,mBAAmBC,UAAU,IAAI7C,EAAImB,GAAGnB,EAAI4C,mBAAmBE,WAAW,KAAK1C,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAImB,GAAGnB,EAAI4C,mBAAmBG,mBAAmB3C,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAImB,GAAGnB,EAAIgD,WAAYhD,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACE,YAAY,wBAAwBE,MAAM,CAAC,SAAWR,EAAIiD,iBAAiBjC,GAAG,CAAC,MAAQhB,EAAIkD,gBAAgB,CAAClD,EAAIO,GAAG,eAAeP,EAAIuB,SACh3B,EAAkB,G,qBCiBtB4B,IAAOA,OAAOA,MACC,OACb/B,KAAMA,cACNgC,MAAOA,CAACA,WACRC,KAHF,WAII,MAAO,CACLL,KAAMA,KACNM,SAAUA,OAGdC,SAAUA,CACRZ,cADJ,WAEM,OAAO1C,KAAK6B,QAAQ0B,UAAYvD,KAAKwD,OAAOC,QAAQC,QAAQ/C,IAE9DgC,mBAJJ,WAIA,QACM,OAAN,kJAEIgB,QAPJ,WAQM,QAAS,IAAEC,KAAK5D,KAAKwD,OAAOC,QAAQC,QAAQG,MAAM,SAAxC,GAAhB,2BAEIb,gBAVJ,WAWM,OAAOhD,KAAKwD,OAAOC,QAAQK,mBAG/BC,QAvBF,WAuBA,WACI/D,KAAK+C,KAAO,IAAO/C,KAAK6B,QAAQmC,WAAWC,UAC3CjE,KAAKqD,SAAWa,aAAY,WAC1B,EAAN,0CACA,MAEEC,QAASA,CACPlB,cADJ,WACA,WACMjD,KAAKwD,OAAOY,OAAO,uBAAuB,GAC1CpE,KAAKqE,OAAOC,OAAO,iBAAzB,yBACAC,MAAA,WACQ,EAAR,2CAEAC,OAAA,YACQC,QAARA,YAIEC,cAzCF,WA0CIC,cAAcA,KAAKA,YC7D4V,I,wBCQ/WC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCIA,GACbzD,KAAMA,eACN0D,WAAYA,CAAdC,eACE3B,MAAOA,CAACA,QACRC,KAJF,WAKI,MAAO,CACL2B,SAAUA,GACVlD,QAASA,GACTmD,SAASA,IAGbb,QAASA,CACPc,SADJ,WACA,WACMjF,KAAKqE,OAAOa,IAAI,iBAAmBlF,KAAKmF,MAC9CZ,MAAA,YACQ,EAAR,gBACQ,EAAR,WACQa,YAARA,WACU,EAAV,mDACA,QAEAZ,OAAA,YACQC,QAARA,UAEMzE,KAAKqF,QAAQC,UAAU,QAA7B,+BACQ,GAAkB,QAAdlC,EAAKmC,KACP,EAAV,8BAEA,sBACU,IAAV,sBACA,4DACyB,IAAXC,GACF,EAAZ,0BAKIzD,YA1BJ,WA0BA,WACA,GACQF,QAASA,KAAKA,QACd4D,YAAaA,KAAKA,KAClBlC,QAASA,KAAKA,OAAOA,QAAQA,QAAQA,IAEvCvD,KAAKqE,OAAOqB,KAAK,gBAAiBC,GACxCpB,MAAA,WACQ,EAAR,cAEAC,OAAA,YACQoB,MAARA,8BAIE7B,QApDF,WAqDI/D,KAAKiF,YAGPY,MAAOA,CACLV,KADJ,SACAW,EAAAC,GACM/F,KAAKgF,SAAU,EACfhF,KAAK+E,SAAW,GAChB/E,KAAKqF,QAAQW,YAAY,QAA/B,WACMhG,KAAKiF,YAEPF,SAPJ,WAOA,WACMK,YAAWA,WACT,EAAR,mDACA,MAGEV,cArEF,WAsEI1E,KAAKqF,QAAQW,YAAY,QAA7B,qBC7FoX,ICQhX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCCA,GACb7E,KAAMA,oBACN0D,WAAYA,CAAdoB,gBACE9C,MAAOA,CAACA,YACRC,KAAMA,WAAR,OACA1B,oBAEE4B,SAAUA,CACR4C,cADJ,WAGM,OADAzB,QAAQA,IAAIA,KAAKA,SAASA,SACtBzE,KAAK0B,eACA,yBAAf,kCAEa,OAGXmE,MAAOA,CACLrE,SADJ,WAEWxB,KAAK0B,eAGV1B,KAAK0B,gBAAiB,GAExBA,eAPJ,SAOAyE,MAMEpC,QA7BF,aAiCEW,cAjCF,aAqCEP,QAASA,CACPiC,eADJ,WAEWpG,KAAK0B,iBACJ2E,SAASC,OACXtG,KAAKuG,UAAUvG,KAAKwB,SAASb,IAG7BX,KAAKwG,WAAWxG,KAAKwB,SAASb,MAIpC8F,YAXJ,WAYMzG,KAAKuG,UAAUvG,KAAKwB,SAASb,KAE/B6F,WAdJ,SAcA7F,GACM,IAAN,GACQ4E,KAAMA,OACNhC,QAASA,KAAKA,OAAOA,QAAQA,QAAQA,GACrCkC,YAAaA,GAEfzF,KAAKqE,OAAOqC,MAAM,gBAAiBf,GACzCpB,MAAA,eAEAC,OAAA,YACQC,QAARA,WAGI8B,UA3BJ,SA2BA5F,GACM,IAAN,GACQ4E,KAAMA,QACNhC,QAASA,KAAKA,OAAOA,QAAQA,QAAQA,GACrCkC,YAAaA,GAEfzF,KAAKqE,OAAOqC,MAAM,gBAAiBf,GACzCpB,MAAA,eAEAC,OAAA,YACQC,QAARA,aC9F0W,ICQtW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,oBCyDA,GACbtD,KAAMA,WACN0D,WAAYA,CAAd8B,kBAAAC,qBACExD,KAAMA,WAAR,OACA5B,WACA,KACA,qCACA,+BACA,WACA,qCACA,qCACA,SACA,aACA,gBACA,KACA,wBACA,8CACA,QACA,qCACA,sCAEA,YACA,KACA,cACA,qCACA,uCAEA,CACA,KACA,yDACA,+BACA,WACA,qCACA,qCACA,SACA,aACA,gBACA,KACA,gBACA,kCACA,QACA,qCACA,sCAEA,YACA,KACA,cACA,qCACA,uCAEA,CACA,KACA,yDACA,+BACA,WACA,qCACA,qCACA,SACA,aACA,gBACA,KACA,gBACA,oCACA,QACA,qCACA,sCAEA,YACA,KACA,cACA,qCACA,uCAEA,CACA,KACA,yDACA,+BACA,WACA,qCACA,qCACA,SACA,aACA,gBACA,KACA,gBACA,+CACA,QACA,qCACA,sCAEA,YACA,KACA,cACA,qCACA,uCAEA,CACA,KACA,yDACA,+BACA,WACA,qCACA,qCACA,SACA,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","file":"js/chunk-2c7ed500.29e65ac9.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RaspSlider.vue?vue&type=style&index=0&id=6a7419f8&scoped=true&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TelecastChat.vue?vue&type=style&index=0&id=3cf53e65&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section section_program\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('h2',{staticClass:\"title title_dark title_second title_svg title_svg-show\"},[_vm._v(\"Трансляция конференции \"),_c('router-link',{attrs:{\"to\":\"/\"}},[_c('svg',{attrs:{\"width\":\"38\",\"height\":\"38\",\"viewBox\":\"0 0 38 38\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"filter\":\"url(#filter0_d_226_668)\"}},[_c('circle',{attrs:{\"cx\":\"19\",\"cy\":\"18\",\"r\":\"18\",\"transform\":\"rotate(-90 19 18)\",\"fill\":\"#59B980\"}})]),_c('path',{attrs:{\"d\":\"M15.779 27.0592L16.0039 27.1096L16.1883 26.9713L24.3651 20.8412L24.3659 20.8406C25.6264 19.8918 26.3574 18.7758 26.3574 17.5713C26.3574 16.3668 25.6264 15.2508 24.3659 14.302L24.3651 14.3014L16.1883 8.17123L16.0039 8.03298L15.779 8.0834L15.4623 8.15441L14.4039 8.3917L15.2718 9.04235L23.4482 15.1723C24.5481 15.9984 24.9975 16.8291 24.9975 17.5713C24.9975 18.3135 24.5482 19.1441 23.4484 19.9702C23.4483 19.9702 23.4482 19.9703 23.4482 19.9703L15.2718 26.1002L14.4039 26.7509L15.4623 26.9882L15.779 27.0592Z\",\"fill\":\"white\",\"stroke\":\"white\"}}),_c('defs',[_c('filter',{attrs:{\"id\":\"filter0_d_226_668\",\"x\":\"0\",\"y\":\"0\",\"width\":\"38\",\"height\":\"38\",\"filterUnits\":\"userSpaceOnUse\",\"color-interpolation-filters\":\"sRGB\"}},[_c('feFlood',{attrs:{\"flood-opacity\":\"0\",\"result\":\"BackgroundImageFix\"}}),_c('feColorMatrix',{attrs:{\"in\":\"SourceAlpha\",\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\"result\":\"hardAlpha\"}}),_c('feOffset',{attrs:{\"dy\":\"1\"}}),_c('feGaussianBlur',{attrs:{\"stdDeviation\":\"0.5\"}}),_c('feComposite',{attrs:{\"in2\":\"hardAlpha\",\"operator\":\"out\"}}),_c('feColorMatrix',{attrs:{\"type\":\"matrix\",\"values\":\"0 0 0 0 0.34902 0 0 0 0 0.72549 0 0 0 0 0.501961 0 0 0 0.77 0\"}}),_c('feBlend',{attrs:{\"mode\":\"normal\",\"in2\":\"BackgroundImageFix\",\"result\":\"effect1_dropShadow_226_668\"}}),_c('feBlend',{attrs:{\"mode\":\"normal\",\"in\":\"SourceGraphic\",\"in2\":\"effect1_dropShadow_226_668\",\"result\":\"shape\"}})],1)])])])],1)])]),_c('div',{staticClass:\"row pt-4\"},[_c('div',{staticClass:\"col-12 col-lg-3\"},[_vm._l((_vm.getTelecastingWithSection),function(day){return _c('div',{key:day.id,staticClass:\"program\"},_vm._l((day.sections),function(section){return _c('div',{key:section.id,staticClass:\"program__items\"},[_c('div',{staticClass:\"program__head\",class:section.id === _vm.active ? 'active' : '',on:{\"click\":function($event){return _vm.changeActive(section.id)}}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"program__area\"},[_vm._v(\" \"+_vm._s(section.name)+\" \")]),_c('div',{staticClass:\"program__themes\"},[_vm._v(\" \"+_vm._s(section.theme)+\" \")])])])])])])}),0)}),_c('div',{staticClass:\"pt-5 d-none d-lg-block\"},[_c('rasp-slider')],1)],2),_c('div',{staticClass:\"col-12 col-lg-9\"},[(_vm.active)?_c('telecast-component',{attrs:{\"telecast\":_vm.getActiveTelecast}}):_vm._e(),_c('div',{staticClass:\"pt-3 d-block d-lg-none\"},[_c('rasp-slider')],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row d-flex align-items-stretch\"},[_c('div',{staticClass:\"col-12\",class:_vm.telecast.hasChat ? 'col-lg-8' : 'col-lg-12'},[_c('div',{staticClass:\"telecast__wrap\"},[_c('div',{staticClass:\"ratio ratio-16x9\"},[_c('div',{staticClass:\"telecast__absolute\",on:{\"click\":function($event){_vm.showBackground = false}}}),_c('iframe',{attrs:{\"src\":_vm.telecast.link,\"allowfullscreen\":\"\"}})])])]),(_vm.telecast.hasChat)?_c('div',{staticClass:\"col-12 col-lg-4\"},[_c('telecast-chat',{attrs:{\"room\":_vm.telecast.id}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chat d-flex flex-column\"},[_c('div',{ref:\"body\",staticClass:\"chat__body\"},[_c('div',{ref:\"scroll\",staticClass:\"chat__scroller d-flex flex-column  justify-content-end align-items-stretch\"},_vm._l((_vm.messages),function(message){return _c('chat-message',{key:message.id,attrs:{\"message\":message}})}),1)]),_c('div',{staticClass:\"chat__form d-flex justify-content-between align-items-center\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendMessage.apply(null, arguments)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message),expression:\"message\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Ваше сообщение…\"},domProps:{\"value\":(_vm.message)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.message=$event.target.value}}}),_c('button',{staticClass:\"chat__button\",attrs:{\"disabled\":!_vm.message.length}},[_c('svg',{attrs:{\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M2.02954 6.98344L0.916016 0.735352L14.6804 7.57114L0.916016 14.4997L2.02954 8.22069L13.4431 7.57114L2.02954 6.98344Z\",\"fill\":\"white\"}})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"message\"},[_c('div',{staticClass:\"message__text\",class:_vm.isUserMessage ? 'message__text_me' : ''},[_vm._v(\" \"+_vm._s(_vm.message.message)+\" \")]),_c('div',{staticClass:\"message__footer d-flex justify-content-between align-items-center \",class:_vm.isUserMessage ? 'flex-row-reverse' : ''},[_c('div',{staticClass:\"message__name\"},[_vm._v(_vm._s(_vm.getUserInformation.lastName)+\" \"+_vm._s(_vm.getUserInformation.firstName)+\" \"),_c('span',[_vm._v(_vm._s(_vm.getUserInformation.organization))])]),_c('div',{staticClass:\"message__time\"},[_vm._v(_vm._s(_vm.time))])]),(_vm.isAdmin)?_c('div',{staticClass:\"message__admin\"},[_c('button',{staticClass:\"btn btn-danger btn-sm\",attrs:{\"disabled\":_vm.isDeleteMessage},on:{\"click\":_vm.removeMessage}},[_vm._v(\"Удалить\")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"message\">\r\n    <div class=\"message__text\" :class=\"isUserMessage ? 'message__text_me' : ''\">\r\n      {{message.message}}\r\n    </div>\r\n    <div class=\"message__footer d-flex justify-content-between align-items-center \" :class=\"isUserMessage ? 'flex-row-reverse' : ''\">\r\n      <div class=\"message__name\">{{getUserInformation.lastName}} {{getUserInformation.firstName}} <span>{{getUserInformation.organization}}</span></div>\r\n      <div class=\"message__time\">{{time}}</div>\r\n    </div>\r\n    <div class=\"message__admin\" v-if=\"isAdmin\">\r\n      <button class=\"btn btn-danger btn-sm\" @click=\"removeMessage\" :disabled=\"isDeleteMessage\">Удалить</button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment-timezone\";\r\nimport _ from \"lodash\";\r\nmoment.locale('ru')\r\nexport default {\r\n  name: \"ChatMessage\",\r\n  props: ['message'],\r\n  data() {\r\n    return {\r\n      time: null,\r\n      interval: null\r\n    }\r\n  },\r\n  computed: {\r\n    isUserMessage() {\r\n      return this.message.user_id === this.$store.getters.getUser.id\r\n    },\r\n    getUserInformation() {\r\n      return this.message.User?.UserInfo?.information ? JSON.parse(this.message.User.UserInfo.information) : {}\r\n    },\r\n    isAdmin() {\r\n      return !!_.find(this.$store.getters.getUser.Role, role => role.name === 'admin')\r\n    },\r\n    isDeleteMessage() {\r\n      return this.$store.getters.getDeleteMessage\r\n    }\r\n  },\r\n  mounted() {\r\n    this.time = moment(this.message.createdAt).fromNow()\r\n    this.interval = setInterval(() => {\r\n      this.time = moment(this.message.createdAt).fromNow()\r\n    }, 1000 * 60)\r\n  },\r\n  methods: {\r\n    removeMessage() {\r\n      this.$store.commit('changeDeleteMessage', true)\r\n      this.$axios.delete(`telecast/chat/${this.message.id}`)\r\n        .then(() => {\r\n          this.$store.commit('changeDeleteMessage', false)\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n        })\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    clearInterval(this.interval)\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .message {\r\n    padding-bottom: 10px;\r\n    &:last-child {\r\n      padding-bottom: 0;\r\n    }\r\n    &__text {\r\n      background-color: #FFFBF2;\r\n      border-radius: 5px;\r\n      padding: 5px 10px;\r\n      font-size: 14px;\r\n      color: #282938;\r\n      font-weight: 300;\r\n      white-space: pre-wrap;\r\n      &_me {\r\n        background-color: #0179C0;\r\n        color: #fff;\r\n      }\r\n    }\r\n    &__footer {\r\n      padding-top: 3px;\r\n    }\r\n    &__name {\r\n      font-size: 10px;\r\n      color: #002952;\r\n      font-weight: 500;\r\n      span {\r\n        font-weight: 300;\r\n      }\r\n    }\r\n    &__time {\r\n      font-size: 10px;\r\n      color: #D0D0D0;\r\n      white-space: nowrap;\r\n      font-weight: 300;\r\n    }\r\n  }\r\n</style>\r\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!./ChatMessage.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!./ChatMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatMessage.vue?vue&type=template&id=ce84fda8&scoped=true&\"\nimport script from \"./ChatMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatMessage.vue?vue&type=style&index=0&id=ce84fda8&scoped=true&lang=scss&\"\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  \"ce84fda8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"chat d-flex flex-column\">\r\n    <div class=\"chat__body\" ref=\"body\">\r\n      <div class=\"chat__scroller d-flex flex-column  justify-content-end align-items-stretch\" ref=\"scroll\">\r\n        <chat-message v-for=\"message in messages\" :key=\"message.id\" :message=\"message\"></chat-message>\r\n      </div>\r\n    </div>\r\n    <div class=\"chat__form d-flex justify-content-between align-items-center\">\r\n      <form @submit.prevent=\"sendMessage\">\r\n        <input type=\"text\" v-model=\"message\" placeholder=\"Ваше сообщение…\">\r\n        <button class=\"chat__button\" :disabled=\"!message.length\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M2.02954 6.98344L0.916016 0.735352L14.6804 7.57114L0.916016 14.4997L2.02954 8.22069L13.4431 7.57114L2.02954 6.98344Z\" fill=\"white\"/>\r\n          </svg>\r\n        </button>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ChatMessage from \"./ChatMessage\";\r\nimport _ from \"lodash\";\r\nexport default {\r\n  name: \"TelecastChat\",\r\n  components: {ChatMessage},\r\n  props: ['room'],\r\n  data() {\r\n    return {\r\n      messages: [],\r\n      message: '',\r\n      loading: false\r\n    }\r\n  },\r\n  methods: {\r\n    loadChat() {\r\n      this.$axios.get('telecast/chat/' + this.room)\r\n        .then(resp => {\r\n          this.messages = resp.data\r\n          this.loading = true\r\n          setTimeout(() => {\r\n            this.$refs.body.scrollTop = this.$refs.scroll.clientHeight;\r\n          }, 150)\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n        })\r\n      this.sockets.subscribe(`room-${this.room}`  , data => {\r\n        if (data.type === 'add') {\r\n          this.messages.push(data.message)\r\n        }\r\n        else if(data.type === 'delete') {\r\n          const id = parseInt(data.message)\r\n          const index = _.findIndex(this.messages, message => message.id === id)\r\n          if (index !== -1) {\r\n            this.messages.splice(index, 1)\r\n          }\r\n        }\r\n      })\r\n    },\r\n    sendMessage() {\r\n      const payload = {\r\n        message: this.message,\r\n        telecast_id: this.room,\r\n        user_id: this.$store.getters.getUser.id\r\n      }\r\n      this.$axios.post('telecast/chat', payload)\r\n        .then(() => {\r\n          this.message = ''\r\n        })\r\n        .catch(error => {\r\n          alert(error.response.data.message)\r\n        })\r\n    }\r\n  },\r\n  mounted() {\r\n    this.loadChat()\r\n  },\r\n\r\n  watch: {\r\n    room(newVal, oldVal) {\r\n      this.loading = false\r\n      this.messages = []\r\n      this.sockets.unsubscribe(`room-${oldVal}`)\r\n      this.loadChat()\r\n    },\r\n    messages() {\r\n      setTimeout(() => {\r\n        this.$refs.body.scrollTop = this.$refs.scroll.clientHeight;\r\n      }, 50)\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    this.sockets.unsubscribe(`room-${this.room}`)\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .chat {\r\n    height: 100%;\r\n    background: #03496E;\r\n    box-shadow: 0px 0px 20px rgba(117, 119, 123, 0.2);\r\n    border-radius: 4px;\r\n    min-height: 480px;\r\n    padding: 5px;\r\n    max-height: 480px;\r\n    @include media(992) {\r\n      //margin-top: 70px;\r\n      min-height: 320px;\r\n      max-height: 400px;\r\n    }\r\n    @include media(768) {\r\n      //margin-top: 50px;\r\n    }\r\n    &__body {\r\n      width: 100%;\r\n      height: 88%;\r\n      background: #FFFFFF;\r\n      box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);\r\n      border-radius: 3px;\r\n      padding: 20px;\r\n      overflow: auto;\r\n      &::-webkit-scrollbar {\r\n        //display: none;\r\n      }\r\n    }\r\n    &__form {\r\n      form {\r\n        width: 100%;\r\n        padding-right: 40px;\r\n      }\r\n      margin-top: 5px;\r\n      height: 51px;\r\n      background: #FFFFFF;\r\n      box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);\r\n      border-radius: 8px;\r\n      overflow: hidden;\r\n      position: relative;\r\n      width: 100%;\r\n      input {\r\n        width: 100%;\r\n        border: none;\r\n        outline: none;\r\n        padding: 10px;\r\n        font-size: rem(14);\r\n        font-weight: 300;\r\n        color: #002952;\r\n      }\r\n    }\r\n    &__button {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      right: 10px;\r\n      border: none;\r\n      border-radius: 10em;\r\n      background-color: #037BC2;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      height: 33px;\r\n      width: 33px;\r\n      svg {\r\n        vertical-align: middle;\r\n      }\r\n    }\r\n    &__scroller {\r\n      overflow: hidden;\r\n      //height: 100%;\r\n    }\r\n  }\r\n</style>\r\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!./TelecastChat.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!./TelecastChat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TelecastChat.vue?vue&type=template&id=3cf53e65&scoped=true&\"\nimport script from \"./TelecastChat.vue?vue&type=script&lang=js&\"\nexport * from \"./TelecastChat.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TelecastChat.vue?vue&type=style&index=0&id=3cf53e65&scoped=true&lang=scss&\"\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  \"3cf53e65\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"row d-flex align-items-stretch\">\r\n    <div class=\"col-12\" :class=\"telecast.hasChat ? 'col-lg-8' : 'col-lg-12'\" >\r\n      <div class=\"telecast__wrap\">\r\n        <div class=\"ratio ratio-16x9\">\r\n          <div class=\"telecast__absolute\"  @click=\"showBackground = false\"></div>\r\n          <iframe :src=\"telecast.link\" allowfullscreen></iframe>\r\n        </div>\r\n<!--        <emojis :room=\"telecast.id\" v-if=\"!showBackground\"></emojis>-->\r\n      </div>\r\n    </div>\r\n    <div class=\"col-12 col-lg-4\" v-if=\"telecast.hasChat\">\r\n      <telecast-chat :room=\"telecast.id\"></telecast-chat>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import Emojis from \"./Emojis\";\r\nimport TelecastChat from \"./Chat/TelecastChat\";\r\nexport default {\r\n  name: \"TelecastComponent\",\r\n  components: {TelecastChat},\r\n  props: ['telecast'],\r\n  data: () => ({\r\n    showBackground: true\r\n  }),\r\n  computed: {\r\n    getBackground() {\r\n      console.log(this.telecast.preview)\r\n      if (this.showBackground) {\r\n        return `background-image: url(${this.telecast.preview})`\r\n      }\r\n      return null\r\n    }\r\n  },\r\n  watch: {\r\n    telecast() {\r\n      if (!this.showBackground) {\r\n        // this.stopWatch(oldValue.id)\r\n      }\r\n      this.showBackground = true\r\n    },\r\n    showBackground(val) {\r\n      if (!val) {\r\n        // this.startWatch(this.telecast.id)\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    // document.addEventListener(\"visibilitychange\", this.watchClosePage);\r\n    // window.addEventListener('beforeunload', this.onClosePage)\r\n  },\r\n  beforeDestroy() {\r\n    // document.removeEventListener('visibilitychange', this.watchClosePage)\r\n    // window.removeEventListener('beforeunload', this.onClosePage)\r\n  },\r\n  methods: {\r\n    watchClosePage() {\r\n      if (!this.showBackground) {\r\n        if (document.hidden) {\r\n          this.stopWatch(this.telecast.id)\r\n        }\r\n        else {\r\n          this.startWatch(this.telecast.id)\r\n        }\r\n      }\r\n    },\r\n    onClosePage() {\r\n      this.stopWatch(this.telecast.id)\r\n    },\r\n    startWatch(id) {\r\n      const payload = {\r\n        type: 'open',\r\n        user_id: this.$store.getters.getUser.id,\r\n        telecast_id: id\r\n      }\r\n      this.$axios.patch('telecast/chat', payload)\r\n        .then(() => {\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n        })\r\n    },\r\n    stopWatch(id) {\r\n      const payload = {\r\n        type: 'close',\r\n        user_id: this.$store.getters.getUser.id,\r\n        telecast_id: id\r\n      }\r\n      this.$axios.patch('telecast/chat', payload)\r\n          .then(() => {\r\n          })\r\n          .catch(e => {\r\n            console.log(e)\r\n          })\r\n    }\r\n  },\r\n}\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .telecast {\r\n    &__wrap {\r\n      position: relative;\r\n    }\r\n  }\r\n  .telecast {\r\n    &__absolute {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: center center;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n</style>\r\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!./TelecastComponent.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!./TelecastComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TelecastComponent.vue?vue&type=template&id=56e50a66&scoped=true&\"\nimport script from \"./TelecastComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./TelecastComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TelecastComponent.vue?vue&type=style&index=0&id=56e50a66&scoped=true&lang=scss&\"\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  \"56e50a66\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <section class=\"section section_program\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <h2 class=\"title title_dark title_second title_svg title_svg-show\">Трансляция конференции\r\n            <router-link to=\"/\">\r\n              <svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <g filter=\"url(#filter0_d_226_668)\">\r\n                  <circle cx=\"19\" cy=\"18\" r=\"18\" transform=\"rotate(-90 19 18)\" fill=\"#59B980\"/>\r\n                </g>\r\n                <path\r\n                    d=\"M15.779 27.0592L16.0039 27.1096L16.1883 26.9713L24.3651 20.8412L24.3659 20.8406C25.6264 19.8918 26.3574 18.7758 26.3574 17.5713C26.3574 16.3668 25.6264 15.2508 24.3659 14.302L24.3651 14.3014L16.1883 8.17123L16.0039 8.03298L15.779 8.0834L15.4623 8.15441L14.4039 8.3917L15.2718 9.04235L23.4482 15.1723C24.5481 15.9984 24.9975 16.8291 24.9975 17.5713C24.9975 18.3135 24.5482 19.1441 23.4484 19.9702C23.4483 19.9702 23.4482 19.9703 23.4482 19.9703L15.2718 26.1002L14.4039 26.7509L15.4623 26.9882L15.779 27.0592Z\"\r\n                    fill=\"white\" stroke=\"white\"/>\r\n                <defs>\r\n                  <filter id=\"filter0_d_226_668\" x=\"0\" y=\"0\" width=\"38\" height=\"38\" filterUnits=\"userSpaceOnUse\"\r\n                          color-interpolation-filters=\"sRGB\">\r\n                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n                    <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n                                   result=\"hardAlpha\"/>\r\n                    <feOffset dy=\"1\"/>\r\n                    <feGaussianBlur stdDeviation=\"0.5\"/>\r\n                    <feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n                    <feColorMatrix type=\"matrix\"\r\n                                   values=\"0 0 0 0 0.34902 0 0 0 0 0.72549 0 0 0 0 0.501961 0 0 0 0.77 0\"/>\r\n                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_226_668\"/>\r\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_226_668\" result=\"shape\"/>\r\n                  </filter>\r\n                </defs>\r\n              </svg>\r\n            </router-link>\r\n          </h2>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row pt-4\">\r\n        <div class=\"col-12 col-lg-3\">\r\n          <div class=\"program\" v-for=\"day in getTelecastingWithSection\" :key=\"day.id\">\r\n            <div class=\"program__items\" v-for=\"section in day.sections\" :key=\"section.id\">\r\n              <div class=\"program__head\" @click=\"changeActive(section.id)\"\r\n                   :class=\"section.id === active ? 'active' : ''\">\r\n                <div class=\"container\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-12\">\r\n                      <div class=\"program__area\">\r\n                        {{ section.name }}\r\n                      </div>\r\n                      <div class=\"program__themes\">\r\n                        {{ section.theme }}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"pt-5 d-none d-lg-block\">\r\n            <rasp-slider></rasp-slider>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 col-lg-9\">\r\n          <telecast-component :telecast=\"getActiveTelecast\" v-if=\"active\"></telecast-component>\r\n          <div class=\"pt-3 d-block d-lg-none\">\r\n            <rasp-slider></rasp-slider>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport _ from \"lodash\";\r\nimport TelecastComponent from \"../components/Telecast/TelecastComponent\";\r\nimport RaspSlider from \"../components/components/RaspSlider\";\r\n\r\nexport default {\r\n  name: \"Telecast\",\r\n  components: {RaspSlider, TelecastComponent},\r\n  data: () => ({\r\n    telecast: [{\r\n      \"id\": 1,\r\n      \"link\": \"https://facecast.net/v/k5xj02\",\r\n      \"preview\": \"/images/astra_bg.jpg\",\r\n      \"hasChat\": false,\r\n      \"createdAt\": \"2022-04-11T20:19:42.000Z\",\r\n      \"updatedAt\": \"2022-04-22T19:14:25.000Z\",\r\n      \"day_id\": 2,\r\n      \"section_id\": 1,\r\n      \"programSection\": {\r\n        \"id\": 1,\r\n        \"name\": \"Пленарная сессия\",\r\n        \"theme\": \"На пути к глобальной ИТ-трансформации\",\r\n        \"order\": 1,\r\n        \"createdAt\": \"2022-03-14T11:55:29.000Z\",\r\n        \"updatedAt\": \"2022-03-14T11:55:29.000Z\"\r\n      },\r\n      \"programDay\": {\r\n        \"id\": 2,\r\n        \"name\": \"День 1\",\r\n        \"createdAt\": \"2022-03-14T11:55:01.000Z\",\r\n        \"updatedAt\": \"2022-03-14T11:55:01.000Z\"\r\n      }\r\n    }, {\r\n      \"id\": 2,\r\n      \"link\": \"https://facecast.net/v/catgql?noanimation&nolabel\",\r\n      \"preview\": \"/images/astra_bg.jpg\",\r\n      \"hasChat\": false,\r\n      \"createdAt\": \"2022-04-11T20:22:30.000Z\",\r\n      \"updatedAt\": \"2022-04-22T19:12:46.000Z\",\r\n      \"day_id\": 2,\r\n      \"section_id\": 2,\r\n      \"programSection\": {\r\n        \"id\": 2,\r\n        \"name\": \"Секция 1\",\r\n        \"theme\": \"Практика импортозамещения\",\r\n        \"order\": 2,\r\n        \"createdAt\": \"2022-03-14T11:58:59.000Z\",\r\n        \"updatedAt\": \"2022-04-02T18:52:17.000Z\"\r\n      },\r\n      \"programDay\": {\r\n        \"id\": 2,\r\n        \"name\": \"День 1\",\r\n        \"createdAt\": \"2022-03-14T11:55:01.000Z\",\r\n        \"updatedAt\": \"2022-03-14T11:55:01.000Z\"\r\n      }\r\n    }, {\r\n      \"id\": 3,\r\n      \"link\": \"https://facecast.net/v/76bbjj?noanimation&nolabel\",\r\n      \"preview\": \"/images/astra_bg.jpg\",\r\n      \"hasChat\": false,\r\n      \"createdAt\": \"2022-04-11T20:24:02.000Z\",\r\n      \"updatedAt\": \"2022-04-23T18:32:09.000Z\",\r\n      \"day_id\": 2,\r\n      \"section_id\": 3,\r\n      \"programSection\": {\r\n        \"id\": 3,\r\n        \"name\": \"Секция 2\",\r\n        \"theme\": \"ИТ-решения для цифровизации\",\r\n        \"order\": 3,\r\n        \"createdAt\": \"2022-03-14T11:59:20.000Z\",\r\n        \"updatedAt\": \"2022-04-02T18:52:18.000Z\"\r\n      },\r\n      \"programDay\": {\r\n        \"id\": 2,\r\n        \"name\": \"День 1\",\r\n        \"createdAt\": \"2022-03-14T11:55:01.000Z\",\r\n        \"updatedAt\": \"2022-03-14T11:55:01.000Z\"\r\n      }\r\n    }, {\r\n      \"id\": 4,\r\n      \"link\": \"https://facecast.net/v/d254mu?noanimation&nolabel\",\r\n      \"preview\": \"/images/astra_bg.jpg\",\r\n      \"hasChat\": false,\r\n      \"createdAt\": \"2022-04-11T20:25:17.000Z\",\r\n      \"updatedAt\": \"2022-04-22T19:13:00.000Z\",\r\n      \"day_id\": 2,\r\n      \"section_id\": 4,\r\n      \"programSection\": {\r\n        \"id\": 4,\r\n        \"name\": \"Секция 3\",\r\n        \"theme\": \"Как это работает: демонстрация решений\",\r\n        \"order\": 4,\r\n        \"createdAt\": \"2022-03-14T11:59:41.000Z\",\r\n        \"updatedAt\": \"2022-04-02T18:52:19.000Z\"\r\n      },\r\n      \"programDay\": {\r\n        \"id\": 2,\r\n        \"name\": \"День 1\",\r\n        \"createdAt\": \"2022-03-14T11:55:01.000Z\",\r\n        \"updatedAt\": \"2022-03-14T11:55:01.000Z\"\r\n      }\r\n    }, {\r\n      \"id\": 5,\r\n      \"link\": \"https://facecast.net/v/bxb394?noanimation&nolabel\",\r\n      \"preview\": \"/images/astra_bg.jpg\",\r\n      \"hasChat\": false,\r\n      \"createdAt\": \"2022-04-11T20:26:01.000Z\",\r\n      \"updatedAt\": \"2022-04-22T19:13:07.000Z\",\r\n      \"day_id\": 2,\r\n      \"section_id\": 5,\r\n      \"programSection\": {\r\n        \"id\": 5,\r\n        \"name\": \"Секция 4\",\r\n        \"theme\": \"Система воспроизводства ИТ-кадров\",\r\n        \"order\": 5,\r\n        \"createdAt\": \"2022-03-14T12:00:01.000Z\",\r\n        \"updatedAt\": \"2022-04-14T12:59:18.000Z\"\r\n      },\r\n      \"programDay\": {\r\n        \"id\": 2,\r\n        \"name\": \"День 1\",\r\n        \"createdAt\": \"2022-03-14T11:55:01.000Z\",\r\n        \"updatedAt\": \"2022-03-14T11:55:01.000Z\"\r\n      }\r\n    }],\r\n    active: null,\r\n  }),\r\n  methods: {\r\n    changeActive(id) {\r\n      this.active = id\r\n    }\r\n  },\r\n  computed: {\r\n    getSections() {\r\n      return this.$store.getters.getProgram\r\n    },\r\n    getQuerySection() {\r\n      return this.$route.query.section\r\n    },\r\n    getTelecastingWithSection() {\r\n      if (this.telecast.length) {\r\n        let arr = []\r\n        _.forEach(this.getSections, (day) => {\r\n          let dayToArr = {\r\n            id: day.id,\r\n            name: day.name,\r\n            order: day.order,\r\n            sections: []\r\n          }\r\n          _.forEach(day.sections, (section) => {\r\n            let sectionToArr = {\r\n              id: section.id,\r\n              name: section.name,\r\n              theme: section.theme,\r\n              order: section.order\r\n            }\r\n            sectionToArr.telecast = _.find(this.telecast, telecast => telecast.section_id === section.id && telecast.day_id === day.id).id || undefined\r\n            dayToArr.sections.push(sectionToArr)\r\n          })\r\n          arr.push(dayToArr)\r\n        })\r\n        return arr\r\n      }\r\n      return []\r\n    },\r\n    getActiveSection() {\r\n      return _.find(this.getSections[0].sections, section => section.id === this.active)\r\n    },\r\n    getActiveTelecast() {\r\n      return _.find(this.telecast, telecast => telecast.section_id === this.active)\r\n    }\r\n  },\r\n  watch: {\r\n    getTelecastingWithSection(val) {\r\n      this.active = parseInt(this.$route.query.section) || val[0].sections[0].id\r\n    },\r\n    getQuerySection(val) {\r\n      if (val) {\r\n        this.active = val\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.program {\r\n\r\n  &__head {\r\n    background: rgba(89, 185, 128, 0.06);\r\n    border: 1px solid rgba(89, 185, 128, 0.51);\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n    padding: rem(10) 0;\r\n    font-size: rem(16);\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    min-height: 94px;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: rem(5);\r\n    @include media(992) {\r\n      min-height: 76px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    &.active {\r\n      background: #52B5E0;\r\n      color: #fff;\r\n    }\r\n\r\n  }\r\n\r\n  &__area {\r\n    text-transform: lowercase;\r\n\r\n    &:first-letter {\r\n      text-transform: uppercase;\r\n    }\r\n  }\r\n\r\n  &__themes {\r\n    //text-transform: lowercase;\r\n    font-weight: bold;\r\n\r\n    &:first-letter {\r\n      text-transform: uppercase;\r\n    }\r\n  }\r\n\r\n  &__time {\r\n    color: #00476D;\r\n    font-size: rem(24);\r\n    font-weight: bold;\r\n  }\r\n\r\n  &__text {\r\n\r\n  }\r\n\r\n  &__item {\r\n    border-bottom: 2px solid #ECECF1;\r\n\r\n  }\r\n\r\n  &__h {\r\n    padding: rem(15) 0;\r\n    cursor: pointer;\r\n    position: relative;\r\n    @include media(768) {\r\n      svg {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 10px;\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  &__name {\r\n    font-size: rem(18);\r\n    font-weight: 300;\r\n    color: #282938;\r\n  }\r\n\r\n  &__text {\r\n    background: #FFFBF2;\r\n    border-radius: 10px;\r\n    padding: rem(10) 0;\r\n    margin-bottom: rem(10);\r\n  }\r\n\r\n  &__theme {\r\n    &::v-deep {\r\n      ul {\r\n        padding: 0;\r\n        margin: 0;\r\n      }\r\n\r\n      @include media(768) {\r\n        padding: 0 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n}\r\n</style>\r\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!./Telecast.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!./Telecast.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Telecast.vue?vue&type=template&id=361c2cb4&scoped=true&\"\nimport script from \"./Telecast.vue?vue&type=script&lang=js&\"\nexport * from \"./Telecast.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Telecast.vue?vue&type=style&index=0&id=361c2cb4&scoped=true&lang=scss&\"\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  \"361c2cb4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatMessage.vue?vue&type=style&index=0&id=ce84fda8&scoped=true&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Telecast.vue?vue&type=style&index=0&id=361c2cb4&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.getProgram.length)?_c('div',[_c('div',{staticClass:\"program__head d-flex align-self-center\"},[_c('svg',{attrs:{\"width\":\"38\",\"height\":\"40\",\"viewBox\":\"0 0 38 40\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M32 34H6L0 40V6C0 2.7 2.7 0 6 0H32C35.3 0 38 2.7 38 6V28C38 31.3 35.3 34 32 34Z\",\"fill\":\"#2196F3\"}}),_c('path',{attrs:{\"d\":\"M17 14H21V25H17V14Z\",\"fill\":\"white\"}}),_c('path',{attrs:{\"d\":\"M19 11C20.1046 11 21 10.1046 21 9C21 7.89543 20.1046 7 19 7C17.8954 7 17 7.89543 17 9C17 10.1046 17.8954 11 19 11Z\",\"fill\":\"white\"}})]),_c('span',[_vm._v(\"Информация о секциях\")])]),_c('div',{staticClass:\"program__content\"},[_c('slick',{attrs:{\"options\":_vm.slickOptions}},_vm._l((_vm.getProgram),function(slide,index){return _c('div',{key:index,staticClass:\"program__slide\"},[_c('div',{staticClass:\"program__section\"},[_vm._v(\" \"+_vm._s(slide.programSection.name)+\" \"),_c('span',{staticStyle:{\"text-transform\":\"uppercase\"}},[_vm._v(_vm._s(slide.programSection.theme))])]),_c('div',{staticClass:\"program__desc\"},[_vm._v(\"Тема выступления:\")]),_c('div',{staticClass:\"program__text\",domProps:{\"innerHTML\":_vm._s(slide.name)}}),(slide.Speaker.length)?_c('div',{staticClass:\"program__speakers\"},_vm._l((slide.Speaker),function(speaker){return _c('div',{key:speaker.id,staticClass:\"program__speaker\"},[_c('div',{staticClass:\"speaker__name\"},[_vm._v(_vm._s(speaker.name))]),_c('div',{staticClass:\"speaker__job\"},[_vm._v(\" \"+_vm._s(speaker.job)+\" \")])])}),0):_vm._e(),_c('div',{staticClass:\" text-end pt-3 d-flex align-items-center justify-content-end\"},[_c('div',{staticClass:\"program__link\",on:{\"click\":function($event){return _vm.goTo(slide.section_id)}}},[_c('span',[_vm._v(\"Перейти\")]),_c('svg',{attrs:{\"width\":\"35\",\"height\":\"35\",\"viewBox\":\"0 0 35 35\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"filter\":\"url(#filter0_d_246_1074)\"}},[_c('circle',{attrs:{\"cx\":\"17.5\",\"cy\":\"16.5\",\"r\":\"16.5\",\"transform\":\"rotate(-90 17.5 16.5)\",\"fill\":\"#59B980\"}})]),_c('path',{attrs:{\"d\":\"M14.5375 24.8453L14.7624 24.8957L14.9468 24.7575L22.4422 19.1381L22.4429 19.1376C23.6039 18.2637 24.2852 17.2298 24.2852 16.1074C24.2852 14.985 23.6039 13.9512 22.443 13.0773L22.4422 13.0767L14.9468 7.45737L14.7624 7.31911L14.5375 7.36953L14.2472 7.43462L13.1888 7.67192L14.0567 8.32257L21.5517 13.9416C22.5545 14.6948 22.9553 15.4453 22.9553 16.1074C22.9553 16.7695 22.5545 17.5201 21.5517 18.2732L14.0567 23.8923L13.1888 24.5429L14.2472 24.7802L14.5375 24.8453Z\",\"fill\":\"white\",\"stroke\":\"white\"}}),_c('defs',[_c('filter',{attrs:{\"id\":\"filter0_d_246_1074\",\"x\":\"0\",\"y\":\"0\",\"width\":\"35\",\"height\":\"35\",\"filterUnits\":\"userSpaceOnUse\",\"color-interpolation-filters\":\"sRGB\"}},[_c('feFlood',{attrs:{\"flood-opacity\":\"0\",\"result\":\"BackgroundImageFix\"}}),_c('feColorMatrix',{attrs:{\"in\":\"SourceAlpha\",\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\"result\":\"hardAlpha\"}}),_c('feOffset',{attrs:{\"dy\":\"1\"}}),_c('feGaussianBlur',{attrs:{\"stdDeviation\":\"0.5\"}}),_c('feComposite',{attrs:{\"in2\":\"hardAlpha\",\"operator\":\"out\"}}),_c('feColorMatrix',{attrs:{\"type\":\"matrix\",\"values\":\"0 0 0 0 0.34902 0 0 0 0 0.72549 0 0 0 0 0.501961 0 0 0 0.77 0\"}}),_c('feBlend',{attrs:{\"mode\":\"normal\",\"in2\":\"BackgroundImageFix\",\"result\":\"effect1_dropShadow_246_1074\"}}),_c('feBlend',{attrs:{\"mode\":\"normal\",\"in\":\"SourceGraphic\",\"in2\":\"effect1_dropShadow_246_1074\",\"result\":\"shape\"}})],1)])])])])])}),0)],1)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"getProgram.length\">\r\n    <div class=\"program__head d-flex align-self-center\">\r\n      <svg width=\"38\" height=\"40\" viewBox=\"0 0 38 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M32 34H6L0 40V6C0 2.7 2.7 0 6 0H32C35.3 0 38 2.7 38 6V28C38 31.3 35.3 34 32 34Z\" fill=\"#2196F3\"/>\r\n        <path d=\"M17 14H21V25H17V14Z\" fill=\"white\"/>\r\n        <path d=\"M19 11C20.1046 11 21 10.1046 21 9C21 7.89543 20.1046 7 19 7C17.8954 7 17 7.89543 17 9C17 10.1046 17.8954 11 19 11Z\" fill=\"white\"/>\r\n      </svg>\r\n      <span>Информация о секциях</span>\r\n    </div>\r\n    <div class=\"program__content\">\r\n      <slick :options=\"slickOptions\">\r\n        <div class=\"program__slide\" v-for=\"(slide, index) in getProgram\" :key=\"index\">\r\n          <div class=\"program__section\">\r\n            {{slide.programSection.name}}\r\n            <span style=\"text-transform:uppercase;\">{{slide.programSection.theme}}</span>\r\n          </div>\r\n          <div class=\"program__desc\">Тема выступления:</div>\r\n          <div class=\"program__text\" v-html=\"slide.name\"></div>\r\n          <div class=\"program__speakers\" v-if=\"slide.Speaker.length\">\r\n            <div class=\"program__speaker\" v-for=\"speaker in slide.Speaker\" :key=\"speaker.id\">\r\n              <div class=\"speaker__name\">{{speaker.name}}</div>\r\n              <div class=\"speaker__job\">\r\n                {{speaker.job}}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\" text-end pt-3 d-flex align-items-center justify-content-end\">\r\n            <div class=\"program__link\" @click=\"goTo(slide.section_id)\">\r\n              <span>Перейти</span>\r\n              <svg width=\"35\" height=\"35\" viewBox=\"0 0 35 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <g filter=\"url(#filter0_d_246_1074)\">\r\n                  <circle cx=\"17.5\" cy=\"16.5\" r=\"16.5\" transform=\"rotate(-90 17.5 16.5)\" fill=\"#59B980\"/>\r\n                </g>\r\n                <path d=\"M14.5375 24.8453L14.7624 24.8957L14.9468 24.7575L22.4422 19.1381L22.4429 19.1376C23.6039 18.2637 24.2852 17.2298 24.2852 16.1074C24.2852 14.985 23.6039 13.9512 22.443 13.0773L22.4422 13.0767L14.9468 7.45737L14.7624 7.31911L14.5375 7.36953L14.2472 7.43462L13.1888 7.67192L14.0567 8.32257L21.5517 13.9416C22.5545 14.6948 22.9553 15.4453 22.9553 16.1074C22.9553 16.7695 22.5545 17.5201 21.5517 18.2732L14.0567 23.8923L13.1888 24.5429L14.2472 24.7802L14.5375 24.8453Z\" fill=\"white\" stroke=\"white\"/>\r\n                <defs>\r\n                  <filter id=\"filter0_d_246_1074\" x=\"0\" y=\"0\" width=\"35\" height=\"35\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n                    <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n                    <feOffset dy=\"1\"/>\r\n                    <feGaussianBlur stdDeviation=\"0.5\"/>\r\n                    <feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n                    <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.34902 0 0 0 0 0.72549 0 0 0 0 0.501961 0 0 0 0.77 0\"/>\r\n                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_246_1074\"/>\r\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_246_1074\" result=\"shape\"/>\r\n                  </filter>\r\n                </defs>\r\n              </svg>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </slick>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment-timezone\";\r\nimport _ from 'lodash';\r\nimport Slick from \"vue-slick\";\r\n\r\nexport default {\r\n  name: \"RaspSlider\",\r\n  components: {\r\n    Slick\r\n  },\r\n  data() {\r\n    return {\r\n      now: null,\r\n      interval: null,\r\n      slickOptions: {\r\n        slidesToShow: 1,\r\n        infinite: true,\r\n        arrows: false,\r\n        dots: true,\r\n        adaptiveHeight: true,\r\n        autoplay: true,\r\n        timeout: 5000,\r\n      },\r\n    }\r\n  },\r\n  computed: {\r\n    getProgram() {\r\n      const programs = this.$store.getters.getProgramNoFilter\r\n      return _.sortBy(_.filter(programs, program => {\r\n        let start = moment(program.timeStart, 'HH:mm').format('X')\r\n        let end = moment(program.timeEnd, 'HH:mm').format('X')\r\n        return  this.now >= start && this.now < end\r\n      }), ['section_id'])\r\n    }\r\n  },\r\n  methods: {\r\n    goTo(section) {\r\n      this.$router.push({\r\n        name: 'Telecast',\r\n        query: {\r\n          section: section\r\n        }\r\n      })\r\n    }\r\n  },\r\n  mounted() {\r\n    this.now = moment.utc().format('X')\r\n    this.interval = setInterval(() => {\r\n      this.now = moment.utc().format('X')\r\n    }, 1000 * 20)\r\n  },\r\n  beforeDestroy() {\r\n    clearInterval(this.interval)\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .speaker {\r\n    &__name {\r\n      font-weight: 500;\r\n      font-size: rem(14);\r\n      color: #1D2130;\r\n    }\r\n    &__job {\r\n      font-weight: 400;\r\n      font-size: rem(14);\r\n      color: #1D2130;\r\n      opacity: 0.7;\r\n      padding-top: rem(3);\r\n    }\r\n  }\r\n  .program {\r\n    &__content {\r\n      padding-top: rem(20);\r\n    }\r\n    &__slide {\r\n      padding: rem(20);\r\n      background: #FFFFFF;\r\n      border: 1px solid #A5D9BA;\r\n      box-sizing: border-box;\r\n      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);\r\n      border-radius: 4px;\r\n    }\r\n    &__desc {\r\n      font-weight: 500;\r\n      font-size: rem(16);\r\n      padding-top: rem(10);\r\n      color: #282938;\r\n\r\n    }\r\n    &__section {\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      font-size: rem(21);\r\n      color: #00476D;\r\n    }\r\n    &__head {\r\n      svg {\r\n        vertical-align: top;\r\n      }\r\n      span {\r\n        vertical-align: middle;\r\n        position: relative;\r\n        padding-left: rem(10);\r\n        font-weight: 400;\r\n        font-size: rem(18);\r\n        top: 3px;\r\n        color: #282B2E;\r\n      }\r\n    }\r\n    &__speakers {\r\n      padding-top: rem(10);\r\n    }\r\n    &__speaker {\r\n      padding-bottom: rem(6);\r\n      &:last-child {\r\n        padding-bottom: 0;\r\n      }\r\n    }\r\n    &__link {\r\n      cursor: pointer;\r\n      span {\r\n        font-weight: 200;\r\n        font-size: rem(12);\r\n        color: #282938;\r\n        padding-right: rem(12);\r\n      }\r\n    }\r\n    &__text {\r\n      padding-top: rem(5);\r\n      &::v-deep {\r\n        * {\r\n          font-size: rem(14);\r\n          font-weight: 300;\r\n        }\r\n        p {\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .program__content {\r\n    &::v-deep {\r\n      .slick-dots {\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        list-style-type: none;\r\n        padding-top: rem(10);\r\n        li {\r\n          padding: 0 rem(2);\r\n          button {\r\n            min-height: 14px;\r\n            min-width: 14px;\r\n            border: 1px solid #59B980;\r\n            box-sizing: border-box;\r\n            filter: drop-shadow(0px 1px 1px rgba(89, 185, 128, 0.77));\r\n            display: block;\r\n            border-radius: 200px;\r\n\r\n            background: transparent;\r\n            font-size: 0;\r\n          }\r\n          &.slick-active {\r\n            button {\r\n              background-color: #59B980;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\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!./RaspSlider.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!./RaspSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RaspSlider.vue?vue&type=template&id=6a7419f8&scoped=true&\"\nimport script from \"./RaspSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./RaspSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RaspSlider.vue?vue&type=style&index=0&id=6a7419f8&scoped=true&lang=scss&\"\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  \"6a7419f8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TelecastComponent.vue?vue&type=style&index=0&id=56e50a66&scoped=true&lang=scss&\""],"sourceRoot":""}