var get_group_name = function(node){

	var name = node.firstElementChild.children[1].innerHTML;

	return name

}

var get_date = function(node){

	var date_ = node.firstElementChild.innerHTML;

	return date_

}

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

	  var a_ = fromHTML(a.getData(field));

	  var b_ = fromHTML(b.getData(field));

	  // extract revisions from string nodes 

	  a_ = get_rev(a_)

	  b_ = get_rev(b_)

	  var comp = YAHOO.util.Sort.compare;

	  var compState = comp(a_, b_, desc);

	  return compState;

};

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

    var a_ = a.getData(field);

    var b_ = b.getData(field);

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

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

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_name(a_)

    b_ = get_name(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

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

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

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

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_group_name(a_)

    b_ = get_group_name(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

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

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_date(a_)

    b_ = get_date(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

		     %for repo in c.user_repos:     

		        <tr>

                    ##QUICK MENU

                    <td class="quick_repo_menu">

                      ${dt.quick_menu(repo['name'])}

                    </td>                

                    ##REPO NAME AND ICONS

                    <td class="reponame">

                      ${dt.repo_name(repo['name'],repo['dbrepo']['repo_type'],repo['dbrepo']['private'],repo['dbrepo_fork'].get('repo_name'))}

                    </td>

                    ##LAST REVISION

                    <td>

                        ${dt.revision(repo['name'],repo['rev'],repo['tip'],repo['author'],repo['last_msg'])}

                    </td>

		            <td><a href="${h.url('repo_settings_home',repo_name=repo['name'])}" title="${_('edit')}"><img class="icon" alt="${_('private')}" src="${h.url('/images/icons/application_form_edit.png')}"/></a></td>

		            <td>

	                  ${h.form(url('repo_settings_delete', repo_name=repo['name']),method='delete')}

	                    ${h.submit('remove_%s' % repo['name'],'',class_="delete_icon action_button",onclick="return confirm('"+_('Confirm to delete this repository: %s') % repo['name']+"');")}

	                  ${h.end_form()}

		            </td>

		        </tr>

		     %endfor

	     %else:

            <div style="padding:5px 0px 10px 0px;">

	     	${_('No repositories yet')}

	     	%if h.HasPermissionAny('hg.admin','hg.create.repository')():

	     		${h.link_to(_('create one now'),h.url('admin_settings_create_repository'),class_="ui-btn")}

	     	%endif

            </div>

	     %endif

	     </tbody>

	     </table>

       </div>

    </div>

    <div id="perms" class="table" style="display:none">

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

            <div class="perms_section_head">${section.replace("_"," ").capitalize()}</div>

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

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

              <thead>

                  <tr>

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

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

              </thead>

              <tbody>

            %for k in c.rhodecode_user.permissions[section]:

                <tr>

                    <td>

                        %if section == 'global':

                        %else:

                        <span class="perm_tag ${c.rhodecode_user.permissions[section].get(k).split('.')[-1] }">${c.rhodecode_user.permissions[section].get(k)}</span>

                        %endif

                     </td>

                </tr>

            %endfor

            </tbody>

            </table>

            </div>

           %endfor

    </div>

</div>

<script type="text/javascript">

var filter_activate = function(){

    var nodes = YUQ('#my tr td a.repo_name');

    var func = function(node){

        return node.parentNode.parentNode.parentNode.parentNode;

    }

    q_filter('q_filter',YUQ('#my tr td a.repo_name'),func);	

}

YUE.on('show_my','click',function(e){

    YUD.setStyle('perms','display','none');

    YUD.setStyle('my','display','');

    YUD.get('q_filter').removeAttribute('disabled');

    filter_activate();

    YUE.preventDefault(e);

})

YUE.on('show_perms','click',function(e){

    YUD.setStyle('my','display','none');

    YUD.setStyle('perms','display','');

    YUD.setAttribute('q_filter','disabled','disabled');

    YUE.preventDefault(e);

})

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

        sortOptions: { sortFunction: revisionSort }},

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

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

];

var myDataSource = new YAHOO.util.DataSource(YUD.get("repos_list"));