＜黃家農莊＞黃家農莊 2024

黃家農莊農產品製造批發商-黃家農莊有限公司,黃家農莊,黃家農莊-華人百科,黃家農莊-Home|Facebook,黃家農莊-吃薑黃的好處人人懂，沒東加西攪的-Facebook,黃家農莊-首頁-Facebook,黃家農莊-高雄市-休閒旅遊＞其他食品,黃家農莊-梅精、梅子、養身食品、農產品,黃家農莊|Kaohsiung,黃家農莊|高雄市三民區梅精,高雄市三民區橄欖精,黃家農莊官方網站-梅精、梅子、養身食品、農產品,黃家農莊有限公司,黃家農莊有限公司-台灣公司網,黃家農莊梅精180顆,黃家農莊梅精180顆-蝦皮購物,黃家農莊梅精180顆|蝦皮購物,黃家農莊梅精50g全新-蝦皮購物,黃家農莊...

+ + + {promoMarkup} + {notifMarkup} + + + ; var panelEmptyTemplate = +

+ {emptyPanelMsg} +

+ ; var panelErrorTemplate =

+ {errorMsg} +

; var panelParentTemplate = ; var notifOnboardPromoTemplate = + + +

+ + {notifOnboardMsg} + + + + {notifOnboardBtnLabel} + + +

+ + ; /* global document, window */ var EXPANDED_PANEL = expanded_panel; var ERROR_PANEL = error_panel; var NotificationView = function () { function NotificationView(config, store) { classCallCheck(this, NotificationView); var self = this; self._config = config; self._panelNode = null; self._store = store; } /** * _renderPanel * Renders the notification panel * @param {string} template - Notification panel template * @param {object} panelData - Notification panel data * @return {object} notification panel display markup */ createClass(NotificationView, [{ key: _generatePanelMarkup, value: function _generatePanelMarkup(template, panelData) { var config = this._config; var isNotifPermissionDefault = void 0; var isClientPromoEligible = void 0; if (typeof window !== undefined) { isNotifPermissionDefault = window.Notification && window.Notification.permission === default; isClientPromoEligible = config.promos.bypassEligibleClassCheck || hasClass(document.body, config.promos.eligibleBodyClass); } var shouldShowNotifOnboardPromo = config.promos.enableNotifOnboard && isNotifPermissionDefault && isClientPromoEligible; var promoMarkup = shouldShowNotifOnboardPromo ? notifOnboardPromoTemplate : ; if (promoMarkup) { var promoLogoClass = config.promos.showYahooLogo ? : yns-no-logo; promoMarkup = promoMarkup.replace({notifOnboardBtnLabel}, config.promos.notifOnboardBtnLabel).replace({notifOnboardMsg}, config.promos.notifOnboardMsg).replace({subscriptionTopic}, config.promos.subscriptionTopic).replace({noLogoClass}, promoLogoClass).replace({promoLogo}, config.promos.promoLogo); } var hasAdditionalNotifs = panelData.newCount > config.panel.maxCount; var newCount = hasAdditionalNotifs ? panelData.newCount : ; var notifCenterPath = config.panel.notificationCenterPath; var notifCenterLinkClass = notifCenterPath ? : constants.panelHideElement; var panelHeaderDisplayClass = config.panel.headerMsg ? : + constants.panelHideElement; var paddingClass = notifCenterPath ? constants.panelPaddingBtm : ; var notifMarkup = void 0; if (panelData.count) { notifMarkup = panelData.markup; } else { var panelEmptyMarkup = panelEmptyTemplate; notifMarkup = panelEmptyMarkup.replace({emptyPanelMsg}, config.panel.emptyPanelMsg); } template = template.replace({notifMarkup}, notifMarkup).replace({promoMarkup}, promoMarkup).replace({hideClass}, notifCenterLinkClass).replace({notifCenterLink}, notifCenterPath).replace({paddingClass}, paddingClass).replace({headerMsg}, config.panel.headerMsg).replace({hideHeaderClass}, panelHeaderDisplayClass).replace(/{notificationCenterNavMsg}/g, config.panel.notificationCenterNavMsg).replace(/{newCount}/g, newCount); return template; } /** * render * Renders the panel based on type - collapsed, expanded, toast * @param {string} templateType - template type to be used * @param {Function} callback - The callback function * @return {void} */ }, { key: render, value: function render(templateType, callback) { var self = this; if (!self._panelNode) { callback && callback(new Error(No panel parent)); return; } var template = void 0; var parent = self._panelNode; var panelMarkup = void 0; var panelData = void 0; switch (templateType) { case EXPANDED_PANEL: template = panelTemplate || ; panelData = self._store.getNotifications(); panelMarkup = self._generatePanelMarkup(template, panelData); parent.innerHTML = panelMarkup; break; case ERROR_PANEL: template = panelErrorTemplate || ; panelMarkup = template.replace({errorMsg}, self._config.panel.errorMsg); parent.innerHTML = panelMarkup; break; default: break; } callback && callback(); } /** * createPanelParentNode * Create the panel DOM structure * @param {object} panelParentNode - Panels parent node - from consumer * @return {void} */ }, { key: createPanelParentNode, value: function createPanelParentNode(panelParentNode) { if (!panelParentNode) { return; } panelParentNode.innerHTML = panelParentTemplate; // Store the panel node this._panelNode = document.getElementById(constants.panelNodeId); } /** * updateBadgeNode * Updates the badge node if needed * @param {object} badgeNode badge HTML node * @return {void} */ }, { key: updateBadgeNode, value: function updateBadgeNode(badgeNode) { if (badgeNode) { var _store$getNotificatio = this._store.getNotifications(), newCount = _store$getNotificatio.newCount; var maxBadgeCount = this._config.badge.maxCount; if (newCount) { var badgeCount = newCount > maxBadgeCount ? maxBadgeCount + + : newCount; badgeNode.innerHTML = badgeCount; } else { badgeNode.innerHTML = ; } } } /** * addStyles * Add panel css returned by service to page once * @param {object} styles css style blob * @return {void} */ }, { key: addStyles, value: function addStyles(styles) { if (styles) { if (typeof window !== undefined) { var styleTag = document.getElementById(this._config.panel.styleTagId); if (!styleTag) { styleTag = document.createElement(style); styleTag.type = text/css; styleTag.id = this._config.panel.styleTagId; styleTag.innerText = styles; document.head.appendChild(styleTag); } } } } }]); return NotificationView; }(); /* global document */ /* Updates the notification store when needed Controls the notification view */ var EXPANDED_PANEL$1 = expanded_panel; var ERROR_PANEL$1 = error_panel; var PanelController = function () { function PanelController(config, store, view) { classCallCheck(this, PanelController); var self = this; self._store = store; self._view = view; self._config = config; var panelConfig = self._config.panel; self._panelParentNode = document.querySelector(panelConfig.parentSelector); self._badgeNode = self._config.badge.selector && document.querySelector(self._config.badge.selector); self._indicatorNode = panelConfig.indicatorSelector && document.querySelector(panelConfig.indicatorSelector); } /** * createPanelParentNode * Creates the base node for panel * @return {void} */ createClass(PanelController, [{ key: createPanelParentNode, value: function createPanelParentNode() { this._view.createPanelParentNode(this._panelParentNode); this._notifPanelNode = document.getElementById(constants.panelNodeId); } /** * refreshPanelNode * Shows the expanded panel - fetches data from store, calls view to render, attached delegates * @param {object} requestOverride - matrix params to over ride the reqeust * @param {Function} callback - The callback function * @return {void} */ }, { key: refreshPanelNode, value: function refreshPanelNode(requestOverride, callback) { var self = this; addClass(self._notifPanelNode, constants.panelLoading); self._store.fetchNotifications(requestOverride, function handleExpandedFetch(err, response) { var waferBase = windo...