{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/blocks/videoModalBlock/js/videoModalBlock.js","webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/widgets/dashboardNotificationItemWidget/js/dashboardNotificationItemWidget.js","webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/widgets/dashboardNotificationsWidget/js/dashboardNotificationsWidget.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","DashboardNotificationItemWidget","_createClass","closeBtn","id","notificationReadApi","fadeOut","ajax","type","url","dataType","success","remove","DashboardNotificationsWidget","api","response","notifications","html","getDashboardNotificationsWidgetMarkup","each","_index","_this2","notificationsMarkup","forEach","notification","getDashboardNotificationItemWidgetMarkup","_this3","_","isNil","VideoSrcId","Id","getVideoModalBlock","Summary","DatePublished","Title"],"mappings":"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","file":"widget-3.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","const NS = 'DashboardNotificationItemWidget';\nconst CLS = 'dashboardNotificationItemWidget';\n\nexport class DashboardNotificationItemWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tlet closeBtn = this.$element.find(`.${CLS}-close`);\n\t\tthis.id = this.$element.data('id');\n\t\tthis.notificationReadApi = this.$element.data('notificationReadApi');\n\n\t\tcloseBtn.on('click', () => {\n\t\t\tthis.$element.fadeOut(400, () => {\n\t\t\t\t$.ajax({\n\t\t\t\t\ttype: 'POST',\n\t\t\t\t\turl: `${this.notificationReadApi}/${this.id}`,\n\t\t\t\t\tdataType: 'json',\n\t\t\t\t\tsuccess: () => {\n\t\t\t\t\t\tthis.$element.remove();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n}\n","const NS = 'DashboardNotificationsWidget';\nconst CLS = 'dashboardNotificationsWidget';\n\nimport { DashboardNotificationItemWidget } from '../../dashboardNotificationItemWidget/js/dashboardNotificationItemWidget';\nimport { VideoModalBlock } from '../../../blocks/videoModalBlock/js/videoModalBlock';\n\nexport class DashboardNotificationsWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.api = this.$element.data('api');\n\t\tthis.notificationReadApi = this.$element.data('notificationReadApi');\n\n\t\t$.ajax({\n\t\t\ttype: 'GET',\n\t\t\turl: this.api,\n\t\t\tdataType: 'json',\n\t\t\tsuccess: (response) => {\n\t\t\t\tlet notifications = response;\n\n\t\t\t\tif(notifications && notifications.length > 0) {\n\t\t\t\t\tthis.$element.html(this.getDashboardNotificationsWidgetMarkup(notifications));\n\n\t\t\t\t\t// Instantiate dashboardNotificationItemWidget\n\t\t\t\t\tthis.$element.find('[data-wg=\"DashboardNotificationItemWidget\"]').each((_index, element) => {\n\t\t\t\t\t\tnew DashboardNotificationItemWidget(element);\n\t\t\t\t\t\tnew VideoModalBlock($(element).find('[data-blk=\"VideoModalBlock\"]'));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthis.$element.html(null);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Iteration of dashboardNotificationItemWidget\n\t */\n\tgetDashboardNotificationsWidgetMarkup(notifications) {\n\t\tlet notificationsMarkup = '';\n\t\tnotifications.forEach((notification) => {\n\t\t\tnotificationsMarkup += this.getDashboardNotificationItemWidgetMarkup(notification);\n\t\t});\n\t\treturn notificationsMarkup;\n\t}\n\n\t/**\n\t * Markup is found in dashboardNotificationItemWidget\n\t */\n\tgetDashboardNotificationItemWidgetMarkup(notification) {\n\t\treturn `<div class=\"dashboardNotificationItemWidget\"\n\t\t\t data-has-video=\"${!_.isNil(notification.VideoSrcId)}\"\n\t\t\t data-id=\"${notification.Id}\"\n\t\t\t data-notification-read-api=\"${this.notificationReadApi}\"\n\t\t\t data-wg=\"DashboardNotificationItemWidget\">\n\t\t\t ${(() => {\n\t\t\t\tif(notification.VideoSrcId) {\n\t\t\t\t\treturn `<div class=\"dashboardNotificationItemWidget-video\">\n\t\t\t\t\t\t${this.getVideoModalBlock(notification.VideoSrcId)}\n\t\t\t\t\t</div>`;\n\t\t\t\t}\n\t\t\t\telse if(!(_.isNil(notification.Summary) && _.isNil(notification.DatePublished))) {\n\t\t\t\t\treturn `<div class=\"dashboardNotificationItemWidget-iconContainer\">\n\t\t\t\t\t\t<span class=\"dashboardNotificationItemWidget-icon icon icon--bell\"></span>\n\t\t\t\t\t</div>`;\n\t\t\t\t}\n\t\t\t\treturn '';\n\t\t\t})()}\n\t\t\t<div class=\"dashboardNotificationItemWidget-message d-flex flex-column justify-content-center\">\n\t\t\t\t${(() => {\n\t\t\t\t\tif(notification.Title) {\n\t\t\t\t\t\treturn `<div class=\"dashboardNotificationItemWidget-message-title\">\n\t\t\t\t\t\t\t${notification.Title}\n\t\t\t\t\t\t</div>`;\n\t\t\t\t\t}\n\t\t\t\t\treturn '';\n\t\t\t\t})()}\n\t\t\t\t${(() => {\n\t\t\t\t\tif(notification.Summary) {\n\t\t\t\t\t\treturn `<div class=\"dashboardNotificationItemWidget-message-description\">\n\t\t\t\t\t\t\t${notification.Summary}\n\t\t\t\t\t\t</div>`;\n\t\t\t\t\t}\n\t\t\t\t\treturn '';\n\t\t\t\t})()}\n\t\t\t</div>\n\t\t\t<div class=\"dashboardNotificationItemWidget-floatingHolder\">\n\t\t\t\t${(() => {\n\t\t\t\t\tif(notification.DatePublished) {\n\t\t\t\t\t\treturn `<div class=\"dashboardNotificationItemWidget-date d-none d-md-inline-block\">${notification.DatePublished}</div>`;\n\t\t\t\t\t}\n\t\t\t\t\treturn '';\n\t\t\t\t})()}\n\t\t\t\t<span role=\"button\" aria-label=\"close\" class=\"dashboardNotificationItemWidget-close icon icon--close\"></span>\n\t\t\t</div>\n\t\t</div>`;\n\t}\n\n\t/**\n\t * Markup is found in videoModalBlock\n\t */\n\tgetVideoModalBlock(videoSrcId) {\n\t\treturn `<div class=\"videoModalBlock\" data-blk=\"VideoModalBlock\" data-video-src-id=\"${videoSrcId}\">\n\t\t\t<div class=\"videoModalBlock-videoContainer embed-responsive embed-responsive-16by9\">\n\t\t\t\t<div class=\"videoModalBlock-thumbImage\" style=\"background-image: url('https://img.youtube.com/vi/${videoSrcId}/hqdefault.jpg');\"></div>\n\t\t\t\t<img class=\"videoModalBlock-playIcon\" src=\"/assets/images/homepageHeroBannerBlock/homepage-play-icon.svg\">\n\t\t\t</div>\n\t\t\t<div class=\"modal fade bd-example-modal-lg\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-lg\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t\t\t<button type=\"button\" class=\"close modal-button--close\" data-dismiss=\"modal\" aria-label=\"Close\">\n\t\t\t\t\t\t\t\t<span class=\"modal-button--close-text\" aria-hidden=\"true\">&times;</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t<div class=\"videoBlock\" data-blk=\"VideoBlock\">\n\t\t\t\t\t\t\t\t<div class=\"embed-responsive embed-responsive-16by9\">\n\t\t\t\t\t\t\t\t\t<iframe class=\"videoBlock-iframe embed-responsive-item\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https://www.youtube.com/embed/${videoSrcId}\"></iframe>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>`;\n\t}\n}\n"],"sourceRoot":""}