Ghazascanner_2019runbot

/homepage/v-mt/plugins/StyleCatcher/tmpl/view.tmpl

<mt:setvarblock name="page_title"><__trans phrase="Select a Style"></mt:setvarblock>
<mt:setvarblock name="html_head" append="1">

<link rel="stylesheet" type="text/css" title="Default Layout" href="<mt:var name="plugin_static_uri">templates.css" />

TC.attachLoadEvent( init );

function init() {
        initMixer();

<mt:if name="themes_json">
        var data = <mt:var name="themes_json">;
        if (data.categories) {
            for (var i = 0; i < data.categories.length; i++)
                enableCategory(data.categories[i]);
        }
</mt:if>

initCategories();
        chooseCategory( firstCategoryId );

if (data.themes) {
            loadThemes(data.themes);
            if (current_theme) {
                mixer.name = current_theme;
                selectDesign();
            } else {
                showDetails();
            }
        }

<mt:if name="auto_fetch">
        getStyles();
        </mt:if>
    }

function enableCategory(cat) {
        mixer.addTagIndexDisplay('display-'+cat, 1000, 'collection:'+cat);
        var el = getByID('category-' + cat);
        if (el)
            el.style.display = 'block';
    }

function initMixer() {
        mixer = new TC.Mixer();
        // initialize mixer object
        mixer.addSelectedDisplay( "display-details-content" );
        mixer.onselect = selectDesign;
    }

function initCategories() {
        var element = getByID( "categories" );
        if( !element )
            return;
        
        categories.length = 0;
        var elements = element.childNodes;
        for( var i = 0; i < elements.length; i++ )
        {
            element = elements[ i ];
            var categoryId = element.id;
            if( !categoryId )
                continue;
            
            if( !firstCategoryId ) {
                if (element.style.display != 'none') {
                    firstCategoryId = categoryId;
                }
            }
            
            var displayId = categoryId.replace( matchCategory, "display-" );
            var display = getByID( displayId );

element.onclick = chooseCategoryClosure( categoryId );
            TC.removeClassName( element, "category-selected" );

categories[ categoryId ] = {
                "element" : element,
                "display" : display
            };
        }
    }

function chooseCategoryClosure( categoryId ) {
        var func = function() { return chooseCategory( categoryId ); };
        return func;
    }

function chooseCategory( categoryId ) {
        var titleElement = getByID( "selected-category-title" );

for( var id in categories ) {
            var element = categories[ id ].element;
            if (!element) continue;
            var display = categories[ id ].display;

if( id == categoryId ) {
                var repo_match = element.id.match(/^category-repo-(.+)$/);
                if (repo_match) {
                    var repo_id = repo_match[1];
                    var repo;
                    for (var i = 0; i < libraries.length; i++) {
                        if (libraries[i].key == repo_id) {
                            repo = libraries[i];
                            break;
                        }
                    }
                    if (repo.url && !repo.loaded) {
                        getStyles(repo_id, repo.url);
                    }
                }
                TC.addClassName( element, "category-selected" );
                display.style.display = "block";
                
                if( titleElement )
                    titleElement.innerHTML = trans(element.firstChild.nextSibling.innerHTML);
            }
            else {
                TC.removeClassName( element, "category-selected" );
                if (display) display.style.display = "none";
            }
        }

// select first theme in category
        mixer.name = '';
        var select_design = getByID("select-design-controls");
        TC.addClassName(select_design, "hidden");
        mixer.display();
        mixer.remix();
    }

function showDetails() {
        mixer.remix();
    }

function selectDesign() {
        var apply_button = getByID("apply-button");
        var layout_select = getByID("layout-list");

var layouts;
        if (mixer.name && mixer.entries[mixer.name])
            layouts = mixer.entries[mixer.name].layouts;
        var layout_list;
        if (layouts) layout_list = layouts.split(/\s*,\s*/);
        if (layouts && layout_list && layout_list.length) {
            layout_select.options.length = 0;
            var selected_layout = 0;
            for (var i = 0; i < layout_list.length; i++) {
                var opt = new Option(layout_names[layout_list[i]] ? layout_names[layout_list[i]] : layout_list[i], layout_list[i]);
                layout_select.options[layout_select.options.length] = opt;
                if (layout_list[i] == current_layout) {
                    selected_layout = i;
                }
            }
            layout_select.selectedIndex = selected_layout;
            layout_select.disabled = false;
        } else {
            layout_select.options.length = 0;
            layout_select.options[0] = new Option("<__trans phrase="None available" escape="js">", "");
            layout_select.disabled = true;
        }
        showDetails();
        var select_design = getByID("select-design-controls");
        TC.removeClassName(select_design, "hidden");
        updateApplyButton();
    }

function applyDesign() {
        // disable apply button; change text to "Applying..."
        var btn = getByID("apply-button");
        var layout = getByID("layout-list");
        if (layout && layout.selectedIndex != -1) {
            layout = layout.options[layout.selectedIndex].value;
        }

selected = mixer.name;
        var url = mixer.entries[mixer.name].url;

TC.addClassName(btn, "disabled-button");
        btn.disabled = true;
        btn.value = "<__trans phrase="Applying..." escape="js">";

var args = {
            '__mode': 'stylecatcher_apply',
            'url': url,
            'magic_token': '<mt:var name="magic_token">',
            'blog_id': blog_id,
            'name': mixer.name
        };
        if (layout)
            args['layout'] = layout;
        var client = TC.Client.call({
            'load': designApplied,
            'uri': '<mt:var name="script_url">',
            'method': 'POST',
            'arguments': args
        });
    }

function designApplied(client, result) {
        var btn = getByID("apply-button");
        btn.value = "<__trans phrase="Apply Design" escape="js">";

var res;
        try {
            res = eval('(' + result + ')');
        } catch (e) {
        }
        if (res && res.error) {
            showMsg("<__trans phrase="Error applying theme: " escape="js">" + res.error, "theme-applied", "error");
            TC.removeClassName(btn, "disabled-button");
            btn.disabled = false;
            return;
        }

var layout = getByID("layout-list");
        var new_layout;
        if (layout && layout.selectedIndex != -1) {
            new_layout = layout.options[layout.selectedIndex].value;
        }
        var entry = mixer.entries[selected];
        if (entry) {
            // make this the new 'current' theme
            var found = false;
            for (var i = 0; i < entry.tags.length; i++) {
                if (entry.tags[i] == 'collection:current')
                    found = true;
            }
            if (!found)
                entry.tags[entry.tags.length] = 'collection:current';
            /* we need to add the blog id of the blog that was
               applied to for this entry */

found = false;
            if (entry.blogs && entry.blogs.length) {
                for (var i = 0; i < entry.blogs.length; i++) {
                    if (entry.blogs[i] == blog_id)
                        found = true;
                }
            }
            if (!found)
                entry.blogs[entry.blogs.length] = blog_id;

/* loop through all the 'current' themes and strip
               this blog id from any that don't match the
               selected theme */
            for (var i in mixer.entries) {
                if (i == selected)
                    continue;
                for (var j = 0; j < mixer.entries[i].blogs.length; j++) {
                    if (mixer.entries[i].blogs[j] == blog_id) {
                        mixer.entries[i].blogs.splice(j,1);
                        break;
                    }
                }
                if (mixer.entries[i].blogs.length == 0) {
                    // no longer 'current'
                    for (var j = 0; j < mixer.entries[i].tags.length; j++) {
                        if (mixer.entries[i].tags[j] == 'collection:current') {
                            mixer.entries[i].tags.splice(j,1);
                            break;
                        }
                    }
                }
            }
            mixer.createTagIndexes();
        }

chooseCategory('category-current');
        current_theme = selected;
        mixer.name = selected;
        var layout_changed = (current_layout && new_layout) && (current_layout != new_layout);
        current_layout = new_layout;
        selectDesign();

if (layout_changed && (!dynamic_blog)) {
            showMsg("<__trans phrase="The selected theme has been applied, but as you have changed the layout, you will need to republish your blog to apply the new layout." escape="js">", 'theme-applied', "info", "all", blog_id);
        } else {
            showMsg("<__trans phrase="The selected theme has been applied!" escape="js">", 'theme-applied', "info");
        }
    }

function stylesLoaded(client, styles, repo_id) {
        var btn = getByID("find-button");
        TC.addClassName(TC.elementOrId("loading-styles"), "hidden");
        TC.removeClassName(btn, "hidden");

var repo_num;
        var cat;

var data;
        try {
            data = eval('('+styles+')');
        } catch (e) {
            showMsg("<__trans phrase="Error loading themes! -- [_1]" params="ERROR" escape="js">".replace(/ERROR/, styles), "error", "error");
            return;
        }
        if (data.error) {
            showMsg("<__trans phrase="Error loading themes! -- [_1]" params="ERROR" escape="js">".replace(/ERROR/, data.error), "error", "error");
            return;
        }
        log(data.result);
        if (!repo_id) {
            if (data.result.repo) {
                url = data.result.repo['url'];
                if (repo_urls[url] != undefined) {
                    repo_num = repo_urls[url];
                    cat = 'repo_' + repo_num;
                } else {
                    repo_num = repos.length;
                    repo_urls[url] = repo_num;

// new repo -- create new
                    // category for it
                    cat = 'repo_' + repo_num;
                    createCategory(cat, data.result.repo['display_name'], url);
                }
                repos[repo_num] = url;
            }
            if (data.result.auto) {
                cat = 'more';
                enableCategory(cat);
            }
            chooseCategory('category-' + cat);
        } else {
            var repo;
            for (var i = 0; i < libraries.length; i++) {
                if (libraries[i].key == repo_id) {
                    repo = libraries[i];
                    break;
                }
            }
            if (repo) {
                repo.loaded = true;
                cat = 'repo-' + repo_id;
                enableCategory(cat);
                chooseCategory('category-' + cat);
            }
        }
        if (data.result.themes)
            loadThemes(data.result.themes, cat);
    }

function createCategory(cat_name, cat_title, url) {
        // things to create...
        //   #1: new scrollbox under id 'categories'
        /*
                <div class="category" id="category-repo" title="Remote Styles" style="display: none">
                    <img src="<mt:var name="plugin_static_uri">images/mixed-media.gif" alt="" /><span id="repo-name">Remote Styles</span>
                </div>
        */
        var cats = getByID("categories");

element = document.createElement( "div" );
        element.title = url;
        element.className = "category";
        element.id = "category-" + cat_name;

var img = document.createElement( "img" );
        img.src = repoImg;
        img.alt = "";
        element.appendChild( img );

var spn = document.createElement( "span" );
        spn.appendChild( document.createTextNode( cat_title ) );
        element.appendChild( spn );

cats.appendChild( element );

//   #2: new div under id templates-wrapper
        /*
            <div class="scrollbox" id="display-repo" style="display: none;"></div>
        */

var wrapper = getByID("templates-wrapper");

var div = document.createElement( "div" );
        div.className = "scrollbox";
        div.id = "display-" + cat_name;
        wrapper.appendChild(div);
        element.onclick = chooseCategoryClosure( element.id );

categories[ element.id ] =
        {
            "element" : element,
            "display" : div
        };

enableCategory(cat_name);
    }

function downloadStyles() {
        var url;
        if (url = prompt("<__trans phrase="Stylesheet or Repository URL" escape="js">")) {
            getStyles(null, url);
        }
    }

function getStyles(repo_id, url) {
        var btn = getByID("find-button");
        TC.addClassName(btn, "hidden");
        TC.removeClassName(TC.elementOrId("loading-styles"), "hidden");

var client = TC.Client.call({
            'load': function(c,s) { stylesLoaded(c,s,repo_id) },
            'uri': '<mt:var name="script_url">',
            'method': 'POST',
            'arguments': {
                '__mode': 'stylecatcher_js',
                'url': url
            }
        });
    }
// -->
</script>

</mt:setvarblock>
<mt:include name="include/header.tmpl">

<span class="hidden" id="loading-styles">
                <img src="<mt:var name="static_uri">images/indicator.white.gif" height="16" width="16" alt="" />
            </span>

</span>

<__trans phrase="Categories">
        </h2>

<div class="scrollbox" id="categories">
            <div class="category" id="category-current" title="<__trans phrase="Current theme for your weblog">" style="display: none"><img src="<mt:var name="plugin_static_uri">images/top-rated.gif" alt="Your Current Style" /><span><__trans phrase="Current Style"></span>
            </div>
            <div class="category" id="category-my-designs" title="<__trans phrase="Locally saved themes">" style="display: none"><img src="<mt:var name="plugin_static_uri">images/my-designs.gif" alt="my-designs" /><span><__trans phrase="Saved Styles"></span>
            </div>
            <div class="category" id="category-mt-designs" title="<__trans phrase="Default Styles">" style="display: none"><img src="<mt:var name="plugin_static_uri">images/gear.gif" alt="mt-designs" /><span><__trans phrase="Default Styles"></span>
            </div>
            <div class="category" id="category-more" title="<__trans phrase="Single themes from the web">" style="display: none"><img src="<mt:var name="plugin_static_uri">images/featured.gif" alt="my-designs" /><span><__trans phrase="More Styles"></span>
            </div>
            <mt:loop name="style_library">
            <div class="category" id="category-repo-<mt:var name="key">" title="<mt:var name="description_label" escape="html">"><img src="<mt:var name="plugin_static_uri">images/featured.gif" alt="more-designs" /><span><mt:var name="label"></span>
            </div>
            </mt:loop>
        </div>
    </div>

<div id="templates-wrapper">
        <h2 id="selected-category-title"><__trans phrase="Templates"></h2>
        <div class="scrollbox" id="display-current" style="display: none;"></div>
        <div class="scrollbox" id="display-my-designs" style="display: none;"></div>
        <div class="scrollbox" id="display-mt-designs" style="display: none;"></div>
        <div class="scrollbox" id="display-more" style="display: none;"></div>
        <mt:loop name="style_library">
        <div class="scrollbox" id="display-repo-<mt:var name="key">" style="display: none;"></div>
        </mt:loop>
    </div>

<span class="button-actions actions">
                <button
                    type="button"
                    accesskey="s"
                    id="apply-button"
                    title="<__trans phrase="Apply Design"> (s)"
                    onclick="applyDesign()"
                    class="primary-button"><__trans phrase="Apply Design"></button>
                </span>
            </form>
        </div>

</div>

</div>

<mt:include name="include/footer.tmpl">

@Ghazascanner_2019runbot

Ghazascanner File Manager