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

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

<%block name="title">

    ${_('%s Repository Group Settings') % c.repo_group.name}

</%block>

<%def name="breadcrumbs_links()">

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

    »

    ${h.link_to(_('Repository Groups'),h.url('repos_groups'))}

    %if c.repo_group.parent_group:

        » ${h.link_to(c.repo_group.parent_group.name,h.url('repos_group_home',group_name=c.repo_group.parent_group.group_name))}

    %endif

    » ${c.repo_group.name}

</%def>

<%def name="breadcrumbs_side_links()">

    <ul class="links">

      <li>

          <a href="${h.url('new_repos_group', parent_group=c.repo_group.group_id)}" class="btn btn-small btn-success"><i class="icon-plus"></i> ${_(u'Add Child Group')}</a>

      </li>

    </ul>

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="box" style="overflow:auto">

    <div class="title">

        ${self.breadcrumbs()}

        ${self.breadcrumbs_side_links()}

    </div>

    ##main

    <div style="width: 150px; float:left">

        <ul class="nav nav-pills nav-stacked">

          <li>

           <div class="gravatar_box" style="height: 26px">

               <div class="truncate" style="margin:10px 0px 10px 0px; color:#5f5f5f; float:left; width: 100px">

               </div>

           </div>

          </li>

          <li class="${'active' if c.active=='settings' else ''}"><a href="${h.url('edit_repo_group', group_name=c.repo_group.group_name)}">${_('Settings')}</a></li>

          <li class="${'active' if c.active=='advanced' else ''}"><a href="${h.url('edit_repo_group_advanced', group_name=c.repo_group.group_name)}">${_('Advanced')}</a></li>

          <li class="${'active' if c.active=='perms' else ''}"><a href="${h.url('edit_repo_group_perms', group_name=c.repo_group.group_name)}">${_('Permissions')}</a></li>

        </ul>

    </div>

    <div style="width:750px; float:left; padding: 10px 0px 0px 20px;margin: 0px 0px 0px 10px; border-left: 1px solid #DDDDDD">

        <%include file="/admin/repo_groups/repo_group_edit_${c.active}.html"/>

    </div>

</div>

</%def>

       </a>

    </li>

    <li>

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

       <span class="icon">

           <i class="icon-clock"></i>

       </span>

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

       </a>

    </li>

    <li>

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

       <span class="icon">

           <i class="icon-docs"></i>

       </span>

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

       </a>

    </li>

    <li>

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

       <span class="icon">

           <i class="icon-fork"></i>

       </span>

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

       </a>

    </li>

    <li>

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

       <span class="icon">

           <i class="icon-gear"></i>

       </span>

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

       </a>

    </li>

  </ul>

</%def>

<%def name="repo_name(name,rtype,rstate,private,fork_of,short_name=False,admin=False)">

    <%

    def get_name(name,short_name=short_name):

      if short_name:

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

      else:

        return name

    %>

  <div style="white-space: nowrap; ${'opacity: 0.5' if rstate == 'repo_state_pending' else ''}}">

    ##NAME

    %if admin:

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

    %else:

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

    %endif

    ##TYPE OF REPO

    %if h.is_hg(rtype):

        <span class="repotag" title="${_('Mercurial repository')}">hg</span>

    %elif h.is_git(rtype):

        <span class="repotag" title="${_('Git repository')}">git</span>

    %endif

    ##PRIVATE/PUBLIC

    %if private and c.visual.show_private_icon:

      <i class="icon-keyhole-circled" title="${_('Private repository')}" style="font-size: 16px; vertical-align: -2px; margin: 0px 1px 0px 3px"></i>

    %elif not private and c.visual.show_public_icon:

      <i class="icon-globe" title="${_('Public repository')}" style="font-size: 16px; vertical-align: -2px; margin: 0px 1px 0px 3px"></i>

    %else:

      <span style="margin: 0px 8px 0px 8px"></span>

    %endif

    ${get_name(name)}

    </a>

    %if fork_of:

      <a href="${h.url('summary_home',repo_name=fork_of.repo_name)}"><i class="icon-fork"></i></a>

    %endif

    %if rstate == 'repo_state_pending':

      <i class="icon-wrench" style="color: #036185;" title="${_('Repository creation in progress...')}"></i>

    %endif

  </div>

</%def>

<%def name="last_change(last_change)">

  <span class="tooltip" date="${last_change}" title="${h.tooltip(h.fmt_date(last_change))}">${h.age(last_change)}</span>

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

<%def name="rss(name)">

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

    <a title="${_('Subscribe to %s rss feed')% name}" href="${h.url('rss_feed_home',repo_name=name,api_key=c.authuser.api_key)}"><i class="icon-rss-squared"></i></a>

  %else:

    <a title="${_('Subscribe to %s rss feed')% name}" href="${h.url('rss_feed_home',repo_name=name)}"><i class="icon-rss-squared"></i></a>

  %endif

</%def>

<%def name="atom(name)">

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

    <a title="${_('Subscribe to %s atom feed')% name}" href="${h.url('atom_feed_home',repo_name=name,api_key=c.authuser.api_key)}"><i class="icon-rss-squared"></i></a>

  %else:

    <a title="${_('Subscribe to %s atom feed')% name}" href="${h.url('atom_feed_home',repo_name=name)}"><i class="icon-rss-squared"></i></a>

  %endif

</%def>

<%def name="repo_actions(repo_name, super_user=True)">

  <div>

    <div style="float:left; margin-right:5px;" class="grid_edit">

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

        <i class="icon-pencil"></i> ${h.submit('edit_%s' % repo_name,_('edit'),class_="action_button")}

      </a>

    </div>

    <div style="float:left" class="grid_delete">

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

        <i class="icon-minus-circled" style="color:#FF4444"></i>

        ${h.submit('remove_%s' % repo_name,_('delete'),class_="action_button",

        onclick="return confirm('"+_('Confirm to delete this repository: %s') % repo_name+"');")}

      ${h.end_form()}

    </div>

  </div>

</%def>

<%def name="repo_state(repo_state)">

  <div>

    %if repo_state == 'repo_state_pending':

        <div class="btn btn-mini btn-info disabled">${_('Creating')}</div>

    %elif repo_state == 'repo_state_created':

        <div class="btn btn-mini btn-success disabled">${_('Created')}</div>

    %else:

        <div class="btn btn-mini btn-danger disabled" title="${repo_state}">invalid</div>

    %endif

  </div>

</%def>

<%def name="user_actions(user_id, username)">

 <div style="float:left" class="grid_edit">

   <a href="${h.url('edit_user',id=user_id)}" title="${_('edit')}">

     <i class="icon-pencil"></i> ${h.submit('edit_%s' % username,_('edit'),class_="action_button")}

   </a>

 </div>

 <div style="float:left" class="grid_delete">

  ${h.form(h.url('delete_user', id=user_id),method='delete')}

    <i class="icon-minus-circled" style="color:#FF4444"></i>

    ${h.submit('remove_',_('delete'),id="remove_user_%s" % user_id, class_="action_button",

    onclick="return confirm('"+_('Confirm to delete this user: %s') % username+"');")}

  ${h.end_form()}

 </div>

</%def>

<%def name="user_group_actions(user_group_id, user_group_name)">

 <div style="float:left" class="grid_edit">

    <a href="${h.url('edit_users_group', id=user_group_id)}" title="${_('Edit')}">

    <i class="icon-pencil"></i>

     ${h.submit('edit_%s' % user_group_name,_('edit'),class_="action_button", id_="submit_user_group_edit")}

    </a>

 </div>

 <div style="float:left" class="grid_delete">

    ${h.form(h.url('users_group', id=user_group_id),method='delete')}

      <i class="icon-minus-circled" style="color:#FF4444"></i>

      ${h.submit('remove_',_('delete'),id="remove_group_%s" % user_group_id, class_="action_button",

      onclick="return confirm('"+_('Confirm to delete this user group: %s') % user_group_name+"');")}

    ${h.end_form()}

 </div>

</%def>

<%def name="repo_group_actions(repo_group_id, repo_group_name, gr_count)">

 <div style="float:left" class="grid_edit">

    <a href="${h.url('edit_repo_group',group_name=repo_group_name)}" title="${_('Edit')}">

    <i class="icon-pencil"></i>

     ${h.submit('edit_%s' % repo_group_name, _('edit'),class_="action_button")}

    </a>

 </div>

 <div style="float:left" class="grid_delete">

    ${h.form(h.url('repos_group', group_name=repo_group_name),method='delete')}

        <i class="icon-minus-circled" style="color:#FF4444"></i>

        ${h.submit('remove_%s' % repo_group_name,_('delete'),class_="action_button",

        onclick="return confirm('"+ungettext('Confirm to delete this group: %s with %s repository','Confirm to delete this group: %s with %s repositories',gr_count) % (repo_group_name, gr_count)+"');")}

    ${h.end_form()}

 </div>

</%def>

<%def name="user_name(user_id, username)">

    ${h.link_to(username,h.url('edit_user', id=user_id))}

</%def>

<%def name="repo_group_name(repo_group_name, children_groups)">

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

  <a href="${h.url('repos_group_home',group_name=repo_group_name)}">

  </div>

</%def>

<%def name="user_group_name(user_group_id, user_group_name)">

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

  <a href="${h.url('edit_users_group', id=user_group_id)}">

    <i class="icon-users" title="${_('User group')}"></i> ${user_group_name}</a>

  </div>

</%def>

<%def name="toggle_follow(repo_id)">

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

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

  </span>

</%def>

<%page args="parent,group_name=''" />

    <div class="box">

        <!-- box / title -->

        <div class="title">

            <h5>

            <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/> ${parent.breadcrumbs()} <span id="repo_count">0</span> ${_('repositories')}

            </h5>

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

              <ul class="links">

                <li>

                <%

                    gr_name = c.group.group_name if c.group else None

                    # create repositories with write permission on group is set to true

                    create_on_write = h.HasPermissionAny('hg.create.write_on_repogroup.true')()

                    group_admin = h.HasRepoGroupPermissionAny('group.admin')(gr_name, 'can write into group index page')

                    group_write = h.HasRepoGroupPermissionAny('group.write')(gr_name, 'can write into group index page')

                %>

                %if h.HasPermissionAny('hg.admin','hg.create.repository')() or (group_admin or (group_write and create_on_write)):

                  %if c.group:

                        <a href="${h.url('new_repo',parent_group=c.group.group_id)}" class="btn btn-small btn-success"><i class="icon-plus"></i> ${_('Add Repository')}</a>

                        %if h.HasPermissionAny('hg.admin')() or h.HasRepoGroupPermissionAny('group.admin')(c.group.group_name):

                            <a href="${h.url('new_repos_group', parent_group=c.group.group_id)}" class="btn btn-small"><i class="icon-plus"></i> ${_(u'Add Repository Group')}</a>

                        %endif

                  %else:

                    <a href="${h.url('new_repo')}" class="btn btn-small btn-success"><i class="icon-plus"></i> ${_('Add Repository')}</a>

                    %if h.HasPermissionAny('hg.admin')():

                        <a href="${h.url('new_repos_group')}" class="btn btn-small"><i class="icon-plus"></i> ${_(u'Add Repository Group')}</a>

                    %endif

                  %endif

                %endif

                %if c.group and h.HasRepoGroupPermissionAny('group.admin')(c.group.group_name):

                    <a href="${h.url('edit_repo_group',group_name=c.group.group_name)}" title="${_('You have admin right to this group, and can edit it')}" class="btn btn-small"><i class="icon-pencil"></i> ${_('Edit Repository Group')}</a>

                %endif

                </li>

              </ul>

            %endif

        </div>

        <!-- end box / title -->

        <div class="table">

           % if c.groups:

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

              <table id="groups_list">

                  <thead>

                      <tr>

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

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

                          ##<th class="left"><a href="#">${_('Number of Repositories')}</a></th>

                      </tr>

                  </thead>

                  ## REPO GROUPS

                  % for gr in c.groups:

                    <tr>

                        <td>

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

                            </div>

                        </td>

                        %if c.visual.stylify_metatags:

                            <td>${h.urlify_text(h.desc_stylize(gr.group_description))}</td>

                        %else:

                            <td>${gr.group_description}</td>

                        %endif

                        ## this is commented out since for multi nested repos can be HEAVY!

                        ## in number of executed queries during traversing uncomment at will

                        ##<td><b>${gr.repositories_recursive_count}</b></td>

                    </tr>

                  % endfor

              </table>

            </div>

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

            <div style="height: 20px"></div>

            % endif

            <div id="welcome" style="display:none;text-align:center">

                <h1><a href="${h.url('home')}">${c.site_name} ${c.kallithea_version}</a></h1>

            </div>

            <%cnt=0%>

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

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

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

        </div>

    </div>

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

               {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, ${len(group_name)})

                    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: YUI_paginator(${c.visual.dashboard_items},['user-paginator']),

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

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

          MSG_EMPTY:"${_('No repositories 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(){

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter,600);

        });

        if($('#q_filter').val()) {

            updateFilter();

        }

      </script>