var ret = [];

                //extra params => GET

                for(var param in params){

                    if (route[1].indexOf(param) == -1){

                        ret.push(encodeURIComponent(param) + "=" + encodeURIComponent(params[param]));

                    }

                }

                var _parts = ret.join("&");

                if(_parts){

                    result = result +'?'+ _parts

                }

            }

            return result;

        },

        'register': function(route_name, route_tmpl, req_params) {

            if (typeof(req_params) != 'object') {

                req_params = [];

            }

            var keys = [];

            for (var i=0; i < req_params.length; i++) {

                keys.push(req_params[i])

            }

            matchlist[route_name] = [

                unescape(route_tmpl),

                keys

            ]

        },

        '_routes': function(){

            return matchlist;

        }

    }

})();

/**

 * GLOBAL YUI Shortcuts

 */

var YUD = YAHOO.util.Dom;

var YUE = YAHOO.util.Event;

/* Invoke all functions in callbacks */

var _run_callbacks = function(callbacks){

    if (callbacks !== undefined){

        var _l = callbacks.length;

        for (var i=0;i<_l;i++){

            var func = callbacks[i];

            if(typeof(func)=='function'){

                try{

                    func();

                }catch (err){};

            }

        }

    }

}

/**

 * turns objects into GET query string

 */

var _toQueryString = function(o) {

    if(typeof o !== 'object') {

        return false;

    }

    var _p, _qs = [];

    for(_p in o) {

        _qs.push(encodeURIComponent(_p) + '=' + encodeURIComponent(o[_p]));

    }

    return _qs.join('&');

};

/**

 * Load HTML into DOM using Ajax

 *

 * @param $target: load html async and place it (or an error message) here

 * @param success: success callback function

 * @param args: query parameters to pass to url

 */

function asynchtml(url, $target, success, args){

    if(args===undefined){

        args=null;

    }

    $target.html(_TM['Loading ...']).css('opacity','0.3');

    return $.ajax({url: url, data: args, headers: {'X-PARTIAL-XHR': '1'}, cache: false, dataType: 'html'})

        .done(function(html) {

                $target.html(html);

                $target.css('opacity','1.0');

                //execute the given original callback

                if (success !== undefined && success) {

                    success();

                }

            })

        .fail(function(jqXHR, textStatus, errorThrown) {

                if (textStatus == "abort")

                    return;

                $target.html('<span class="error_red">ERROR: {0}</span>'.format(textStatus));

                $target.css('opacity','1.0');

            })

        ;

};

var ajaxGET = function(url,success) {

    return $.ajax({url: url, headers: {'X-PARTIAL-XHR': '1'}, cache: false})

        .done(success)

        .fail(function(jqXHR, textStatus, errorThrown) {

                if (textStatus == "abort")

                    return;

                alert("Ajax GET error: " + textStatus);

        })

        ;

};

var ajaxPOST = function(url, postData, success, failure) {

    postData['_authentication_token'] = _authentication_token;

    var postData = _toQueryString(postData);

    if(failure === undefined) {

        failure = function(jqXHR, textStatus, errorThrown) {

                if (textStatus != "abort")

                    alert("Error posting to server: " + textStatus);

            };

    }

    return $.ajax({url: url, data: postData, type: 'POST', headers: {'X-PARTIAL-XHR': '1'}, cache: false})

        .done(success)

        .fail(failure);

};

/**

 * activate .show_more links

 * the .show_more must have an id that is the the id of an element to hide prefixed with _

 * the parentnode will be displayed

 */

var show_more_event = function(){

    $('.show_more').click(function(e){

        var el = e.currentTarget;

        $('#' + el.id.substring(1)).hide();

        $(el.parentNode).show();

    });

};

/**

 * activate .lazy-cs mouseover for showing changeset tooltip

 */

var show_changeset_tooltip = function(){

    $('.lazy-cs').mouseover(function(e){

        var $target = $(e.currentTarget);

        var rid = $target.attr('raw_id');

        var repo_name = $target.attr('repo_name');

        if(rid && !$target.hasClass('tooltip')){

            _show_tooltip(e, _TM['loading ...']);

            var url = pyroutes.url('changeset_info', {"repo_name": repo_name, "revision": rid});

            ajaxGET(url, function(json){

                    $target.addClass('tooltip')

                    _show_tooltip(e, json['message']);

                    _activate_tooltip($target);

                });

        }

    });

};

var _onSuccessFollow = function(target){

    var $target = $(target);

    var $f_cnt = $('#current_followers_count');

    if($target.hasClass('follow')){

        $target.attr('class', 'following');

        $target.attr('title', _TM['Stop following this repository']);

        if($f_cnt.html()){

            var cnt = Number($f_cnt.html())+1;

            $f_cnt.html(cnt);

        }

    }

    else{

        $target.attr('class', 'follow');

        $target.attr('title', _TM['Start following this repository']);

        if($f_cnt.html()){

            var cnt = Number($f_cnt.html())-1;

            $f_cnt.html(cnt);

        }

    }

}

var toggleFollowingRepo = function(target, follows_repo_id){

    var args = 'follows_repo_id=' + follows_repo_id;

    args += '&_authentication_token=' + _authentication_token;

    $.post(TOGGLE_FOLLOW_URL, args, function(data){

            _onSuccessFollow(target);

        });

    return false;

};

var showRepoSize = function(target, repo_name){

        // actual comments with line numbers

        var comments = box.children;

        var obsolete_comments = [];

        for(var i=0; i<comments.length; i++){

            var data = {

                'rendered_text': comments[i].outerHTML,

                'line_no': $(comments[i]).attr('line'),

                'target_id': target_id

            }

            if (_renderInlineComment(data)) {

                obsolete_comments.push(comments[i]);

                $(comments[i]).hide();

            }else{

                var txt = document.createTextNode(

                        "Comment to " + YUD.getAttribute(comments[i].parentNode,'path') +

                        " line " + data.line_no +

                        " which is outside the diff context:");

                comments[i].insertBefore(txt, comments[i].firstChild);

            }

        }

        // now remove all the obsolete comments that have been copied to their

        // respective locations.

        for (var i=0; i < obsolete_comments.length; i++) {

            obsolete_comments[i].parentNode.removeChild(obsolete_comments[i]);

        }

        $(box).show();

    }

}

/**

 * Double link comments

 */

var linkInlineComments = function(firstlinks, comments){

    var $comments = $(comments);

    if ($comments.length > 0) {

        $(firstlinks).html('<a href="#{0}">First comment</a>'.format($comments.attr('id')));

    }

    if ($comments.length <= 1) {

        return;

    }

    $comments.each(function(i, e){

            var prev = '';

            if (i > 0){

                var prev_anchor = YUD.getAttribute(comments.item(i-1),'id');

                prev = '<a href="#{0}">Previous comment</a>'.format(prev_anchor);

            }

            var next = '';

            if (i+1 < comments.length){

                var next_anchor = YUD.getAttribute(comments.item(i+1),'id');

                next = '<a href="#{0}">Next comment</a>'.format(next_anchor);

            }

            var $div = $(('<div class="prev-next-comment">'+

                          '<div class="prev-comment">{0}</div>'+

                          '<div class="next-comment">{1}</div>').format(prev, next));

            $div.prependTo(this);

        });

}

/* activate files.html stuff */

var fileBrowserListeners = function(current_url, node_list_url, url_base){

    var current_url_branch = "?branch=__BRANCH__";

    $('#stay_at_branch').on('click',function(e){

        if(e.currentTarget.checked){

            var uri = current_url_branch;

            uri = uri.replace('__BRANCH__',e.currentTarget.value);

            window.location = uri;

        }

        else{

            window.location = current_url;

        }

    })

    var $node_filter = $('#node_filter');

    var filterTimeout = null;

    var nodes = null;

    var initFilter = function(){

        $('#node_filter_box_loading').show();

        $('#search_activate_id').hide();

        $('#add_node_id').hide();

        $.ajax({url: node_list_url, headers: {'X-PARTIAL-XHR': '1'}, cache: false})

            .done(function(json) {

                    nodes = json.nodes;

                    $('#node_filter_box_loading').hide();

                    $('#node_filter_box').show();

                    $node_filter.focus();

                    if($node_filter.hasClass('init')){

                        $node_filter.val('');

                        $node_filter.removeClass('init');

                    }

                })

            .fail(function() {

                })

        ;

    }

    var updateFilter = function(e) {

        return function(){

            // Reset timeout

            filterTimeout = null;

            var query = e.currentTarget.value.toLowerCase();

            var match = [];

            var matches = 0;

            var matches_max = 20;

            if (query != ""){

                for(var i=0;i<nodes.length;i++){

                    var pos = nodes[i].name.toLowerCase().indexOf(query)

                    if(query && pos != -1){

                        matches++

                        //show only certain amount to not kill browser

                        if (matches > matches_max){

                            break;

                        }

                        var n = nodes[i].name;

                        var t = nodes[i].type;

                        var n_hl = n.substring(0,pos)

                          +"<b>{0}</b>".format(n.substring(pos,pos+query.length))

                          +n.substring(pos+query.length)

                        var new_url = url_base.replace('__FPATH__',n);

                        match.push('<tr><td><a class="browser-{0}" href="{1}">{2}</a></td><td colspan="5"></td></tr>'.format(t,new_url,n_hl));

                    }

                    if(match.length >= matches_max){

                        match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['Search truncated']));

                        break;

                    }

                }

            }

            if(query != ""){

                $('#tbody').hide();

                $('#tbody_filtered').show();

                if (match.length==0){

                  match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['No matching files']));

                }

                $('#tbody_filtered').html(match.join(""));

            }

            else{

                $('#tbody').show();

                $('#tbody_filtered').hide();

            }

        }

    };

    $('#filter_activate').click(function(){

            initFilter();

        });

    $node_filter.click(function(){

            if($node_filter.hasClass('init')){

                $node_filter.val('');

                $node_filter.removeClass('init');

            }

        });

    $node_filter.keyup(function(e){

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter(e),600);

        });

};

var initCodeMirror = function(textarea_id, resetUrl){

    var myCodeMirror = CodeMirror.fromTextArea($('#' + textarea_id)[0], {

            mode: "null",

            lineNumbers: true,

            indentUnit: 4,

            autofocus: true

        });

    CodeMirror.modeURL = "/codemirror/mode/%N/%N.js";

    $('#reset').click(function(e){

            window.location=resetUrl;

        });

    $('#file_enable').click(function(){

            $('#editor_container').show();

            $('#upload_file_container').hide();

            $('#filename_container').show();

            $('#set_mode_header').show();

        });

    $('#upload_file_enable').click(function(){

            $('#editor_container').hide();

            $('#upload_file_container').show();

            $('#filename_container').hide();

            $('#set_mode_header').hide();

        });

    <div class="fields">

       <div class="field">

           <div class="label"><label for="auth_plugins">${_("Enabled Plugins")}</label></div>

           <div class="input">${h.text("auth_plugins", class_='large')}

           <span class="help-block">${_('Comma separated list of plugins. Order of plugins is also order in which Kallithea will try to authenticate user')}</span>

               <div style="padding:10px 0px 10px 0px;font-weight: bold">${_('Available built-in plugins')}</div>

               <ul>

               %for plugin_path in c.available_plugins:

                    <li>

                      <div style="padding:3px 0px 3px 0px">

                          <span style="margin: 0px 10px 0px 0px" plugin_id="${plugin_path}" class="toggle-plugin btn btn-mini ${'btn-success' if plugin_path in c.enabled_plugins else ''}">

                          ${_('enabled') if plugin_path in c.enabled_plugins else _('disabled')}</span>${plugin_path}

                      </div>

                    </li>

               %endfor

               </ul>

           </div>

       </div>

    </div>

    %for cnt, module in enumerate(c.auth_plugins):

        <% pluginName = c.auth_plugins_shortnames[module] %>

        <h1>${_('Plugin')}: ${pluginName}</h1>

        <div class="fields">

        ## autoform generation, based on plugin definition from it's settings

        %for setting in c.plugin_settings[module]:

            <% fullsetting = "auth_%s_%s" % (pluginName, setting["name"]) %>

            <% displayname = (setting["formname"] if ("formname" in setting) else setting["name"]) %>

            %if setting["type"] == "password":

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="input">

                    ${h.password(fullsetting,class_='small')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] in ["string", "int"]:

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="input">

                    ${h.text(fullsetting,class_='small')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "bool":

            <div class="field">

                <div class="label label-checkbox"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="checkboxes">

                    <div class="checkbox">${h.checkbox(fullsetting,True,class_='small')}</div>

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "select":

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="select">

                    ${h.select(fullsetting,setting['values'][0],setting['values'],class_='small')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %else:

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="input">This field is of type ${setting['type']}, which cannot be displayed. Must be one of [string|int|bool|select].</div>

                <span class="help-block">${setting["description"]}</span>

            </div>

            %endif

        %endfor

        </div>

    %endfor

        <div class="fields">

            <div class="buttons">

                ${h.submit('save',_('Save'),class_="btn")}

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $('.toggle-plugin').click(function(e){

        var $auth_plugins_input = $('#auth_plugins');

        var notEmpty = function(element, index, array) {

            return (element != "");

        }

        var elems = $auth_plugins_input.val().split(',').filter(notEmpty);

        var $cur_button = $(e.currentTarget);

        var plugin_id = $cur_button.attr('plugin_id');

        if($cur_button.hasClass('btn-success')){

            elems.splice(elems.indexOf(plugin_id), 1);

            $auth_plugins_input.val(elems.join(','));

            $cur_button.removeClass('btn-success');

            $cur_button.html(_TM['disabled']);

        }

        else{

            if(elems.indexOf(plugin_id) == -1){

                elems.push(plugin_id);

            }

            $auth_plugins_input.val(elems.join(','));

            $cur_button.addClass('btn-success');

            $cur_button.html(_TM['enabled']);

        }

    });

</script>

</%def>

<%def name="perms_summary(permissions, show_all=False, actions=True)">

<div id="perms" class="table">

     %for section in sorted(permissions.keys()):

        <div class="perms_section_head">

            ${section.replace("_"," ").capitalize()}

            %if section != 'global':

                <div style="float: right">

                ${_('show')}:

                ${h.checkbox('perms_filter_none_%s' % section, 'none', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='none')} <label for="${'perms_filter_none_%s' % section}"><span class="perm_tag none">${_('none')}</span></label>

                ${h.checkbox('perms_filter_read_%s' % section, 'read', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='read')} <label for="${'perms_filter_read_%s' % section}"><span class="perm_tag read">${_('read')}</span></label>

                ${h.checkbox('perms_filter_write_%s' % section, 'write', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='write')} <label for="${'perms_filter_write_%s' % section}"> <span class="perm_tag write">${_('write')}</span></label>

                ${h.checkbox('perms_filter_admin_%s' % section, 'admin', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='admin')} <label for="${'perms_filter_admin_%s' % section}"><span class="perm_tag admin">${_('admin')}</span></label>

                </div>

            %endif

        </div>

        %if not permissions[section]:

            <span class="empty_data">${_('No permissions defined yet')}</span>

        %else:

        <div id='tbl_list_wrap_${section}' class="yui-skin-sam">

         <table id="tbl_list_${section}">

          ## global permission box

          %if section == 'global':

              <thead>

                  <tr>

                  <th colspan="2" class="left">${_('Permission')}</th>

                  %if actions:

                  <th class="left">${_('Edit Permission')}</th>

                  %endif

              </thead>

              <tbody>

              %for k in permissions[section]:

                  <tr>

                      <td colspan="2">

                          ${h.get_permission_name(k)}

                      </td>

                      %if actions:

                      <td>

                           <a href="${h.url('admin_permissions')}">${_('edit')}</a>

                      </td>

                      %endif

                  </tr>

              %endfor

              </tbody>

          %else:

             ## none/read/write/admin permissions on groups/repos etc

              <thead>

                  <tr>

                  <th class="left">${_('Name')}</th>

                  <th class="left">${_('Permission')}</th>

                  %if actions:

                  <th class="left">${_('Edit Permission')}</th>

                  %endif

              </thead>

              <tbody class="section_${section}">

              %for k, section_perm in sorted(permissions[section].items(), key=lambda s: {'none':0, 'read':1,'write':2,'admin':3}.get(s[1].split('.')[-1])):

                  %if section_perm.split('.')[-1] != 'none' or show_all:

                  <tr class="perm_row ${'%s_%s' % (section, section_perm.split('.')[-1])}">

                      <td>

                          %if section == 'repositories':

                              <a href="${h.url('summary_home',repo_name=k)}">${k}</a>

                          %elif section == 'repositories_groups':

                              <a href="${h.url('repos_group_home',group_name=k)}">${k}</a>

                          %elif section == 'user_groups':

                              ##<a href="${h.url('edit_users_group',id=k)}">${k}</a>

                              ${k}

                          %endif

                      </td>

                      <td>

                           <span class="perm_tag ${section_perm.split('.')[-1]}">${section_perm}</span>

                      </td>

                      %if actions:

                      <td>

                          %if section == 'repositories':

                              <a href="${h.url('edit_repo_perms',repo_name=k,anchor='permissions_manage')}">${_('edit')}</a>

                          %elif section == 'repositories_groups':

                              <a href="${h.url('edit_repo_group_perms',group_name=k,anchor='permissions_manage')}">${_('edit')}</a>

                          %elif section == 'user_groups':

                              ##<a href="${h.url('edit_users_group',id=k)}">${_('edit')}</a>

                          %endif

                      </td>

                      %endif

                  </tr>

                  %endif

              %endfor

              <tr id="empty_${section}" style="display: none"><td colspan="6">${_('No permission defined')}</td></tr>

              </tbody>

          %endif

         </table>

        </div>

        %endif

     %endfor

</div>

<script>

    $(document).ready(function(){

        var show_empty = function(section){

            var visible = $('.section_{0} tr.perm_row:visible'.format(section)).length;

            if(visible == 0){

                $('#empty_{0}'.format(section)).show();

            }

            else{

                $('#empty_{0}'.format(section)).hide();

            }

        }

        var update_show = function($checkbox){

            var section = $checkbox.attr('section');

            var elems = $('.filter_' + section).each(function(el){

                var perm_type = $checkbox.attr('perm_type');

                var checked = $checkbox.prop('checked');

                if(checked){

                    $('.'+section+'_'+perm_type).show();

                }

                else{

                    $('.'+section+'_'+perm_type).hide();

                }

            });

            show_empty(section);

        }

        $('.perm_filter').on('change', function(){update_show($(this));});

        $('.perm_filter[value=none]').each(function(){this.checked = false; update_show($(this));});

    })

</script>

</%def>