{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/blocks/videoModalBlock/js/videoModalBlock.js"],"names":["CLS","VideoModalBlock","element","_classCallCheck","this","$element","$","$modal","find","$iframe","$videoContainer","concat","videoType","data","videoSrcId","videoLocalSrc","addClass","initVideo","key","value","_this","on","length","embedLink","utils","VID_TYPE","youku","modal","attr","$video","play","removeAttr","pause","currentTime"],"mappings":"u4BAAA,IACMA,EAAM,kBAICC,EAAe,WAc1B,SAbD,SAAAA,EAAYC,gGAASC,CAAAC,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAClBE,KAAKG,OAASH,KAAKC,SAASG,KAAI,UAChCJ,KAAKK,QAAUL,KAAKG,OAAOC,KAAK,sBAChCJ,KAAKM,gBAAkBN,KAAKC,SAASG,KAAI,IAAAG,OAAKX,EAAG,oBAEjDI,KAAKQ,UAAYR,KAAKC,SAASQ,KAAK,aACpCT,KAAKU,WAAaV,KAAKC,SAASQ,KAAK,cACrCT,KAAKW,cAAgBX,KAAKC,SAASQ,KAAK,iBAExCT,KAAKG,OAAOS,SAAS,gBACrBZ,KAAKa,kBACLC,IAAA,YAAAC,MAED,WAAY,IAAAC,EAAAhB,KACXA,KAAKM,gBAAgBW,GAAG,QAAS,WAGhC,GAAGD,EAAKN,WAAY,CACnB,GAA4B,IAAxBM,EAAKX,QAAQa,OAAc,OAC/B,IAAIC,EAAY,GAEhB,OAAQH,EAAKR,WACZ,KAAKY,IAAMC,SAASC,MACnBH,EAAS,kCAAAZ,OAAqCS,EAAKN,WAAU,qBAC7D,MAED,QAECS,EAAS,iCAAAZ,OAAoCS,EAAKN,WAAU,2CAI9DM,EAAKb,OAAOoB,MAAM,QAClBrB,EAAE,mBAAmBU,SAAS,yBAC9BI,EAAKX,QAAQmB,KAAK,MAAOL,QAGrB,GAAGH,EAAKL,cAAe,CAC3BK,EAAKb,OAAOoB,MAAM,QAClB,IAAIE,EAAST,EAAKb,OAAOC,KAAK,SAC9BF,EAAE,mBAAmBU,SAAS,yBAE9Ba,EAAO,GAAGC,UAOZ1B,KAAKG,OAAOc,GAAG,kBAAmB,WAEjC,GAAGD,EAAKN,WACPM,EAAKX,QAAQsB,WAAW,YAGpB,GAAGX,EAAKL,cAAe,CAC3B,IAAIc,EAAST,EAAKb,OAAOC,KAAK,SAC9BqB,EAAO,GAAGG,QACVH,EAAO,GAAGI,YAAc,oGA7DA","file":"block-69.2f662a3aa586e55a56ca.js","sourcesContent":["const NS = 'VideoModalBlock';\nconst CLS = 'videoModalBlock';\n\nimport { utils } from '../../../../global/js/utils';\n\nexport class VideoModalBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.$modal = this.$element.find(`.modal`);\n\t\tthis.$iframe = this.$modal.find('.videoBlock-iframe');\n\t\tthis.$videoContainer = this.$element.find(`.${CLS}-videoContainer`);\n\n\t\tthis.videoType = this.$element.data('videoType');\n\t\tthis.videoSrcId = this.$element.data('videoSrcId');\n\t\tthis.videoLocalSrc = this.$element.data('videoLocalSrc');\n\n\t\tthis.$modal.addClass('modal--black');\n\t\tthis.initVideo();\n\t}\n\n\tinitVideo() {\n\t\tthis.$videoContainer.on('click', () => {\n\t\t\t\n\t\t\t// Embed\n\t\t\tif(this.videoSrcId) {\n\t\t\t\tif (this.$iframe.length === 0) return;\n\t\t\t\tlet embedLink = '';\n\n\t\t\t\tswitch (this.videoType) {\n\t\t\t\t\tcase utils.VID_TYPE.youku:\n\t\t\t\t\t\tembedLink = `https://player.youku.com/embed/${this.videoSrcId}?autoplay=0&rel=0`;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tdefault:\n\t\t\t\t\t\t// set default as youtube\n\t\t\t\t\t\tembedLink = `https://www.youtube.com/embed/${this.videoSrcId}?autoplay=0&showinfo=0&controls=0&rel=0`;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tthis.$modal.modal('show');\n\t\t\t\t$('.modal-backdrop').addClass('modal-backdrop--black');\n\t\t\t\tthis.$iframe.attr('src', embedLink);\n\t\t\t}\n\t\t\t// Local file\n\t\t\telse if(this.videoLocalSrc) {\n\t\t\t\tthis.$modal.modal('show');\n\t\t\t\tlet $video = this.$modal.find('video');\n\t\t\t\t$('.modal-backdrop').addClass('modal-backdrop--black');\n\n\t\t\t\t$video[0].play();\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconsole.error(`${NS}::Error`, 'Please supply a video-src-id or a video-local-src value to load a video on the modal.');\n\t\t\t}\n\t\t});\n\n\t\tthis.$modal.on('hidden.bs.modal', () => {\n\t\t\t// Embed\n\t\t\tif(this.videoSrcId) {\n\t\t\t\tthis.$iframe.removeAttr('src');\n\t\t\t}\n\t\t\t// Local File\n\t\t\telse if(this.videoLocalSrc) {\n\t\t\t\tlet $video = this.$modal.find('video');\n\t\t\t\t$video[0].pause();\n\t\t\t\t$video[0].currentTime = 0;\n\t\t\t}\n\t\t});\n\t}\n}\n"],"sourceRoot":""}