{"version":3,"sources":["webpack:///D:/a/1/s/frontend/src/views/blocks/videoBlock/js/videoBlock.js"],"names":["VideoBlock","$el","_classCallCheck3","default","this","el","$","isModal","data","toString","$iframe","template","$modal","src","getModal","_this","setVideoBlock","querySelector","onclick","showModal","showIframe","innerHTML","append","modal","listenHideModal","on","remove"],"mappings":"sRAwCaA,sBAEZ,SAAAA,EAAYC,IAAK,EAAAC,EAAAC,SAAAC,KAAAJ,GAEhBI,KAAKC,GAAKJ,EACVG,KAAKH,IAAMK,EAAEL,GAEbG,KAAKG,QAAW,SAAWH,KAAKH,IAAIO,KAAK,YAAYC,WACrDL,KAAKM,QAnCFC,oDAmCsBP,KAAKH,IAAIO,KAAK,OAnCpC,gGAoCHJ,KAAKQ,OA7BP,SAAkBC,GAiBjB,OAAOP,EAhBHK,2dAQ8CE,EAR9C,uKA4BWC,CAASV,KAAKH,IAAIO,KAAK,4DAG/B,IAAAO,EAAAX,KACNA,KAAKY,gBACLZ,KAAKC,GAAGY,cAAc,uBAAuBC,QAAU,WACrDH,EAAKR,QACHQ,EAAKI,YACLJ,EAAKK,4FASThB,KAAKC,GAAGY,cAAc,qBAAqBI,UAAYjB,KAAKM,4CAI5DN,KAAKH,IAAIqB,OAAOlB,KAAKQ,QACrBN,EAAE,eAAeiB,QAEjBnB,KAAKoB,4DAILlB,EAAE,eAAemB,GAAG,gBAAiB,WACpCnB,EAAE,eAAeoB","file":"block-108.b9f88d4cffa17521b332.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'VideoBlock';\nconst CLS = 'videoBlock';\nconst BLK = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out ./loadBlk.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n// import rVideoBlock from './VideoBlock.jsx';\n// import React from 'react';\n// import ReactDOM from 'react-dom';\n\nfunction getIframe(src) {\n\tlet template = `\n\t\t<iframe class=\"embed-responsive-item\" src=\"${src}\" allowfullscreen=\"allowfullscreen\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\n\t`;\n\n\treturn template;\n}\n\nfunction getModal(src) {\n\tlet template = `\n\t<div id=\"videoModal\" class=\"modal hide fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"false\">\n\t\t<div class=\"modal-dialog\" role=\"document\">\n\t\t\t<div class=\"iconClose close mb-3\" data-dismiss=\"modal\" aria-label=\"Close\"></div>\n\t\t\t<div class=\"modal-content\">\n\t\t\t\t<div class=\"modal-body p-0\">\n\t\t\t\t\t<!-- 16:9 aspect ratio -->\n\t\t\t\t\t<div class=\"embed-responsive embed-responsive-16by9\">\n\t\t\t\t\t\t<iframe class=\"embed-responsive-item\" src=\"${src}\" allowfullscreen=\"allowfullscreen\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t`;\n\n\treturn $(template);\n}\n\nexport class VideoBlock {\n\n\tconstructor($el) {\n\t\t// $el is the blk node return by the loadVideoBlock function\n\t\tthis.el = $el;\n\t\tthis.$el = $($el);\n\n\t\tthis.isModal = ('true' === this.$el.data('lightbox').toString());\n\t\tthis.$iframe = getIframe(this.$el.data('src'));\n\t\tthis.$modal = getModal(this.$el.data('src'));\n\t}\n\n\tinit() {\n\t\tthis.setVideoBlock();\n\t\tthis.el.querySelector('.videoBlock-wrapper').onclick = () => {\n\t\t\t(this.isModal)\n\t\t\t\t? this.showModal()\n\t\t\t\t: this.showIframe();\n\t\t};\n\t}\n\n\tsetVideoBlock() {\n\t\t// Add Some logic here\n\t}\n\n\tshowIframe() {\n\t\tthis.el.querySelector('.embed-responsive').innerHTML = this.$iframe;\n\t}\n\n\tshowModal() {\n\t\tthis.$el.append(this.$modal);\n\t\t$('#videoModal').modal();\n\n\t\tthis.listenHideModal();\n\t}\n\n\tlistenHideModal() {\n\t\t$('#videoModal').on('hide.bs.modal', () => {\n\t\t\t$('#videoModal').remove();\n\t\t});\n\t}\n\n\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}