{key:"atom"},

          ]

      };

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

              {

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

               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 func = function(node){

              return node.parentNode.parentNode.parentNode.parentNode;

          }

          q_filter('q_filter',YUQ('div.table tr td a.repo_name'),func);

      });

    </script>

    % else:

      <script>

        var data = ${c.data|n};

        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:"desc"},

               {key:"last_change"},

               {key:"last_changeset"},

               {key:"owner"},

               {key:"atom"},

            ]

         };

        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;

            }

            YUD.get('repo_count').innerHTML = res.results.length;

            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:"desc",label:"${_('Description')}",sortable:true},

            {key:"last_change",label:"${_('Last Change')}",sortable:true,

                sortOptions: { sortFunction: ageSort }},

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

                sortOptions: { sortFunction: revisionSort }},

            {key:"owner",label:"${_('Owner')}",sortable:true},

            {key:"atom",label:"",sortable:false},

        ];

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

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

          paginator: new YAHOO.widget.Paginator({

              rowsPerPage: ${c.visual.lightweight_dashboard_items},

              alwaysVisible: false,

              template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

              pageLinks: 5,

              containerClass: 'pagination-wh',

              currentPageClass: 'pager_curpage',

              pageLinkClass: 'pager_link',

              nextPageLinkLabel: '>',

              previousPageLinkLabel: '<',

              firstPageLinkLabel: '<<',

              lastPageLinkLabel: '>>',

              containers:['user-paginator']

          }),

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

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

          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

            });

        };

        YUE.on('q_filter','click',function(){

            if(!YUD.hasClass('q_filter', 'loaded')){

                YUD.get('q_filter').value = '';

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

                YUD.addClass('q_filter', 'loaded');

            }

         });

        YUE.on('q_filter','keyup',function (e) {

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter,600);

        });

      </script>

    % endif