margin-left: 0;

    padding: 0;

}

label {

    font-weight: inherit;

}

label.control-label {

    font-weight: bold;

}

#content nav.navbar {

    margin: 0 0 10px;

    border-radius: 4px 4px 4px 4px;

}

#content nav.navbar .navbar-brand {

    height: inherit;

    line-height: inherit;

}

.groups_breadcrumbs a {

    color: #fff;

}

.groups_breadcrumbs a:hover {

    color: #bfe3ff;

    text-decoration: none;

}

.dt_repo {

    white-space: nowrap;

    color: #577632;

}

.dt_repo_pending {

    opacity: 0.5;

}

.dt_repo i.icon-keyhole-circled,

.dt_repo i.icon-globe

{

    font-size: 16px;

    vertical-align: -2px;

    margin: 0px 1px 0px 3px;

}

#content #left {

    left: 0;

    width: 280px;

    position: absolute;

}

#content #right {

    margin: 0 60px 10px 290px;

}

div.panel-primary {

    margin: 0 0 10px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

    border: none;

}

div.panel div.panel-heading {

    background-color: #577632;

    background-repeat: repeat-x;

    background-image: linear-gradient(to bottom, #577632, #577632);

    border-radius: 4px 4px 0 0;

}

#content div.panel div.panel-heading ul.links li {

    list-style: none;

    float: left;

    margin: 0;

    padding: 0;

}

div.panel.panel-default {

    border: 1px solid #ccc;

    box-shadow: none;

    border-radius: 6px 6px 0px 0px;

    margin-bottom: 15px;

}

div.panel.panel-default:last-child {

    margin-bottom: 0;

}

div.panel.panel-default > div.panel-heading {

    background: #eee;

    border-bottom: 1px solid #ccc;

    font-size: 14px;

    font-weight: 700;

}

## DATA TABLE RE USABLE ELEMENTS

## usage:

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

<%namespace name="base" file="/base/base.html"/>

<%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 class="dt_repo ${'dt_repo_pending' if rstate == 'repo_state_pending' else ''}">

    ${base.repotag(rtype)}

    %if private and c.visual.show_private_icon:

      <i class="icon-keyhole-circled" title="${_('Private repository')}"></i>

    %elif not private and c.visual.show_public_icon:

      <i class="icon-globe" title="${_('Public repository')}"></i>

    %endif

    </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" title="${_('Repository creation in progress...')}"></i>

    %endif

  </div>

</%def>

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

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

</%def>

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

  <div>

  %if rev >= 0:

      <a data-toggle="popover" title="${author | entity}" data-content="${last_msg | entity}" class="hash" href="${h.url('changeset_home',repo_name=name,revision=tip)}">${'r%s:%s' % (rev,h.short_id(tip))}</a>

  %else:

      ${_('No changesets yet')}

  %endif

  </div>

</%def>

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

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

    <a title="${_('Subscribe to %s rss feed')% name}" href="${h.url('rss_feed_home',repo_name=name,api_key=request.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 request.authuser.username != 'default':

    <a title="${_('Subscribe to %s atom feed')% name}" href="${h.url('atom_feed_home',repo_name=name,api_key=request.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 class="grid_edit pull-left">

      <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_="btn btn-default btn-xs")}

      </a>

    </div>

    <div class="grid_delete pull-left">

            <div class="pull-left breadcrumbs">

                %if c.group is not None:

                    %for group in c.group.parents:

                        ${h.link_to(group.name, url('repos_group_home', group_name=group.group_name))}

                        »

                    %endfor

                    ${c.group.group_name}

                %endif

            </div>

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

              <div class="pull-right">

                <%

                    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.HasRepoGroupPermissionLevel('admin')(gr_name, 'can write into group index page')

                    group_write = h.HasRepoGroupPermissionLevel('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-default btn-xs"><i class="icon-plus"></i> ${_('Add Repository')}</a>

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

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

                        %endif

                  %else:

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

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

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

                    %endif

                  %endif

                %endif

                %if c.group and h.HasRepoGroupPermissionLevel('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-default btn-xs"><i class="icon-pencil"></i> ${_('Edit Repository Group')}</a>

                %endif

              </div>

            %endif

        </div>

        %if c.groups:

        <div class="panel-body">

              <table id="groups_list" class="table">

                  <thead>

                      <tr>

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

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

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

                      </tr>

                  </thead>

                  % for gr in c.groups:

                    <tr>

                        <td>

                            <div class="dt_repo">

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

                            </div>

                        </td>

                        <td>${h.urlify_text(gr.group_description, stylize=c.visual.stylify_metatags)}</td>

                        ## 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>

        %endif

        <div class="panel-body">

            <table class="table" id="repos_list_wrap"></table>

        </div>

    </div>

      <script>

        $('#groups_list').DataTable({

            dom: '<"dataTables_left"f><"dataTables_right"ilp>t',

            pageLength: 100

        });

        var data = ${h.js(c.data)},

            $dataTable = $("#repos_list_wrap").DataTable({

                data: data.records,

                columns: [

                    {data: "raw_name", visible: false, searchable: false},

                    {title: ${h.jshtml(_('Repository'))}, data: "name", orderData: [0,], render: {

                        filter: function(data, type, row, meta) {

                            return row.just_name;

                        }

                    }},

                    {data: "desc", title: ${h.jshtml(_('Description'))}, searchable: false},

                    {data: "last_change_iso", visible: false, searchable: false},

                    {data: "last_change", title: ${h.jshtml(_('Last Change'))}, orderData: [3,], searchable: false},

                    {data: "last_rev_raw", visible: false, searchable: false},

                    {data: "last_changeset", title: ${h.jshtml(_('Tip'))}, orderData: [5,], searchable: false},

                    {data: "owner", title: ${h.jshtml(_('Owner'))}, searchable: false},

                    {data: "atom", sortable: false}

                ],

                order: [[1, "asc"]],

                dom: '<"dataTables_left"f><"dataTables_right"ilp>t',

                pageLength: 100

            });

      </script>