litespeed.js/src/views/attrs.js

Lite & fast micro javascript framework that is easy to learn

window.ls.container.get('view').add({
    selector: 'data-ls-attrs',
    controller: function(element, expression, container) {
        let attrs   = element.getAttribute('data-ls-attrs').trim().split(',');
        let paths   = [];
        let debug   = element.getAttribute('data-debug') || false;
        let check   = () => {
            container.set('element', element, true, false);
            
            if(debug) {
                console.info('debug-ls-attrs attributes:', attrs);
            }

            for(let i = 0; i < attrs.length; i++) {
                let attr    = attrs[i];

                let key = expression.parse((attr.substring(0, attr.indexOf('=')) || attr));

                paths = paths.concat(expression.getPaths());

                let value = '';

                if(attr.indexOf('=') > -1) { // if value is actually set
                    value = expression.parse(attr.substring(attr.indexOf('=') + 1)) || '';
                    paths = paths.concat(expression.getPaths());
                }

                if(!key) {
                    return null;
                }

                element.setAttribute(key, value);
            }
        };

        check();

        for(let i = 0; i < paths.length; i++) {
            let path = paths[i].split('.');
            
            while(path.length) {
                container.bind(element, path.join('.'), check);
                path.pop();
            }
        }
    }
});