showcar-ui/src/06-components/molecules/notification/notification.js

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

import registerElement from '../../../07-utilities/helpers.js';
import ContainerHandler from './js/ContainerHandler';

export default function(tagName) {
    let containerHandler = new ContainerHandler();
    let items = [];// prevent of appearing twice
    function attachedCallback() {
        if(items.indexOf(this.id) != -1){ // prevent of appearing twice. TODO check on new polyfill
            return;
        }

        items.push(this.id);
        containerHandler.createNotification(this);
    }
    function attributeChangedCallback(attributeName, previous, value) {
        containerHandler.updateNotification(this, attributeName, previous, value);
    }

    registerElement({
        attachedCallback,
        attributeChangedCallback,
        tagName
    });
}