boppy/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Regarding TYPO3 CMS Feature #60907.
IMPORTANT: Superseded by fabthos Fork.

To manipulate Websites I use this Chrome Extension: User JavaScript and CSS
To have a "edit all"-Button I use the following script on the TYPO3-Domain, with an additional bookmarklet to call _editAllMetaData. It inserts a button in the file table's header or, if not present, it appends it to the search form.
It's quick'n'dirty, but it's working like a charme (at least in 8.7). ;)
(function(){
    
    function parseURL(url) {
        var parser = document.createElement('a'), searchObject = {}, queries, split, i;
        parser.href = url;
        queries = parser.search.replace(/^\?/, '').split('&');
        for( i = 0; i < queries.length; i++ ) {
            split = queries[i].split('=');
            searchObject[split[0]] = split[1];
        }
        return {
            protocol: parser.protocol,
            host: parser.host,
            hostname: parser.hostname,
            port: parser.port,
            pathname: parser.pathname,
            search: parser.search,
            searchObject: searchObject,
            hash: parser.hash
        };
    }

    function editAll(){
        try {
            const iframe = document.getElementById('typo3-contentIframe').contentDocument;
            let all = iframe.querySelectorAll('#typo3-filelist a.filelist-file-title, #typo3-filelist a.responsive-title');
            all = [].slice.call(all);
            let url;
            let final = false;
            all.forEach(e => {
                let o = parseURL(e.dataset.url || e.href);
                if(final === false){
                    final = o.searchObject;
                    url = o.pathname;
                } else {
                    Object.entries(o.searchObject).forEach(([name, val]) => {
                        if(val === 'edit'){
                            final[name] = val;
                        }
                    });
                }
            });
            url += '?';
            Object.entries(final).forEach(([name, val]) => {
                url += name +'='+ val +'&';
            });
            url = url.slice(0, -1);

            let elm = document.createElement('a');
            elm.href = url;
            elm.classList.add('btn', 'btn-default');
            elm.title = 'Edit all visible files meta data';

            elm.innerHTML = '<span class="t3js-icon icon icon-size-small icon-state-default icon-actions-document-select"><span class="icon-markup"><img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-open.svg" width="16" height="16"></span></span>';

            (iframe.querySelector('.col-clipboard') || iframe.forms[0]).appendChild(elm);
        } catch(e){
            console.error(e);
        }
    }
    window._editAllMetaData = editAll;
})();