＜鹽埕區剉冰、豆花＞高雄宜芳紅豆薏仁豆花 - 高雄市 2024

鹽埕區剉冰、豆花 [2023高雄冰店地圖]Hot！11間高雄消暑冰品剉冰,愛玉粉圓...,[食記]高雄。鹽埕區王家豆花(小攤販變店家)-王家豆花(鹽埕...,[高雄冰品]李家圓仔冰@鹽埕老店沒招牌老店,必試手工軟Q...,[高雄冰品]李家圓仔冰傳承三代超過一甲子的...,[高雄冰店推薦]曾家古早味挫冰-每日只賣4小時,[高雄市鳳山區],挫冰豆花,冰芬色彩自助冰品店-★OhMyFood吃吧★...,『食記』高雄。第一次吃到豆花加了金桔檸檬@尼力－iPeen愛評網...,『食記』高雄鹽埕-冰品。古早純樸味的李家圓仔冰-尼力,【美食特輯】高雄冰店冷飲總整理(第一次整理_2015.6.3)@高雄食記大...,...

]]>

+ + + {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 = window.wafer && window.wafer.base; // destroy bound wafers before markup is updated waferBase && waferBase.destroy(self._notifPanelNode); if (err) { if (!self._notifPanelNode.innerHTML) { self._view.render(ERROR_PANEL$1); addClass(self._notifPanelNode, constants.panelLoading); } } else { self._view.render(EXPANDED_PANEL$1); self._view.updateBadgeNode(self._badgeNode); self._showBadge(); self._showIndicator(); self._view.addStyles(response.css); } removeClass(self._notifPanelNode, constants.panelLoading); // sync new wafers after markup is created waferBase && waferBase.sync(self._notifPan...