var revisionSort = function(a, b, desc, field) {

    var a_ = parseInt(a.getData('last_rev_raw') || 0);

    var b_ = parseInt(b.getData('last_rev_raw') || 0);

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var ageSort = function(a, b, desc, field) {

    // data is like: <span class="tooltip" date="2014-06-04 18:18:55.325474" title="Wed, 04 Jun 2014 18:18:55">1 day and 23 hours ago</span>

    var a_ = $(a.getData(field)).attr('date');

    var b_ = $(b.getData(field)).attr('date');

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var lastLoginSort = function(a, b, desc, field) {

    var a_ = parseFloat(a.getData('last_login_raw') || 0);

    var b_ = parseFloat(b.getData('last_login_raw') || 0);

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var nameSort = function(a, b, desc, field) {

    var a_ = a.getData('raw_name') || 0;

    var b_ = b.getData('raw_name') || 0;

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var dateSort = function(a, b, desc, field) {

    var a_ = parseFloat(a.getData('raw_date') || 0);

    var b_ = parseFloat(b.getData('raw_date') || 0);

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var addPermAction = function(_html, users_list, groups_list){

    var $last_node = $('.last_new_member').last(); // empty tr between last and add

    var next_id = $('.new_members').length;

    $last_node.before($('<tr class="new_members">').append(_html.format(next_id)));

    _MembersAutoComplete("perm_new_member_name_"+next_id,

            "perm_container_"+next_id, users_list, groups_list);

}

function ajaxActionRevokePermission(url, obj_id, obj_type, field_id, extra_data) {

    var success = function (o) {

            $('#' + field_id).remove();

        };

    var failure = function (o) {

            alert(_TM['Failed to revoke permission'] + ": " + o.status);

        };

    var query_params = {

        '_method': 'delete'

    }

    // put extra data into POST

    if (extra_data !== undefined && (typeof extra_data === 'object')){

        for(var k in extra_data){

            query_params[k] = extra_data[k];

        }

    }

    if (obj_type=='user'){

        query_params['user_id'] = obj_id;

        query_params['obj_type'] = 'user';

    }

    else if (obj_type=='user_group'){

        query_params['user_group_id'] = obj_id;

        query_params['obj_type'] = 'user_group';

    }

    ajaxPOST(url, query_params, success, failure);

};

/* Multi selectors */

var MultiSelectWidget = function(selected_id, available_id, form_id){

    var $availableselect = $('#' + available_id);

    var $selectedselect = $('#' + selected_id);

    //fill available only with those not in selected

    var $selectedoptions = $selectedselect.children('option');

    $availableselect.children('option').filter(function(i, e){

            for(var j = 0, node; node = $selectedoptions[j]; j++){

                if(node.value == e.value){

                    return true;

                }

            }

            return false;

        }).remove();

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

            $selectedselect.append($availableselect.children('option:selected'));

        });

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

            $availableselect.append($selectedselect.children('option:selected'));

        });

    $('#'+form_id).submit(function(){

            $selectedselect.children('option').each(function(i, e){

                e.selected = 'selected';

            });

        });

}

// custom paginator

var YUI_paginator = function(links_per_page, containers){

    (function () {

        var Paginator = YAHOO.widget.Paginator,

            l         = YAHOO.lang,

            setId     = YAHOO.util.Dom.generateId;

        Paginator.ui.MyFirstPageLink = function (p) {

            this.paginator = p;

            p.subscribe('recordOffsetChange',this.update,this,true);

            p.subscribe('rowsPerPageChange',this.update,this,true);

            p.subscribe('totalRecordsChange',this.update,this,true);

            p.subscribe('destroy',this.destroy,this,true);

            // TODO: make this work

            p.subscribe('firstPageLinkLabelChange',this.update,this,true);

            p.subscribe('firstPageLinkClassChange',this.update,this,true);

        };

        Paginator.ui.MyFirstPageLink.init = function (p) {

            p.setAttributeConfig('firstPageLinkLabel', {

                value : 1,

                validator : l.isString

            });

            p.setAttributeConfig('firstPageLinkClass', {

                value : 'yui-pg-first',

                validator : l.isString

            });

            p.setAttributeConfig('firstPageLinkTitle', {

                value : 'First Page',

                validator : l.isString

            });

        };

        // Instance members and methods

        Paginator.ui.MyFirstPageLink.prototype = {

            current   : null,

            leftmost_page: null,

            rightmost_page: null,

            link      : null,

            span      : null,

            dotdot    : null,

            getPos    : function(cur_page, max_page, items){

                var edge = parseInt(items / 2) + 1;

                if (cur_page <= edge){

                    var radius = Math.max(parseInt(items / 2), items - cur_page);

                }

                else if ((max_page - cur_page) < edge) {

                    var radius = (items - 1) - (max_page - cur_page);

                }

                else{

                    var radius = parseInt(items / 2);

                }

                var left = Math.max(1, (cur_page - (radius)))

                var right = Math.min(max_page, cur_page + (radius))

                return [left, cur_page, right]

            },

            render : function (id_base) {

                var p      = this.paginator,

                    c      = p.get('firstPageLinkClass'),

                    label  = p.get('firstPageLinkLabel'),

                    title  = p.get('firstPageLinkTitle');

                this.link     = document.createElement('a');

                this.span     = document.createElement('span');

                $(this.span).hide();

                var _pos = this.getPos(p.getCurrentPage(), p.getTotalPages(), 5);

                this.leftmost_page = _pos[0];

                this.rightmost_page = _pos[2];

                setId(this.link, id_base + '-first-link');

                this.link.href      = '#';

                this.link.className = c;

                this.link.innerHTML = label;

                this.link.title     = title;

                YUE.on(this.link,'click',this.onClick,this,true);

                setId(this.span, id_base + '-first-span');

                this.span.className = c;

                this.span.innerHTML = label;

                this.current = p.getCurrentPage() > 1 ? this.link : this.span;

                return this.current;

            },

            update : function (e) {

                var p      = this.paginator;

                var _pos   = this.getPos(p.getCurrentPage(), p.getTotalPages(), 5);

                this.leftmost_page = _pos[0];

                this.rightmost_page = _pos[2];

                if (e && e.prevValue === e.newValue) {

                    return;

                }

                var par = this.current ? this.current.parentNode : null;

                if (this.leftmost_page > 1) {

                    if (par && this.current === this.span) {

                        par.replaceChild(this.link,this.current);

                        this.current = this.link;

                    }

                } else {

                    if (par && this.current === this.link) {

                        par.replaceChild(this.span,this.current);

                        this.current = this.span;

                    }

                }

            },

            destroy : function () {

                YUE.purgeElement(this.link);

                this.current.parentNode.removeChild(this.current);

                this.link = this.span = null;

            },

            onClick : function (e) {

                YUE.stopEvent(e);

                this.paginator.setPage(1);

            }

        };

        })();

    (function () {

        var Paginator = YAHOO.widget.Paginator,

            l         = YAHOO.lang,

            setId     = YAHOO.util.Dom.generateId;

        Paginator.ui.MyLastPageLink = function (p) {

            this.paginator = p;

            p.subscribe('recordOffsetChange',this.update,this,true);

            p.subscribe('rowsPerPageChange',this.update,this,true);

            p.subscribe('totalRecordsChange',this.update,this,true);

            p.subscribe('destroy',this.destroy,this,true);

            // TODO: make this work

            p.subscribe('lastPageLinkLabelChange',this.update,this,true);

            p.subscribe('lastPageLinkClassChange', this.update,this,true);

        };

        Paginator.ui.MyLastPageLink.init = function (p) {

            p.setAttributeConfig('lastPageLinkLabel', {

                value : -1,

                validator : l.isString

            });

            p.setAttributeConfig('lastPageLinkClass', {

                value : 'yui-pg-last',

                validator : l.isString

            });

            p.setAttributeConfig('lastPageLinkTitle', {

                value : 'Last Page',

                validator : l.isString

            });

        };

        Paginator.ui.MyLastPageLink.prototype = {

            current   : null,

            leftmost_page: null,

            rightmost_page: null,

            link      : null,

            span      : null,

            dotdot    : null,

            na        : null,

            getPos    : function(cur_page, max_page, items){

                var edge = parseInt(items / 2) + 1;

                if (cur_page <= edge){

                    var radius = Math.max(parseInt(items / 2), items - cur_page);

                }

                else if ((max_page - cur_page) < edge) {

                    var radius = (items - 1) - (max_page - cur_page);

                }

                else{

                    var radius = parseInt(items / 2);

                }

                var left = Math.max(1, (cur_page - (radius)))

                var right = Math.min(max_page, cur_page + (radius))

                return [left, cur_page, right]

            },

            render : function (id_base) {

                var p      = this.paginator,

                    c      = p.get('lastPageLinkClass'),

                    label  = p.get('lastPageLinkLabel'),

                    last   = p.getTotalPages(),

                    title  = p.get('lastPageLinkTitle');

                var _pos = this.getPos(p.getCurrentPage(), p.getTotalPages(), 5);

                this.leftmost_page = _pos[0];

                this.rightmost_page = _pos[2];

                this.link = document.createElement('a');

                this.span = document.createElement('span');

                $(this.span).hide();

                this.na   = this.span.cloneNode(false);

                setId(this.link, id_base + '-last-link');

                this.link.href      = '#';

                this.link.className = c;

                this.link.innerHTML = label;

                this.link.title     = title;

                YUE.on(this.link,'click',this.onClick,this,true);

                setId(this.span, id_base + '-last-span');

                this.span.className = c;

                this.span.innerHTML = label;

                setId(this.na, id_base + '-last-na');

                if (this.rightmost_page < p.getTotalPages()){

                    this.current = this.link;

                }

                else{

                    this.current = this.span;

                }

                this.current.innerHTML = p.getTotalPages();

                return this.current;

            },

            update : function (e) {

                var p      = this.paginator;

                var _pos = this.getPos(p.getCurrentPage(), p.getTotalPages(), 5);

                this.leftmost_page = _pos[0];

                this.rightmost_page = _pos[2];

                if (e && e.prevValue === e.newValue) {

                    return;

                }

                var par   = this.current ? this.current.parentNode : null,

                    after = this.link;

                if (par) {

                    // only show the last page if the rightmost one is

                    // lower, so we don't have doubled entries at the end

                    if (!(this.rightmost_page < p.getTotalPages())){

                        after = this.span

                    }

                    if (this.current !== after) {

                        par.replaceChild(after,this.current);

                        this.current = after;

                    }

                }

                this.current.innerHTML = this.paginator.getTotalPages();

            },

            destroy : function () {

                YUE.purgeElement(this.link);

                this.current.parentNode.removeChild(this.current);

                this.link = this.span = null;

            },

            onClick : function (e) {

                YUE.stopEvent(e);

                this.paginator.setPage(this.paginator.getTotalPages());

            }

        };

        })();

    var pagi = new YAHOO.widget.Paginator({

        rowsPerPage: links_per_page,

        alwaysVisible: false,

        template : "{PreviousPageLink} {MyFirstPageLink} {PageLinks} {MyLastPageLink} {NextPageLink}",

        pageLinks: 5,

        containerClass: 'pagination-wh',

        currentPageClass: 'pager_curpage',

        pageLinkClass: 'pager_link',

        nextPageLinkLabel: '>',

        previousPageLinkLabel: '<',

        containers:containers

    return pagi

}

var YUI_datatable = function(data, fields, columns, countnode, sortkey, rows){

    var myDataSource = new YAHOO.util.DataSource(data);

    myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

    myDataSource.responseSchema = {

        resultsList: "records",

        fields: fields

        };

    myDataSource.doBeforeCallback = function(req, raw, res, cb) {

        // This is the filter function

        var data     = res.results || [],

            filtered = [],

            i, l;

        if (req) {

            req = req.toLowerCase();

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

                var pos = data[i].raw_name.toLowerCase().indexOf(req)

                if (pos != -1) {

                    filtered.push(data[i]);

                }

            }

            res.results = filtered;

        }

        $(countnode).html(res.results.length);

        return res;

    }

    var myDataTable = new YAHOO.widget.DataTable("datatable_list_wrap", columns, myDataSource, {

        sortedBy: {key:sortkey, dir:"asc"},

        paginator: YUI_paginator(rows !== undefined && rows ? rows : 25, ['user-paginator']),

        MSG_SORTASC: _TM['MSG_SORTASC'],

        MSG_SORTDESC: _TM['MSG_SORTDESC'],

        MSG_EMPTY: _TM['MSG_EMPTY'],

        MSG_ERROR: _TM['MSG_ERROR'],

        MSG_LOADING: _TM['MSG_LOADING']

        });

    myDataTable.subscribe('postRenderEvent',function(oArgs) {

        tooltip_activate();

        quick_repo_menu();

        });

    var filterTimeout = null;

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

    var updateFilter = function () {

        // Reset timeout

        filterTimeout = null;

        // Reset sort

        var state = myDataTable.getState();

        state.sortedBy = {key:sortkey, dir:YAHOO.widget.DataTable.CLASS_ASC};

        // Get filtered data

        myDataSource.sendRequest($q_filter.val(), {

            success : myDataTable.onDataReturnInitializeTable,

            failure : myDataTable.onDataReturnInitializeTable,

            scope   : myDataTable,

            argument: state});

        };

    $q_filter.click(function(){

            if(!$q_filter.hasClass('loaded')){

                //TODO: load here full list later to do search within groups

                $q_filter.addClass('loaded');

            }

        });

    $q_filter.keyup(function (e) {

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter, 600);

        });

}

// global hooks after DOM is loaded

$(document).ready(function(){

    $('.diff-collapse-button').click(function(e) {

        var $button = $(e.currentTarget);

        var $target = $('#' + $button.attr('target'));

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

            $target.removeClass('hidden');

            $button.html("↑ {0} ↑".format(_TM['Collapse Diff']));

        }

        else if(!$target.hasClass('hidden')){

            $target.addClass('hidden');

            $button.html("↓ {0} ↓".format(_TM['Expand Diff']));

        }

    });

});

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Edit Gist')} · ${c.gist.gist_access_id}

</%block>

<%block name="js_extra">

  <script type="text/javascript" src="${h.url('/codemirror/lib/codemirror.js')}"></script>

  <script type="text/javascript" src="${h.url('/js/codemirror_loadmode.js')}"></script>

  <script type="text/javascript" src="${h.url('/codemirror/mode/meta.js')}"></script>

</%block>

<%block name="css_extra">

  <link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>

</%block>

<%def name="breadcrumbs_links()">

    ${_('Edit Gist')} · ${c.gist.gist_access_id}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="edit_error" style="display: none" class="flash_msg">

            <div class="alert alert-dismissable alert-warning">

              <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="icon-cancel-circled"></i></button>

              ${h.literal(_('Gist was update since you started editing. Copy your changes and click %(here)s to reload new version.')

                             % {'here': h.link_to('here',h.url('edit_gist', gist_id=c.gist.gist_access_id))})}

            </div>

            <script>

            if (typeof jQuery != 'undefined') {

                $(".alert").alert();

            }

            </script>

        </div>

        <div id="files_data">

          ${h.form(h.url('edit_gist', gist_id=c.gist.gist_access_id), method='post', id='eform')}

            <div>

                <div class="gravatar">

                  ${h.gravatar(c.authuser.email, size=32)}

                </div>

                <input type="hidden" value="${c.file_changeset.raw_id}" name="parent_hash">

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;"

                          id="description" name="description"

                          placeholder="${_('Gist description ...')}">${c.gist.gist_description}</textarea>

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

                    <label for='lifetime'>${_('Gist lifetime')}</label>

                    ${h.select('lifetime', '0', c.lifetime_options)}

                    <span class="" style="color: #AAA">

                     %if c.gist.gist_expires == -1:

                      ${_('Expires')}: ${_('Never')}

                     %else:

                      ${_('Expires')}: ${h.age(h.time_to_datetime(c.gist.gist_expires))}

                     %endif

                   </span>

                </div>

            </div>

            % for cnt, file in enumerate(c.files):

                <div id="body" class="codeblock" style="margin-bottom: 4px">

                    <div style="padding: 10px 10px 10px 26px;color:#666666">

                        <input type="hidden" value="${file.path}" name="org_files">

                        <input id="filename_${h.FID('f',file.path)}" name="files" size="30" type="text" value="${file.path}">

                        <select id="mimetype_${h.FID('f',file.path)}" name="mimetypes"/>

                    </div>

                    <div class="editor_container">

                        <pre id="editor_pre"></pre>

                        <textarea id="editor_${h.FID('f',file.path)}" name="contents" style="display:none">${file.content}</textarea>

                    </div>

                </div>

                ## dynamic edit box.

                <script type="text/javascript">

                var myCodeMirror = initCodeMirror("editor_${h.FID('f',file.path)}", '');

                //inject new modes

                var $modes_select = $('#mimetype_${h.FID('f',file.path)}');

                $modes_select.each(function(){

                    var modes_select = this;

                    var index = 1;

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

                        var m = CodeMirror.modeInfo[i];

                        var opt = new Option(m.name, m.mime);

                        $(opt).attr('mode', m.mode);

                        if (m.mime == 'text/plain') {

                            // default plain text

                            $(opt).attr('selected', 'selected');

                            modes_select.options[0] = opt;

                        } else {

                            modes_select.options[index++] = opt;

                        }

                    }

                });

                var $filename = $('#filename_${h.FID('f',file.path)}');

                // on select change set new mode

                $modes_select.change(function(e){

                    var selected = e.currentTarget;

                    var node = selected.options[selected.selectedIndex];

                    var detected_mode = CodeMirror.findModeByMIME(node.value);

                    setCodeMirrorMode(myCodeMirror, detected_mode);

                    var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                    var file_data = CodeMirror.getFilenameAndExt($filename.val());

                    var filename = file_data['filename'] || 'filename1';

                    $filename.val(filename + '.' + proposed_ext);

                });

                // on type the new filename set mode

                $filename.keyup(function(e){

                    var file_data = CodeMirror.getFilenameAndExt(this.value);

                    if(file_data['ext'] != null){

                        var detected_mode = CodeMirror.findModeByExtension(file_data['ext']) || CodeMirror.findModeByMIME('text/plain');

                        if (detected_mode){

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            $modes_select.val(detected_mode.mime);

                        }

                    }

                });

                // set mode on page load

                var detected_mode = CodeMirror.findModeByExtension("${file.extension}");

                if (detected_mode){

                    setCodeMirrorMode(myCodeMirror, detected_mode);

                    $modes_select.val(detected_mode.mime);

                }

                </script>

            %endfor

            <div style="padding-top: 5px">

            ${h.submit('update',_('Update Gist'),class_="btn btn-mini btn-success")}

            <a class="btn btn-mini" href="${h.url('gist', gist_id=c.gist.gist_access_id)}">${_('Cancel')}</a>

            </div>

          ${h.end_form()}

          <script>

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

                  e.preventDefault();

                  // check for newer version.

                  $.ajax({

                    url: "${h.url('edit_gist_check_revision', gist_id=c.gist.gist_access_id)}",

                    data: {'revision': '${c.file_changeset.raw_id}'},

                    dataType: 'json',

                    type: 'POST',

                    success: function(data) {

                      if(data.success == false){

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

                      }

                      else{

                        $('#eform').submit();

                      }

                    }

              });

          </script>

        </div>

    </div>

</div>

</%def>

<div class="apikeys_wrap">

  <table class="noborder">

    <tr>

        <td style="width: 450px"><div class="truncate autoexpand" style="width:120px;font-size:16px;font-family: monospace">${c.user.api_key}</div></td>

        <td>

            <span class="btn btn-mini btn-success disabled">${_('Built-in')}</span>

        </td>

        <td>${_('Expires')}: ${_('Never')}</td>

        <td>

            ${h.form(url('my_account_api_keys'),method='delete')}

                ${h.hidden('del_api_key',c.user.api_key)}

                ${h.hidden('del_api_key_builtin',1)}

                <button class="btn btn-mini btn-danger" type="submit"

                        onclick="return confirm('${_('Confirm to reset this API key: %s') % c.user.api_key}');">

                    ${_('Reset')}

                </button>

            ${h.end_form()}

        </td>

    </tr>

    %if c.user_api_keys:

        %for api_key in c.user_api_keys:

          <tr class="${'expired' if api_key.expired else ''}">

            <td style="width: 450px"><div class="truncate autoexpand" style="width:120px;font-size:16px;font-family: monospace">${api_key.api_key}</div></td>

            <td>${api_key.description}</td>

            <td style="min-width: 80px">

                 %if api_key.expires == -1:

                  ${_('Expires')}: ${_('Never')}

                 %else:

                    %if api_key.expired:

                        ${_('Expired')}: ${h.age(h.time_to_datetime(api_key.expires))}

                    %else:

                        ${_('Expires')}: ${h.age(h.time_to_datetime(api_key.expires))}

                    %endif

                 %endif

            </td>

            <td>

                ${h.form(url('my_account_api_keys'),method='delete')}

                    ${h.hidden('del_api_key',api_key.api_key)}

                    <button class="btn btn-mini btn-danger" type="submit"

                            onclick="return confirm('${_('Confirm to remove this API key: %s') % api_key.api_key}');">

                        <i class="icon-minus-circled"></i>

                        ${_('Remove')}

                    </button>

                ${h.end_form()}

            </td>

          </tr>

        %endfor

    %else:

    <tr><td><div class="ip">${_('No additional API keys specified')}</div></td></tr>

    %endif

  </table>

</div>

<div>

    ${h.form(url('my_account_api_keys'), method='post')}

    <div class="form">

        <!-- fields -->

        <div class="fields">

             <div class="field">

                <div class="label">

                    <label for="description">${_('New API key')}:</label>

                </div>

                <div class="input">

                    ${h.text('description', class_='medium', placeholder=_('Description'))}

                    ${h.select('lifetime', '', c.lifetime_options)}

                </div>

             </div>

            <div class="buttons">

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

              ${h.reset('reset',_('Reset'),class_="btn")}

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $(document).ready(function(){

        $("#lifetime").select2({

            'dropdownAutoWidth': true

        });

</script>

<div style="font-size: 20px; color: #666666; padding: 0px 0px 10px 0px">${_('Repositories You Own')}</div>

<input class="q_filter_box" id="q_filter" size="15" type="text" name="filter"

       placeholder="${_('quick filter...')}" value=""/>

<div class="table-grid table yui-skin-sam" id="repos_list_wrap"></div>

<div id="user-paginator" style="padding: 0px 0px 0px 20px"></div>

<script>

function table_renderer(data){

    var myDataSource = new YAHOO.util.DataSource(data);

    myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

    myDataSource.responseSchema = {

        resultsList: "records",

        fields: [

            {key:"menu"},

            {key:"raw_name"},

            {key:"name"},

            {key:"last_changeset"},

            {key:"last_rev_raw"},

            {key:"action"}

            ]

        };

    myDataSource.doBeforeCallback = function(req,raw,res,cb) {

        // This is the filter function

        var data     = res.results || [],

            filtered = [],

            i,l;

        if (req) {

            req = req.toLowerCase();

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

                if (pos != -1) {

                    filtered.push(data[i]);

                }

            }

            res.results = filtered;

        }

        return res;

    }

      // main table sorting

      var myColumnDefs = [

          {key:"menu",label:"",sortable:false,className:"quick_repo_menu hidden"},

          {key:"name",label:"${_('Name')}",sortable:true,

              sortOptions: { sortFunction: nameSort }},

          {key:"last_changeset",label:"${_('Tip')}",sortable:true,

              sortOptions: { sortFunction: revisionSort }},

          {key:"action",label:"${_('Action')}",sortable:false}

      ];

      var myDataTable = new YAHOO.widget.DataTable("repos_list_wrap", myColumnDefs, myDataSource,{

        sortedBy:{key:"name",dir:"asc"},

        paginator: YUI_paginator(50, ['user-paginator']),

        MSG_SORTASC:"${_('Click to sort ascending')}",

        MSG_SORTDESC:"${_('Click to sort descending')}",

        MSG_EMPTY:"${_('No records found.')}",

        MSG_ERROR:"${_('Data error.')}",

        MSG_LOADING:"${_('Loading...')}"

      }

      );

      myDataTable.subscribe('postRenderEvent',function(oArgs) {

          tooltip_activate();

          quick_repo_menu();

      });

      var filterTimeout = null;

      updateFilter = function() {

          // Reset timeout

          filterTimeout = null;

          // Reset sort

          var state = myDataTable.getState();

          state.sortedBy = {key:'name', dir:YAHOO.widget.DataTable.CLASS_ASC};

          // Get filtered data

          myDataSource.sendRequest(YUD.get('q_filter').value,{

              success : myDataTable.onDataReturnInitializeTable,

              failure : myDataTable.onDataReturnInitializeTable,

              scope   : myDataTable,

              argument: state

          });

      };

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

          if(!$('#q_filter').hasClass('loaded')){

              //TODO: load here full list later to do search within groups

              $('#q_filter').addClass('loaded');

          }

      });

      $('#q_filter').keyup(function(){