## DATA TABLE RE USABLE ELEMENTS

## usage:

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

<%def name="quick_menu(repo_name)">

  <ul class="menu_items hidden">

    <li style="border-top:1px solid #003367;margin-left:18px;padding-left:-99px"></li>

    <li>

       <a title="${_('Summary')}" href="${h.url('summary_home',repo_name=repo_name)}">

       <span class="icon">

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

       </span>

       <span>${_('Summary')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Changelog')}" href="${h.url('changelog_home',repo_name=repo_name)}">

       <span class="icon">

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

       </span>

       <span>${_('Changelog')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Files')}" href="${h.url('files_home',repo_name=repo_name)}">

       <span class="icon">

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

       </span>

       <span>${_('Files')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Fork')}" href="${h.url('repo_fork_home',repo_name=repo_name)}">

       <span class="icon">

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

       </span>

       <span>${_('Fork')}</span>

       </a>

    </li>

  </ul>

</%def>

    <%

    def get_name(name,short_name=short_name):

      if short_name:

        return name.split('/')[-1]

      else:

        return name

    %>

  <div style="white-space: nowrap">

   ##TYPE OF REPO

   %if h.is_hg(rtype):

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

   %elif h.is_git(rtype):

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

   %endif

   ##PRIVATE/PUBLIC

   %if 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

   ##NAME

   %if fork_of:

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

        <img class="icon" alt="${_('fork')}" title="${_('Fork of')} ${fork_of}" src="${h.url('/images/icons/arrow_divide.png')}"/></a>

   %endif

  </div>

</%def>

<%def name="revision(name,rev,tip,author,last_msg)">

  <div>

  %if rev >= 0:

      <pre><a title="${h.tooltip('%s:\n\n%s' % (author,last_msg))}" class="tooltip" href="${h.url('changeset_home',repo_name=name,revision=tip)}">${'r%s:%s' % (rev,h.short_id(tip))}</a></pre>

  %else:

      ${_('No changesets yet')}

  %endif

  </div>

</%def>

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

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

<%def name="title()">

    ${_('Repositories administration')} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))} » ${_('Repositories')}

</%def>

<%def name="page_nav()">

	${self.menu('admin')}

</%def>

<%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):

          <tr class="parity${(cnt+1)%2}">

              <td class="quick_repo_menu">

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

              </td>

              <td class="reponame">

              </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: %s') % repo['name']+"');")}

                ${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,

          {

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

  });

</script>

</%def>