Function _build

components/notification/js/notification_service.js:87–142

* Build the notification template. * * @param {string} content The notification content. * @param {string} type The notification type, either info, success, warning or error. * @param {string} [actionLabel] The action button label. * @param {Fun

(content, type, actionLabel, actionCallback)

     * @param {Function} [actionCallback] The action button callback function called on action button click.
     */
    function _build(content, type, actionLabel, actionCallback) {
        const notification = angular.element('<div/>', {
            class: `${CSS_PREFIX}-notification ${CSS_PREFIX}-notification--color-${_notificationTypes[type].color}`,
        });

        const notificationIconWrapper = angular.element('<div/>', {
            class: `${CSS_PREFIX}-notification__icon`,
        });

        const notificationIcon = $compile(`<lx-icon lx-path="${_notificationTypes[type].icon}" lx-size="s"></lx-icon>`)(
            $rootScope,
        );

        const notificationText = angular.element('<span/>', {
            class: `${CSS_PREFIX}-notification__content`,
            html: content,
        });

        notificationIconWrapper.append(notificationIcon);

        notification.append(notificationIconWrapper).append(notificationText);

        if (angular.isDefined(actionLabel)) {
            notification.addClass(`${CSS_PREFIX}-notification--has-action`);

            const notificationActionWrapper = angular.element('<div/>', {
                class: `${CSS_PREFIX}-notification__action`,
            });
            const notificationAction = $compile(`<lx-button lx-emphasis="medium">${actionLabel}</lx-button>`)(
                $rootScope,
            );

            notificationAction.on('click', function onActionCuttonClick(evt) {
                actionCallback();

                evt.stopPropagation();
            });

            notificationActionWrapper.append(notificationAction).appendTo(notification);
        }

        const notificationHideTimeout = $timeout(function waitBeforeHiding() {
            _hide(notification);
        }, _HIDE_DELAY);

        LxDepthService.increase();

        notification
            .css('z-index', LxDepthService.get())
            .appendTo('body')
            .on('click', function onNotificationClick() {
                _hide(notification);

                $timeout.cancel(notificationHideTimeout);
            });
    }

    /**