{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/widgets/notificationResultsFilterWidget/js/notificationResultsFilterWidget.js"],"names":["CLS","NotificationResultsFilterWidget","element","_this","this","_classCallCheck","$element","$","notificationsApi","data","nonotifications","notificationDetailApi","$notificationDetailContainer","find","concat","$notifications","notificationAnimationDuration","params","loadNotifications","on","event","currentTarget","filterKey","_","isNil","val","each","index","change","key","value","_this2","url","isEmpty","param","ajax","type","dataType","success","response","notifications","length","toggleNotifications","html","getNotificationItemsMarkup","$notification","$notificationDetail","notificationId","removeClass","loadNotificationDetail","getNotificationDetailEmptyMarkup","_this3","animate","arguments","undefined","getNotificationDetailMarkup","addClass","reveal","callback","setTimeout","notificationsMarkup","forEach","notification","Id","Selected","IsRead","DatePublished","Title","Summary","Content"],"mappings":"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","file":"widget-6.2f662a3aa586e55a56ca.js","sourcesContent":["const NS = 'NotificationResultsFilterWidget';\nconst CLS = 'notificationResultsFilterWidget';\n\nexport class NotificationResultsFilterWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.notificationsApi = this.$element.data('notificationsApi');\n\t\tthis.nonotifications = this.$element.data(\"nonotifications\");\n\t\tthis.notificationDetailApi = this.$element.data('notificationDetailApi');\n\t\t\n\t\tthis.$notificationDetailContainer = this.$element.find(`.${CLS}-notificationDetailContainer`);\n\t\tthis.$notifications = this.$element.find(`.${CLS}-notifications`);\n\t\tthis.notificationAnimationDuration = 600;\n\n\t\tthis.params = {};\n\t\tthis.loadNotifications(this.params);\n\n\t\t// Filter the notifications using the select filters\n\t\tthis.$element.find(`select.${CLS}-filter`).on('change', (event) => {\n\t\t\tlet $element = $(event.currentTarget);\n\t\t\tlet filterKey = $element.data('filter-key');\n\n\t\t\tif(!(_.isNil(this.params[filterKey]) && $element.val() === '')) {\n\t\t\t\t// Ensure that the filter-key does not match the current select value\n\t\t\t\tif(this.params[filterKey] !== $element.val()) {\n\t\t\t\t\tif(_.isNil($element.val()) || $element.val() === '') {\n\t\t\t\t\t\tdelete this.params[filterKey];\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tthis.params[filterKey] = $element.val();\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.loadNotifications(this.params);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Clears the filters and loads the notifications\n\t\tthis.$element.find(`.${CLS}-filters--clear`).on('click', () => {\n\t\t\t$(`select.${CLS}-filter`).each((index, element) => {\n\t\t\t\tlet filterKey = $(element).data('filter-key');\n\t\t\t\tdelete this.params[filterKey]; // Empty filter key object\n\t\t\t\t$(element).val('').change();\n\t\t\t});\n\t\t\tthis.loadNotifications(this.params);\n\t\t});\n\t}\n\n\tloadNotifications(params) {\n\t\tlet url = this.notificationsApi;\n\n\t\tif(!_.isEmpty(params)) {\n\t\t\turl += `?${$.param(params)}`;\n\t\t}\n\n\t\t$.ajax({\n\t\t\ttype: 'GET',\n\t\t\turl: url,\n\t\t\tdataType: 'json',\n\t\t\tsuccess: (response) => {\n\t\t\t\tlet notifications = response;\n\t\t\t\tif(notifications && notifications.length > 0) {\n\t\t\t\t\tthis.toggleNotifications(false, true, () => {\n\t\t\t\t\t\t// Clear notificationDetailContainers\n\t\t\t\t\t\tthis.$notificationDetailContainer.html(null);\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.$notifications.html(this.getNotificationItemsMarkup(notifications));\n\n\t\t\t\t\t// Latch click event to generated notifications markup\n\t\t\t\t\tthis.$element.find(`.${CLS}-notification`).on('click', (event) => {\n\t\t\t\t\t\tlet $notification = $(event.currentTarget);\n\t\t\t\t\t\tlet $notificationDetail = $(`.${CLS}-notificationDetail`);\n\t\t\t\t\t\tlet notificationId = $notification.data('notification-id');\n\n\t\t\t\t\t\tthis.$element.find(`.${CLS}-notification`).removeClass(`${CLS}-notification--selected`);\n\n\t\t\t\t\t\t// If clicking on a notification that is equal to the notificationDetailId\n\t\t\t\t\t\tif($notificationDetail.data('notification-id') === notificationId) {\n\t\t\t\t\t\t\tthis.toggleNotifications(false, true, () => {\n\t\t\t\t\t\t\t\t// Clear notificationDetailContainer\n\t\t\t\t\t\t\t\tthis.$notificationDetailContainer.html(null);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Retreive the notification detail from the API\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tthis.loadNotificationDetail(notificationId, $notification);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthis.toggleNotifications(false, true, () => {\n\t\t\t\t\t\tthis.$notificationDetailContainer.html(null);\n\t\t\t\t\t});\n\t\t\t\t\tthis.$notifications.html(this.getNotificationDetailEmptyMarkup());\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t// Loads the notification detail and marks it as read\n\tloadNotificationDetail(notificationId, $notification, animate = true) {\n\t\t$.ajax({\n\t\t\ttype: 'GET',\n\t\t\turl: `${this.notificationDetailApi}/${notificationId}`,\n\t\t\tdataType: 'json',\n\t\t\tsuccess: (response) => {\n\t\t\t\tthis.$notificationDetailContainer.html(this.getNotificationDetailMarkup(response, notificationId));\n\t\t\t\t$notification.addClass(`${CLS}-notification--selected`);\n\n\t\t\t\t// Animates the notificationDetail in by shrinking the width of the notifications list\n\t\t\t\tthis.toggleNotifications(true, animate, () => {\n\t\t\t\t\t// Mark as read\n\t\t\t\t\t$notification.removeClass(`${CLS}-notification--unread`);\n\t\t\t\t});\n\n\t\t\t\t// Attach the close notification event\n\t\t\t\tthis.$element.find(`.${CLS}-notificationDetail-back`).on('click', () => {\n\t\t\t\t\tthis.toggleNotifications(false, animate, () => {\n\t\t\t\t\t\t// Clear notifiationDetailContainer\n\t\t\t\t\t\tthis.$notificationDetailContainer.html(null);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\ttoggleNotifications(reveal, animate, callback) {\n\t\tif(animate) {\n\t\t\tthis.$notifications.addClass(`${CLS}-notifications--animate`);\n\t\t}\n\t\telse {\n\t\t\tthis.$notifications.removeClass(`${CLS}-notifications--animate`);\n\t\t}\n\n\t\tif(reveal) {\n\t\t\tthis.$notifications.removeClass(`${CLS}-notifications--conceal`);\n\t\t\tthis.$notifications.addClass(`${CLS}-notifications--reveal`);\n\t\t}\n\t\telse {\n\t\t\tthis.$notifications.addClass(`${CLS}-notifications--conceal`);\n\t\t\tthis.$notifications.removeClass(`${CLS}-notifications--reveal`);\n\t\t}\n\n\t\tif(animate) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tcallback();\n\t\t\t}, this.notificationAnimationDuration);\n\t\t}\n\t\telse {\n\t\t\tcallback();\n\t\t}\n\t}\n\n\tgetNotificationItemsMarkup(notifications) {\n\t\tlet notificationsMarkup = '';\n\t\tnotifications.forEach((notification) => {\n\t\t\tnotificationsMarkup += `\n\t\t\t<div data-notification-id=\"${notification.Id}\" class=\"${CLS}-notification ${ notification.Selected ? `${CLS}-notification--selected` : '' } ${ !notification.IsRead ? `${CLS}-notification--unread` : '' }\">\n\t\t\t\t${(() => {\n\t\t\t\t\tif(notification.DatePublished) {\n\t\t\t\t\t\treturn `<span class=\"${CLS}-notification-date\">${notification.DatePublished}</span>`;\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.Title) {\n\t\t\t\t\t\treturn `<h3 class=\"${CLS}-notification-title\">${notification.Title}</h3>`;\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=\"${CLS}-notification-description\">${notification.Summary}</div>`;\n\t\t\t\t\t}\n\t\t\t\t\treturn '';\n\t\t\t\t})()}\n\t\t\t\t<span class=\"${CLS}-notification-link\"></span>\n\t\t\t</div>`;\n\t\t});\n\t\treturn notificationsMarkup;\n\t}\n\n\tgetNotificationDetailMarkup(notification) {\n\t\treturn `<div id=\"${CLS}-notificationDetail\" class=\"${CLS}-notificationDetail ${CLS}-notificationDetail--conceal\" data-notification-id=\"${notification.Id}\">\n\t\t\t<div class=\"${CLS}-notificationDetail-header\">\n\t\t\t\t<a href=\"javascript:void(0)\" class=\"${CLS}-notificationDetail-back\"><i class=\"${CLS}-icon icon icon--chevron-left\"></i>Back</a>\n\t\t\t\t${(() => {\n\t\t\t\t\tif(notification.DatePublished) {\n\t\t\t\t\t\treturn `<div class=\"${CLS}-notificationDetail-date\">${notification.DatePublished}</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=\"${CLS}-notificationDetail-inner\">\n\t\t\t\t${(() => {\n\t\t\t\t\tif(notification.Title) {\n\t\t\t\t\t\treturn `<h2 class=\"${CLS}-notificationDetail-title\">${notification.Title}</h2>`;\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.Content) {\n\t\t\t\t\t\treturn `<div class=\"${CLS}-notificationDetail-description\">${notification.Content}</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</div>`;\n\t}\n\n\tgetNotificationDetailEmptyMarkup() {\n\t\treturn this.nonotifications;\n\t}\n}\n"],"sourceRoot":""}