<%def name="main()">

<div class="box">

    <div class="title">

        ${self.breadcrumbs()}

        <ul class="links">

          <li>

            <span>${h.link_to(_(u'ADD REPOSITORY'),h.url('new_repo'))}</span>

          </li>          

        </ul>        

    </div>

    <div class="table">

        <div id='repos_list_wrap' class="yui-skin-sam">

        <%cnt=0%>

        <%namespace name="dt" file="/_data_table/_dt_elements.html"/>

        <table id="repos_list">

         <thead>

          <tr>

            <th class="left"></th>

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

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

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

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

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

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

          </tr>

         </thead>

          %for cnt,repo in enumerate(c.repos_list,1):

          <tr class="parity${cnt%2}">

              <td class="quick_repo_menu">

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

              </td>

              <td class="reponame">

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

              </td>

              ##DESCRIPTION

              <td><span class="tooltip" title="${h.tooltip(repo['description'])}">

                 ${h.truncate(repo['description'],60)}</span>

              </td>

              ##LAST CHANGE

              <td>

                <span class="tooltip" title="${repo['last_change']}">${h.age(repo['last_change'])}</span>

              </td>

              ##LAST REVISION

              <td>

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

              </td>

            <td title="${repo['contact']}">${h.person(repo['contact'])}</td>

              <td>

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

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

                ${h.end_form()}

              </td>

          </tr>

          %endfor

        </table>

        </div>

    </div>

</div> 

<script>

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

          sortOptions: { sortFunction: revisionSort }},

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

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

  ];

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

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

  myDataSource.responseSchema = {

      fields: [

          {key:"menu"},

          {key:"name"},

          {key:"desc"},

          {key:"last_change"},

          {key:"tip"},

          {key:"owner"},

          {key:"action"},

      ]

  };

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

          {

          }

  );

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

      tooltip_activate();

      quick_repo_menu();

  });          

</script>   

</%def>    

                    </td>

                    ##LAST REVISION

                    <td>

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

                    </td>

                    ##

                    <td title="${repo['contact']}">${h.person(repo['contact'])}</td>

                    <td>

                      %if c.rhodecode_user.username != 'default':

                        <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'],api_key=c.rhodecode_user.api_key)}"></a>

                      %else:

                        <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'])}"></a>

                      %endif:                       

                    </td>        

                    <td>

                      %if c.rhodecode_user.username != 'default':

                        <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'],api_key=c.rhodecode_user.api_key)}"></a>

                      %else:

                        <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'])}"></a>

                      %endif:

                    </td>

                </tr>

            %endfor

            </tbody>

            </table>

            </div>

        </div>

    </div>

    <script>

      YUD.get('repo_count').innerHTML = ${cnt}; 

      var func = function(node){

          return node.parentNode.parentNode.parentNode.parentNode;

      }

      // groups table sorting

      var myColumnDefs = [

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

              sortOptions: { sortFunction: groupNameSort }},

          {key:"desc",label:"${_('Description')}",sortable:true},

      ];

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

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

      myDataSource.responseSchema = {

          fields: [

              {key:"name"},

              {key:"desc"},

          ]

      };

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

              {

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

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

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

              }

      );

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

        	  sortOptions: { sortFunction: revisionSort }},

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

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

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

      ];

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

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

      myDataSource.responseSchema = {

          fields: [

              {key:"menu"},

              {key:"name"},

              {key:"desc"},

              {key:"last_change"},

              {key:"tip"},

              {key:"owner"},

              {key:"rss"},

              {key:"atom"},

          ]

      };

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

              {

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

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

              }

      );

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

          tooltip_activate();

          quick_repo_menu();

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

      });          

    </script>

                        <img title="${_('following user')}" alt="${_('user')}" src="${h.url('/images/icons/user.png')}"/>

                        ${entry.follows_user.full_contact}

                      %endif

                      %if entry.follows_repo_id:

                        <div style="float:right;padding-right:5px">

                        <span id="follow_toggle_${entry.follows_repository.repo_id}" class="following" title="${_('Stop following this repository')}"

                              onclick="javascript:toggleFollowingRepo(this,${entry.follows_repository.repo_id},'${str(h.get_token())}')">

                        </span>                   

                        </div>

                         %if entry.follows_repository.repo_type == 'hg':

                           <img class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>

                         %elif entry.follows_repository.repo_type == 'git':

                           <img class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>

                         %endif                        

                        %if entry.follows_repository.private:

                          <img class="icon" title="${_('private repository')}" alt="${_('private repository')}" src="${h.url('/images/icons/lock.png')}"/>

                        %else:

                          <img class="icon" title="${_('public repository')}" alt="${_('public repository')}" src="${h.url('/images/icons/lock_open.png')}"/>

                        %endif

                        <span class="watched_repo">

                            ${h.link_to(entry.follows_repository.repo_name,h.url('summary_home',repo_name=entry.follows_repository.repo_name))}

                        </span>

                      %endif

                    </td>

                  </tr>

                %endfor

            </tbody>

            </table>

          %else:

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

              ${_('You are not following any users or repositories')}

              </div>

          %endif                  

        </div> 

    </div>

    <script type="text/javascript">

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

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

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

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

        var target = 'q_filter';

        var func = function(node){

            return node.parentNode.parentNode.parentNode.parentNode;

        }        

        q_filter(target,nodes,func);        

        YUE.preventDefault(e);

    })

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

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

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

        var nodes = YUQ('#watched .watched_repo a');

        var target = 'q_filter';

        var func = function(node){

            return node.parentNode.parentNode;

        }

        q_filter(target,nodes,func);        

        YUE.preventDefault(e);        

    })

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

        ypjax(e.currentTarget.href,"journal",function(){show_more_event();tooltip_activate();});

        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"));

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

    myDataSource.responseSchema = {

        fields: [

            {key:"menu"},

            {key:"name"},

            {key:"tip"},

            {key:"action1"},

            {key:"action2"}

        ]

    };

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

            {

            }

    );

    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('#my tr td a.repo_name'),func);

    });      

    </script>    

</%def>