#clone_url_id

{

    border: none;

}

img.icon, .right .merge img {

    vertical-align: bottom;

}

nav.navbar ul#logged-user,

#content div.panel div.panel-heading ul.links,

#content div.panel div.message div.dismiss,

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

    float: right;

    margin: 0;

    padding: 0;

}

nav.navbar #home,

#content div.panel ul.left,

#content div.panel ol.left,

div#commit_history,

div#legend_data, div#legend_container, div#legend_choices {

    float: left;

}

div#commit_history {

    width: 450px;

    height: 300px

}

div#overview {

    clear: both;

    width: 450px;

    height: 100px;

}

#content #left #menu ul.closed,

#content #left #menu li ul.collapsed,

.yui-tt-shadow {

    display: none;

}

#content #left #menu ul.opened,

#content #left #menu li ul.expanded {

    display: block !important;

}

#context-bar .select2-container .select2-choice .select2-chosen,

nav.navbar #quick .select2-container .select2-choice .select2-chosen {

    margin-right: 0;

}

.branch-switcher .select2-choice,

.repo-switcher .select2-choice {

    height: 100%;

    padding: 0;

}

.select2-container.form-control {

    padding: 0;

    border: none;

}

.branch-switcher .select2-container,

.branch-switcher .select2-choice,

.repo-switcher .select2-container,

.repo-switcher .select2-choice,

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: #FFFFFF !important;

}

.branch-switcher .select2-arrow,

.repo-switcher .select2-arrow {

    display: none !important;

}

.branch-switcher-dropdown.select2-drop.select2-drop-active,

.repo-switcher-dropdown.select2-drop.select2-drop-active {

    box-shadow: none;

    background-color: #577632;

    border: 1px solid rgba(0, 0, 0, .15);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

.repo-switcher-dropdown.select2-drop.select2-drop-active {

    color: black;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {

    color: white;

}

#content div.panel ol.lower-roman,

#content div.panel ol.upper-roman,

#content div.panel ol.lower-alpha,

#content div.panel ol.upper-alpha,

#content div.panel ol.decimal {

    margin: 10px 24px 10px 44px;

}

/* formencode htmlfill adds 'error' to failing input fields */

#content div.panel div.form div.form-group > div input.error,

#login div.form div.form-group > div input.error,

#register div.form div.form-group > div input.error {

    background: #FBE3E4;

    border-top: 1px solid #e1b2b3;

    border-left: 1px solid #e1b2b3;

    border-right: 1px solid #FBC2C4;

    border-bottom: 1px solid #FBC2C4;

}

/* formencode htmlfill injects 'error-message' */

</%def>

<%def name="repo_context_bar(current=None, rev=None)">

  <% rev = None if rev == 'tip' else rev %>

  <!--- CONTEXT BAR -->

  <nav id="context-bar" class="navbar navbar-inverse">

    <div class="container-fluid">

    <div class="navbar-header">

      <div class="navbar-brand">

        ${repotag(c.db_repo)}

        ## public/private

        %if c.db_repo.private:

          <i class="icon-keyhole-circled"></i>

        %else:

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

        %endif

        %for group in c.db_repo.groups_with_parents:

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

          »

        %endfor

        ${h.link_to(c.db_repo.just_name, url('summary_home', repo_name=c.db_repo.repo_name), class_='navbar-link')}

        %if current == 'createfork':

         - ${_('Create Fork')}

        %endif

      </div>

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#context-pages" aria-expanded="false">

        <span class="sr-only">Toggle navigation</span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

      </button>

    </div>

    <div id="context-pages" class="navbar-collapse collapse">

    <ul class="nav navbar-nav navbar-right">

        <li class="${'active' if current == 'summary' else ''}" data-context="summary"><a href="${h.url('summary_home', repo_name=c.repo_name)}"><i class="icon-doc-text"></i> ${_('Summary')}</a></li>

        %if rev:

        <li class="${'active' if current == 'changelog' else ''}" data-context="changelog"><a href="${h.url('changelog_file_home', repo_name=c.repo_name, revision=rev, f_path='')}"><i class="icon-clock"></i> ${_('Changelog')}</a></li>

        %else:

        <li class="${'active' if current == 'changelog' else ''}" data-context="changelog"><a href="${h.url('changelog_home', repo_name=c.repo_name)}"><i class="icon-clock"></i> ${_('Changelog')}</a></li>

        %endif

        <li class="${'active' if current == 'files' else ''}" data-context="files"><a href="${h.url('files_home', repo_name=c.repo_name, revision=rev or 'tip')}"><i class="icon-doc-inv"></i> ${_('Files')}</a></li>

        <li class="${'active' if current == 'switch-to' else ''}" data-context="switch-to">

          <input id="branch_switcher" name="branch_switcher" type="hidden">

        </li>

        <li class="${'active' if current == 'options' else ''} dropdown" data-context="options">

             %if h.HasRepoPermissionLevel('admin')(c.repo_name):

             %else:

             %endif

          <ul class="dropdown-menu" role="menu" aria-hidden="true">

             %if h.HasRepoPermissionLevel('admin')(c.repo_name):

                   <li><a href="${h.url('edit_repo',repo_name=c.repo_name)}"><i class="icon-gear"></i> ${_('Settings')}</a></li>

             %endif

              %if c.db_repo.fork:

               <li><a href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1], other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}">

                   <i class="icon-git-compare"></i> ${_('Compare Fork')}</a></li>

              %endif

              <li><a href="${h.url('compare_home',repo_name=c.repo_name)}"><i class="icon-git-compare"></i> ${_('Compare')}</a></li>

              <li><a href="${h.url('search_repo',repo_name=c.repo_name)}"><i class="icon-search"></i> ${_('Search')}</a></li>

              %if h.HasRepoPermissionLevel('write')(c.repo_name) and c.db_repo.enable_locking:

                %if c.db_repo.locked[0]:

                  <li><a href="${h.url('toggle_locking', repo_name=c.repo_name)}"><i class="icon-lock"></i> ${_('Unlock')}</a></li>

                %else:

                  <li><a href="${h.url('toggle_locking', repo_name=c.repo_name)}"><i class="icon-lock-open-alt"></i> ${_('Lock')}</a></li>

                %endif

              %endif

              ## TODO: this check feels wrong, it would be better to have a check for permissions

              ## also it feels like a job for the controller

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

                  <li>

                   <a href="#" class="${'following' if c.repository_following else 'follow'}" onclick="toggleFollowingRepo(this, ${c.db_repo.repo_id});">

                    <span class="show-follow"><i class="icon-heart-empty"></i> ${_('Follow')}</span>

                    <span class="show-following"><i class="icon-heart"></i> ${_('Unfollow')}</span>

                   </a>

                  </li>

                  <li><a href="${h.url('repo_fork_home',repo_name=c.repo_name)}"><i class="icon-git-pull-request"></i> ${_('Fork')}</a></li>

                  <li><a href="${h.url('pullrequest_home',repo_name=c.repo_name)}"><i class="icon-git-pull-request"></i> ${_('Create Pull Request')}</a></li>

              %endif

             </ul>

        </li>

        <li class="${'active' if current == 'showpullrequest' else ''}" data-context="showpullrequest">

          <a href="${h.url('pullrequest_show_all',repo_name=c.repo_name)}" title="${_('Show Pull Requests for %s') % c.repo_name}"> <i class="icon-git-pull-request"></i> ${_('Pull Requests')}

            %if c.repository_pull_requests:

              <span class="badge">${c.repository_pull_requests}</span>

            %endif

          </a>

        </li>

    </ul>

    </div>

    </div>

  </nav>

  <script type="text/javascript">

    $(document).ready(function() {

      var bcache = {};

      $("#branch_switcher").select2({

          dropdownAutoWidth: true,

          sortResults: prefixFirstSort,

          formatResult: function(obj) {

              return obj.text;

          },

          formatSelection: function(obj) {

              return obj.text;

          },

          formatNoMatches: function(term) {

              return ${h.jshtml(_('No matches found'))};

          },

          escapeMarkup: function(m) {

              // don't escape our custom placeholder

              if (m.substr(0, 25) == '<i class="icon-exchange">') {

                  return m;

              }

              return Select2.util.escapeMarkup(m);

          },

          containerCssClass: "branch-switcher",

          dropdownCssClass: "repo-switcher-dropdown",

          query: function(query) {

              var key = 'cache';

              var cached = bcache[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,

                                  'type': this.type,

                                  'obj': this.obj

                              });

                          }

                      });

                      if (children.length !== 0) {

                          data.results.push({

                              'text': section,

                              'children': children

                          });

                      }

          var context = $('#context-bar .active').data('context');

          if (context == 'files') {

              window.location = pyroutes.url('files_home', {

                  'repo_name': REPO_NAME,

                  'revision': e.choice.id,

                  'f_path': '',

                  'at': e.choice.text

              });

          } else if (context == 'changelog') {

              if (e.choice.type == 'tag' || e.choice.type == 'book') {

                  $("#branch_filter").append($('<'+'option/>').val(e.choice.text));

              }

              $("#branch_filter").val(e.choice.text).change();

          } else {

              window.location = pyroutes.url('changelog_home', {

                  'repo_name': ${h.js(c.repo_name)},

                  'branch': e.choice.text

              });

          }

      });

    });

  </script>

  <!--- END CONTEXT BAR -->

</%def>

<%def name="menu(current=None)">

  <ul id="quick" class="nav navbar-nav navbar-right">

    <!-- repo switcher -->

    <li class="${'active' if current == 'repositories' else ''}">

      <input id="repo_switcher" name="repo_switcher" type="hidden">

    </li>

    ##ROOT MENU

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

      <li class="${'active' if current == 'journal' else ''}">

        <a class="menu_link" title="${_('Show recent activity')}"  href="${h.url('journal')}">

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

        </a>

      </li>

    %else:

      <li class="${'active' if current == 'journal' else ''}">

        <a class="menu_link" title="${_('Public journal')}"  href="${h.url('public_journal')}">

          <i class="icon-book"></i> ${_('Public journal')}

        </a>

      </li>

    %endif

      <li class="${'active' if current == 'gists' else ''} dropdown">

        <a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" title="${_('Show public gists')}"  href="${h.url('gists')}">

        </a>

          <ul class="dropdown-menu" role="menu">

            <li><a href="${h.url('new_gist', public=1)}"><i class="icon-paste"></i> ${_('Create New Gist')}</a></li>

            <li><a href="${h.url('gists')}"><i class="icon-globe"></i> ${_('All Public Gists')}</a></li>

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

              <li><a href="${h.url('gists', public=1)}"><i class="icon-user"></i> ${_('My Public Gists')}</a></li>

              <li><a href="${h.url('gists', private=1)}"><i class="icon-keyhole-circled"></i> ${_('My Private Gists')}</a></li>

            %endif

          </ul>

      </li>

    <li class="${'active' if current == 'search' else ''}">

        <a class="menu_link" title="${_('Search in repositories')}"  href="${h.url('search')}">

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

        </a>

    </li>

    % if h.HasPermissionAny('hg.admin')('access admin main page'):

      <li class="${'active' if current == 'admin' else ''} dropdown">

        <a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" title="${_('Admin')}" href="${h.url('admin_home')}">

        </a>

        ${admin_menu()}

      </li>

    % elif request.authuser.repositories_admin or request.authuser.repository_groups_admin or request.authuser.user_groups_admin:

    <li class="${'active' if current == 'admin' else ''} dropdown">

        <a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" title="${_('Admin')}">

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

        </a>

        ${admin_menu_simple(request.authuser.repositories_admin,

                            request.authuser.repository_groups_admin,

                            request.authuser.user_groups_admin or h.HasPermissionAny('hg.usergroup.create.true')())}

    </li>

    % endif

    <li class="${'active' if current == 'my_pullrequests' else ''}">

      <a class="menu_link" title="${_('My Pull Requests')}" href="${h.url('my_pullrequests')}">

        <i class="icon-git-pull-request"></i> ${_('My Pull Requests')}

        %if c.my_pr_count != 0:

          <span class="badge">${c.my_pr_count}</span>

        %endif

      </a>

    </li>

    ## USER MENU

    <li class="dropdown">

      <a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" id="quick_login_link"

        aria-expanded="false" aria-controls="quick_login"

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

          href="${h.url('notifications')}"

        %else:

          href="#"

        %endif

      >

          ${h.gravatar_div(request.authuser.email, size=20, div_class="icon")}

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

            <span class="menu_link_user">${request.authuser.username}</span>

            %if c.unread_notifications != 0:

              <span class="badge">${c.unread_notifications}</span>

            %endif

          %else:

              <span>${_('Not Logged In')}</span>

          %endif

      </a>

      <div class="dropdown-menu user-menu" role="menu">

        <div id="quick_login" role="form" aria-describedby="quick_login_h" aria-hidden="true" class="container-fluid">

          %if request.authuser.username == 'default' or request.authuser.user_id is None:

            ${h.form(h.url('login_home', came_from=request.path_qs), class_='form clearfix')}

                <h4 id="quick_login_h">${_('Login to Your Account')}</h4>

                <label>

                    ${_('Username')}:

                    ${h.text('username',class_='form-control')}

                </label>

                <label>

                    ${_('Password')}:

                    ${h.password('password',class_='form-control')}

                </label>

                <div class="password_forgotten">

                    ${h.link_to(_('Forgot password?'),h.url('reset_password'))}

                </div>

                <div class="register">

                    %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():

                        ${h.link_to(_("Don't have an account?"),h.url('register'))}

                    %endif

                </div>

                <div class="submit">

                    ${h.submit('sign_in',_('Log In'),class_="btn btn-default btn-xs")}

                </div>

            ${h.end_form()}

          %else:

            <div class="pull-left">

                ${h.gravatar_div(request.authuser.email, size=48, div_class="big_gravatar")}

                <b class="full_name">${request.authuser.full_name_or_username}</b>

                <div class="email">${request.authuser.email}</div>

            </div>

            <div id="quick_login_h" class="pull-right list-group text-right">

              <a class="list-group-item" href="${h.url('notifications')}">${_('Notifications')}: ${c.unread_notifications}</a>

              ${h.link_to(_('My Account'),h.url('my_account'),class_='list-group-item')}

              %if not request.authuser.is_external_auth:

                ## Cannot log out if using external (container) authentication.

                ${h.link_to(_('Log Out'), h.url('logout_home'),class_='list-group-item')}

              %endif

            </div>

          %endif

        </div>

      </div>

    </li>

  </ul>

    <script type="text/javascript">

        $(document).ready(function(){

            var visual_show_public_icon = ${h.js(c.visual.show_public_icon)};

            var cache = {}

            /*format the look of items in the list*/

            var format = function(state){

                if (!state.id){

                  return state.text; // optgroup

                }

                var obj_dict = state.obj;

                var tmpl = '';

                if(obj_dict && state.type == 'repo'){

                    tmpl += '<span class="repo-icons">';

                    if(obj_dict['repo_type'] === 'hg'){

                        tmpl += '<span class="repotag">hg</span> ';

                    }

                    else if(obj_dict['repo_type'] === 'git'){

                        tmpl += '<span class="repotag">git</span> ';

                    }

                    if(obj_dict['private']){

                        tmpl += '<i class="icon-keyhole-circled"></i> ';

                    }

                    else if(visual_show_public_icon){

                        tmpl += '<i class="icon-globe"></i> ';

                    }

                    tmpl += '</span>';

                }

                if(obj_dict && state.type == 'group'){

                        tmpl += '<i class="icon-folder"></i> ';

                }

                tmpl += state.text;

                return tmpl;

            }

            $("#repo_switcher").select2({

                dropdownAutoWidth: true,

                sortResults: prefixFirstSort,

                formatResult: format,

                formatSelection: format,

                formatNoMatches: function(term){

                    return ${h.jshtml(_('No matches found'))};

                },

                containerCssClass: "repo-switcher",

                dropdownCssClass: "repo-switcher-dropdown",

                escapeMarkup: function(m){

                    // don't escape our custom placeholder

                    if(m.substr(0,29) == '<i class="icon-database"></i>'){

                        return m;

                    }

                    return Select2.util.escapeMarkup(m);

                },

                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, 'type': this.type, 'obj': this.obj});

                            }

                        });

                        if(children.length !== 0){

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

                        }

                    });

                    query.callback(data);

                  }else{

                      $.ajax({

                        url: ${h.js(h.url('repo_switcher_data'))},

                        data: {},

                        dataType: 'json',

                        type: 'GET',

                        success: function(data) {

                          cache[key] = data;

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

                        }

                      });