background: #fff;

    border-bottom: 1px solid #cdcdcd;

    vertical-align: middle;

    padding: 5px;

}

#content div.panel table td.compact {

    padding: 0;

}

#content div.panel table tr.selected td {

    background: #FFC;

}

#content div.panel table td.selected {

    width: 3%;

    text-align: center;

    vertical-align: middle;

    padding: 0;

}

#content div.panel table td.action {

    width: 45%;

    text-align: left;

}

#content div.panel table td.date {

    width: 33%;

    text-align: center;

}

#content div.panel div.action {

    float: right;

    background: #FFF;

    text-align: right;

    margin: 10px 0 0;

    padding: 0;

}

#content div.panel div.action select {

    font-size: 11px;

    margin: 0;

}

#content div.panel div.action .ui-selectmenu {

    margin: 0;

    padding: 0;

}

#content div.panel ul.pagination {

    height: 1%;

    overflow: hidden;

    text-align: right;

    margin: 10px 0 0;

    padding: 0;

}

#content div.panel ul.pagination > li {

    display: inline;

}

#content div.panel ul.pagination > :first-child {

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

}

#content div.panel ul.pagination > :last-child {

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

    border-right: 1px solid #cfcfcf;

}

#content div.panel ul.pagination > li {

    height: 1%;

    float: left;

    background: #ebebeb url("../images/pager.png") repeat-x;

    border-top: 1px solid #dedede;

    border-left: 1px solid #cfcfcf;

    border-bottom: 1px solid #c4c4c4;

    color: #4A4A4A;

    font-weight: 700;

    padding: 6px;

}

#content div.panel ul.pagination > li.active {

    background: #b4b4b4 url("../images/pager_selected.png") repeat-x;

    border-top: 1px solid #ccc;

    border-left: 1px solid #bebebe;

    border-bottom: 1px solid #afafaf;

    color: #515151;

}

#content div.panel ul.pagination > a:hover,

#content div.panel ul.pagination > a:active {

    background: #b4b4b4 url("../images/pager_selected.png") repeat-x;

    border-top: 1px solid #ccc;

    border-left: 1px solid #bebebe;

    border-bottom: 1px solid #afafaf;

    text-decoration: none;

}

#content div.panel ul.pagination > li a {

    color: inherit;

    text-decoration: inherit;

}

#content div.panel div.traffic div.legend {

    clear: both;

    overflow: hidden;

    border-bottom: 1px solid #ddd;

    margin: 0 0 10px;

    padding: 0 0 10px;

}

#content div.panel div.traffic div.legend h6 {

    float: left;

    border: none;

    margin: 0;

    padding: 0;

}

#content div.panel div.traffic div.legend li {

    list-style: none;

    float: left;

    font-size: 11px;

    margin: 0;

    padding: 0 8px 0 4px;

}

#content div.panel div.traffic div.legend li.visits {

    border-left: 12px solid #edc240;

}

#content div.panel div.traffic div.legend li.pageviews {

    border-left: 12px solid #afd8f8;

}

#content div.panel div.traffic table {

    width: auto;

}

#content div.panel div.traffic table td {

    background: transparent;

    border: none;

    padding: 2px 3px 3px;

}

#content div.panel div.traffic table td.legendLabel {

    padding: 0 3px 2px;

}

#content div.panel #summary-panel-body {

    position: relative;

}

#content div.panel #summary {

    margin-right: 200px;

    min-height: 240px;

}

ul#summary-menu-stats {

    float: left;

    width: 180px;

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    background-color: #f9f9f9;

    border: 1px solid #d1d1d1;

    border-radius: 4px;

    margin: 10px 20px;

}

#content #summary-menu-stats li {

    border-top: 1px solid #d1d1d1;

    padding: 0;

}

#content #summary-menu-stats li:hover {

    background: #f0f0f0;

}

#content #summary-menu-stats li:first-child {

    border-top: none;

}

#summary-menu-stats a {

    display: block;

    padding: 12px 10px;

    background-repeat: no-repeat;

    background-position: 10px 50%;

    padding-right: 10px;

}

#repo_size_2.loaded {

    display: block;

    padding-right: 10px;

    padding-bottom: 7px;

}

#summary-menu-stats a:hover {

    text-decoration: none;

}

#summary-menu-stats .badge {

    padding: 2px 4px !important;

    font-size: 10px;

}

#summary .metatag {

    display: inline-block;

    padding: 3px 5px;

    margin-bottom: 3px;

    margin-right: 1px;

    border-radius: 5px;

}

#content div.panel #summary p {

    margin-bottom: -5px;

    width: 600px;

    white-space: pre-wrap;

}

#content div.panel #summary p:last-child {

    margin-bottom: 9px;

}

#content div.panel #summary p:first-of-type {

    margin-top: 9px;

}

.metatag {

    display: inline-block;

    margin-right: 1px;

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

    border: solid 1px #9CF;

    padding: 2px 3px 2px 3px !important;

    background-color: #DEF;

}

.metatag[data-tag="dead"] {

    background-color: #E44;

}

.metatag[data-tag="stale"] {

    background-color: #EA4;

}

.metatag[data-tag="featured"] {

    background-color: #AEA;

}

.metatag[data-tag="requires"] {

    background-color: #9CF;

}

.metatag[data-tag="recommends"] {

    background-color: #BDF;

}

.metatag[data-tag="lang"] {

    background-color: #FAF474;

}

.metatag[data-tag="license"] {

    border: solid 1px #9CF;

    background-color: #DEF;

}

.metatag[data-tag="see"] {

    border: solid 1px #CBD;

    background-color: #EDF;

}

a.metatag[data-tag="license"]:hover {

    background-color: #577632;

    color: #FFF;

    text-decoration: none;

}

#summary .desc {

    white-space: pre;

    width: 100%;

}

#summary .repo_name {

    font-size: 1.6em;

    font-weight: bold;

    vertical-align: baseline;

    clear: right

}

#footer {

    clear: both;

    overflow: hidden;

    text-align: right;

    margin: 0;

    padding: 10px 20px;

    margin: -10px 0 0;

    background-color: #577632;

    background-repeat: repeat-x;

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

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

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

}

#footer > span {

    color: #FFF;

    font-weight: 700;

}

#footer .navbar-link {

    color: #FFF;

}

#login div.panel-heading {

    clear: both;

    overflow: hidden;

    position: relative;

    background-color: #577632;

    background-repeat: repeat-x;

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

    padding: 0;

}

#login .panel-body .icon-lock {

    font-size: 100px;

    color: #DDD;

    position: absolute;

    margin-left: -20px;

    z-index: 1;

}

#login div.inner {

    background: #FFF;

    border-top: none;

    border-bottom: none;

    margin: 0 auto;

    padding: 20px;

}

#login div.form div.form-horizontal div.form-group > label {

    width: 173px;

    float: left;

    text-align: right;

    margin: 2px 10px 0 0;

    padding: 5px 0 0 5px;

}

#login div.form div.form-horizontal div.form-group div input {

    background: #FFF;

    border-top: 1px solid #b3b3b3;

    border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    color: #000;

    font-size: 11px;

    margin: 0;

    padding: 7px 7px 6px;

}

#login div.form .buttons {

    float: right;

}

#login div.form div.links {

    clear: both;

    overflow: hidden;

    margin: 10px 0 0;

    border-top: 1px solid #DDD;

    padding: 10px 0 0;

}

.user-menu {

    margin: 0px !important;

    float: left;

}

.user-menu .container {

    padding: 0px 4px 0px 4px;

    margin: 0px 0px 0px 0px;

}

.user-menu .gravatar {

    margin: 0px 0px 0px 0px;

    cursor: pointer;

}

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

<%block name="title">

    ${_('%s Summary') % c.repo_name}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Summary')}

    ## locking icon

    %if c.db_repo.enable_locking:

     %if c.db_repo.locked[0]:

       <span class="locking_locked icon-block" data-toggle="tooltip" title="${_('Repository locked by %s') % h.person_by_id(c.db_repo.locked[0])}"></span>

     %else:

       <span class="locking_unlocked icon-ok" data-toggle="tooltip" title="${_('Repository unlocked')}"></span>

     %endif

    %endif

    ##FORK

    %if c.db_repo.fork:

    <span>

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

    </span>

    %endif

    ##REMOTE

    %if c.db_repo.clone_uri:

    <span>

       - <i class="icon-fork"></i> ${_('Clone from')} "<a href="${h.url(str(h.hide_credentials(c.db_repo.clone_uri)))}">${h.hide_credentials(c.db_repo.clone_uri)}</a>"

    <span>

    %endif

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%block name="head_extra">

  <link href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}" rel="alternate" title="${_('%s ATOM feed') % c.repo_name}" type="application/atom+xml" />

  <link href="${h.url('rss_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" />

  <script>

  redirect_hash_branch = function(){

    var branch = window.location.hash.replace(/^#(.*)/, '$1');

    if (branch){

      window.location = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}"

        .replace('__BRANCH__',branch);

    }

  }

  redirect_hash_branch();

  window.onhashchange = function() {

    redirect_hash_branch();

  };

  </script>

</%block>

<%def name="main()">

${self.repo_context_bar('summary')}

<%

summary = lambda n:{False:'summary-short'}.get(n)

%>

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div id="summary-panel-body" class="form panel-body">

        <div id="summary" class="form-horizontal">

            <div class="form-group form-inline clearfix">

                <label>${_('Clone URL')}:</label>

                <div id="clone-url">

                  <div id="clone_by_name" class="input-group">

                    <span class="input-group-addon">${self.repotag(c.db_repo)}</span>

                    <input class="form-control" size="80" readonly="readonly" value="${c.clone_repo_url}"/>

                    <span class="input-group-addon btn">${_('Show by ID')}</span>

                  </div>

                  <div id="clone_by_id" class="input-group" style="display:none">

                    <span class="input-group-addon">${self.repotag(c.db_repo)}</span>

                    <input class="form-control" size="80" readonly="readonly" value="${c.clone_repo_url_id}"/>

                    <span class="input-group-addon btn">${_('Show by Name')}</span>

                  </div>

                </div>

            </div>

            <div class="form-group clearfix">

              <label>${_('Description')}:</label>

              <div class="${summary(c.show_stats)} desc">${h.urlify_text(c.db_repo.description, stylize=c.visual.stylify_metatags)}</div>

            </div>

            <div class="form-group clearfix">

              <label>${_('Trending files')}:</label>

              <div class="${summary(c.show_stats)}">

                %if c.show_stats:

                <div id="lang_stats"></div>

                %else:

                   ${_('Statistics are disabled for this repository')}

                   %if h.HasPermissionAny('hg.admin')('enable stats on from summary'):

                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name, anchor='repo_enable_statistics'),class_="btn btn-default btn-xs")}

                   %endif

                %endif

              </div>

            </div>

            <div class="form-group clearfix">

              <label>${_('Download')}:</label>

              <div class="${summary(c.show_stats)}">

                %if len(c.db_repo_scm_instance.revisions) == 0:

                  ${_('There are no downloads yet')}

                %elif not c.enable_downloads:

                  ${_('Downloads are disabled for this repository')}

                    %if h.HasPermissionAny('hg.admin')('enable downloads on from summary'):

                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name, anchor='repo_enable_downloads'),class_="btn btn-default btn-xs")}

                    %endif

                %else:

                    <span id="${'zip_link'}">

                        <a class="btn btn-default btn-sm" href="${h.url('files_archive_home',repo_name=c.db_repo.repo_name,fname='tip.zip')}"><i class="icon-file-zip"></i> ${_('Download as zip')}</a>

                    </span>

                    ${h.hidden('download_options')}

                    <span style="vertical-align: bottom">

                      <label data-toggle="tooltip" title="${_('Check this to download archive with subrepos')}">

                          <input id="archive_subrepos" type="checkbox" name="subrepos" />

                          ${_('With subrepos')}

                      </label>

                    </span>

                %endif

              </div>

            </div>

        </div>

        <ul id="summary-menu-stats" class="list-group">

            <li class="list-group-item">

               <a title="${_('Owner')} ${c.db_repo.owner.email}">

                <i class="icon-user"></i> ${c.db_repo.owner.username}

                ${h.gravatar_div(c.db_repo.owner.email, size=18, div_class="pull-right", div_style="margin: 0", div_title=c.db_repo.owner.full_name)}

              </a>

            </li>

            <li class="list-group-item">

               <a title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">

                <i class="icon-heart"></i> ${_('Followers')}

                <span class="badge pull-right" id="current_followers_count">${c.repository_followers}</span>

              </a>

            </li>

            <li class="list-group-item">

              <a title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">

                <i class="icon-fork"></i> ${_('Forks')}

                <span class="badge pull-right">${c.repository_forks}</span>

              </a>

            </li>

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

            <li class="list-group-item clearfix">

              <span  class="badge pull-right" id="repo_size_2"></span>

            </li>

            %endif

            <li class="list-group-item">

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

              <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>

            %else:

              <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>

            %endif

            </li>

            %if c.show_stats:

            <li class="list-group-item">

              <a title="${_('Statistics')}" href="${h.url('repo_stats_home',repo_name=c.repo_name)}">

                <i class="icon-graph"></i> ${_('Statistics')}

              </a>

            </li>

            %endif

        </ul>

    </div>

</div>

<div class="panel panel-primary">

    <div class="panel-heading">

        <div class="breadcrumbs panel-title">

        %if c.repo_changesets:

            ${h.link_to(_('Latest Changes'),h.url('changelog_home',repo_name=c.repo_name))}

        %else:

            ${_('Quick Start')}

         %endif

        </div>

    </div>

    <div class="panel-body">

        <div id="shortlog_data">

            <%include file='../changelog/changelog_summary_data.html'/>

        </div>

    </div>

</div>

%if c.readme_data:

<div id="readme" class="anchor">

<div class="panel panel-primary">

    <div class="panel-heading" title="${_('Readme file from revision %s:%s') % (c.db_repo.landing_rev[0], c.db_repo.landing_rev[1])}">

        <div class="breadcrumbs panel-title">

            <a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>

        </div>

    </div>

    <div class="readme panel-body">

      <div class="readme_box">

        ${c.readme_data|n}

      </div>

    </div>

</div>

</div>

%endif

<script type="text/javascript">

$(document).ready(function(){

    $('#clone-url input').click(function(e){

        if($(this).hasClass('selected')){

            $(this).removeClass('selected');

            return ;

        }else{

            $(this).addClass('selected');

            $(this).select();

        }

    });

    var $clone_by_name = $('#clone_by_name');

    var $clone_by_id = $('#clone_by_id');

    $clone_by_name.find('.btn').click(function(e){

        $clone_by_name.hide();

        $clone_by_id.show();

    });

    $clone_by_id.find('.btn').click(function(e){

        $clone_by_id.hide();

        $clone_by_name.show();

    });

    var cache = {}

    $("#download_options").select2({

        placeholder: _TM['Select changeset'],

        dropdownAutoWidth: true,

        query: function(query){

          var key = 'cache';

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            //filter results

            $.each(cached.results, function(){

                var section = this.text;

                var children = [];

                $.each(this.children, function(){

                    if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){

                        children.push({'id': this.id, 'text': this.text});

                    }

                });

                data.results.push({'text': section, 'children': children});

            });

            query.callback(data);

          }else{

              $.ajax({

                url: pyroutes.url('repo_refs_data', {'repo_name': '${c.repo_name}'}),

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

                  query.callback({results: data.results});

                }

              });

          }

        }

    });

    // on change of download options

    $('#download_options').change(function(e){

       var new_cs = e.added

       for(k in tmpl_links){

           var s = $('#'+k+'_link');

           if(s){

             var title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__','__CS_EXT__')}";

             title_tmpl= title_tmpl.replace('__CS_NAME__',new_cs.text);

             title_tmpl = title_tmpl.replace('__CS_EXT__',k);

             title_tmpl = '<i class="icon-file-zip"></i> '+ title_tmpl;

             var url = tmpl_links[k].replace('__CS__',new_cs.id);

             var subrepos = $('#archive_subrepos').is(':checked');

             url = url.replace('__SUB__',subrepos);

             url = url.replace('__NAME__',title_tmpl);

             s.html(url);

           }

       }

    });

    var tmpl_links = {};

    %for cnt,archive in enumerate(c.db_repo_scm_instance._get_archives()):

      tmpl_links["${archive['type']}"] = '${h.link_to('__NAME__', h.url('files_archive_home',repo_name=c.db_repo.repo_name, fname='__CS__'+archive['extension'],subrepos='__SUB__'),class_='btn btn-default btn-sm')}';

    %endfor

});

</script>

%if c.show_stats:

<script type="text/javascript">

$(document).ready(function(){

    var data = ${c.trending_languages|n};

    var total = 0;

    var no_data = true;

    var tbl = document.createElement('table');

    tbl.setAttribute('class','table');

    var cnt = 0;

    for (var i=0;i<data.length;i++){

        total+= data[i][1].count;

    }

    for (var i=0;i<data.length;i++){

        cnt += 1;

        no_data = false;

        var hide = cnt>2;

        var tr = document.createElement('tr');

        if (hide){

            tr.setAttribute('style','display:none');

            tr.setAttribute('class','stats_hidden');

        }

        var k = data[i][0];

        var obj = data[i][1];

        var percentage = Math.round((obj.count/total*100),2);

        var td1 = document.createElement('td');

        td1.width = 250;

        var trending_language_label = document.createElement('div');

        trending_language_label.innerHTML = obj.desc+" ("+k+")";

        td1.appendChild(trending_language_label);

        var td2 = document.createElement('td');

        td2.setAttribute('style','padding-right:14px !important');

        var trending_language = document.createElement('div');

        var nr_files = obj.count+" ${_('files')}";

        trending_language.title = k+" "+nr_files;

        if (percentage>22){

            trending_language.innerHTML = "<b class='progress-bar' role='progressbar'"

                + "aria-valuemin='0' aria-valuemax='100' aria-valuenow='" + percentage

                + "' style='width: " + percentage + "%;'>" + percentage + "%, " + nr_files + "</b>";

        }

        else{

            trending_language.innerHTML = "<b class='progress-bar' role='progressbar'"

                + "aria-valuemin='0' aria-valuemax='100' aria-valuenow='" + percentage

                + "' style='width: " + percentage + "%;'>" + percentage + "%</b>";

        }