/**

 * Stylesheets for the context bar

 */

i.icon-arrow-right { background-image: url('../images/icons/arrow_right.png');}

i.icon-ban-circle { background-image: url("../images/icons/cancel.png"); }

i.icon-bar-chart { background-image: url("../images/icons/chart_bar.png"); }

i.icon-bookmark { background-image: url("../images/icons/tag_green.png"); }

i.icon-code-merge { background-image: url("../images/icons/arrow_merge.png"); } /* unused! */

i.icon-cogs { background-image: url("../images/icons/table_gear.png"); }

i.icon-ellipsis-horizontal:after { content: ' ...';}

i.icon-eye-open { background-image: url("../images/icons/eye.png"); }

i.icon-file { background-image: url("../images/icons/file.png"); }

i.icon-file-txt { background-image: url("../images/icons/note_error.png"); }

i.icon-git { background-image: url('../images/icons/giticon.png');}

i.icon-group { background-image: url("../images/icons/group_edit.png"); }

i.icon-heart { background-image: url("../images/icons/heart_delete.png"); }

i.icon-heart-empty { background-image: url("../images/icons/heart.png"); }

i.icon-hg { background-image: url('../images/icons/hgicon.png');}

i.icon-lock { background-image: url('../images/icons/lock.png');}

i.icon-lock-alt { background-image: url('../images/icons/private_repo.png');}

i.icon-loop { background-image: url('../images/icons/arrow_inout.png');}

i.icon-loop-2 { background-image: url('../images/icons/arrow_inout.png');}

i.icon-private { background-image: url('../images/icons/private_repo.png');}

i.icon-public { background-image: url('../images/icons/public_repo.png');}

i.icon-random { background-image: url("../images/icons/arrow_switch.png"); }

i.icon-refresh { background-image: url('../images/icons/arrow_refresh.png');}

i.icon-tag { background-image: url("../images/icons/tag_blue.png"); }

i.icon-time { background-image: url("../images/icons/time.png"); }

i.icon-list-alt { background-image: url("../images/icons/time.png"); }

i.icon-unlock { background-image: url('../images/icons/lock_open.png');}

i.icon-unlock-alt { background-image: url('../images/icons/public_repo.png');}

i.icon-wrench { background-image: url("../images/icons/wrench.png"); }

i.icon-rss-sign { background-image: url('../images/icons/rss_16.png');}

i.icon-plus-sign { background-image: url('../images/icons/add.png');}

i.icon-chevron-left:after { content: "\00AB";}

i.icon-chevron-right:after { content: "\00BB";}

i.icon-pencil { background-image: url('../images/icons/application_form_edit.png');}

i.icon-remove { background-image: url('../images/icons/delete.png');}

i.icon-remove-sign { background-image: url('../images/icons/delete.png');}

i.icon-plus { background-image: url('../images/icons/plus_16.png');}

i.icon-resize-vertical { background-image: url('../images/icons/text_align_left.png');}

i.icon-ok-sign { background-image: url('../images/icons/tick.png');}

i.icon-minus-sign { background-image: url('../images/icons/delete.png');}

i.icon-disabled { background-image: url('../images/icons/shading.png');} /* todo: use instead of minus sign */

i[class^='icon-'] {

    background-repeat: no-repeat;

    background-position: center;

    display: inline-block;

    min-width: 16px;

    min-height: 16px;

    margin: -2px 0 -4px 0;

    /* background-color: red; /* for debugging */

}

#content #context-bar {

    position: relative;

    overflow: visible;

    background-color: #577632;

    padding: 0 5px;

    min-height: 36px;

}

#content #context-bar h2 {

    display: inline-block;

    color: #FFF;

}

#header #header-inner #quick a,

#content #context-bar,

#content #context-bar a {

    color: #FFFFFF;

}

#header #header-inner #quick a:hover,

#content #context-bar a:hover {

    text-decoration: none;

}

#content #context-bar .icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: text-bottom;

}

ul.horizontal-list {

    display: block;

}

ul.horizontal-list > li {

    float: left;

    position: relative;

}

#header #header-inner #quick ul,

ul.horizontal-list > li ul {

    position: absolute;

    display: none;

    right: 0;

    z-index: 999;

}

#header #header-inner #quick li:hover > ul,

ul.horizontal-list li:hover > ul {

    display: block;

}

#header #header-inner #logo a:hover {

    color: #bfe3ff;

}

#header #header-inner #quick {

    position: relative;

    float: right;

    list-style-type: none;

    list-style-position: outside;

    margin: 4px 8px 0 0;

    padding: 0;

    border-radius: 4px;

}

#header #header-inner #quick li span.short {

    padding: 9px 6px 8px 6px;

}

#header #header-inner #quick li span {

    display: inline;

    margin: 0;

}

#header #header-inner #quick li span.normal {

    border: none;

    padding: 10px 12px 8px;

}

#header #header-inner #quick li span.icon {

    border-left: none;

    padding-left: 10px;

}

#header #header-inner #quick li span.icon_short {

    top: 0;

    left: 0;

    border-left: none;

    border-right: 1px solid #2e5c89;

    padding: 8px 6px 4px;

}

#header #header-inner #quick li span.icon img,

#header #header-inner #quick li span.icon_short img {

    vertical-align: middle;

    margin-bottom: 2px;

}

#header #header-inner #quick ul.repo_switcher {

    max-height: 275px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul.repo_switcher li.qfilter_rs {

    padding: 2px 3px;

    padding-right: 17px;

}

#header #header-inner #quick ul.repo_switcher li.qfilter_rs input {

    width: 100%;

    border-radius: 10px;

    padding: 2px 7px;

}

#header #header-inner #quick .repo_switcher_type {

    position: absolute;

    left: 0;

    top: 9px;

    margin: 0px 2px 0px 2px;

}

#header #header-inner #quick li ul li a.private_repo,

#header #header-inner #quick li ul li a.private_repo:hover {

    background-image: url("../images/icons/private_repo.png")

}

#header #header-inner #quick li ul li a.public_repo,

#header #header-inner #quick li ul li a.public_repo:hover {

    background-image: url("../images/icons/public_repo.png");

}

#header #header-inner #quick li ul li a.hg,

#header #header-inner #quick li ul li a.hg:hover {

    background-image: url("../images/icons/hgicon.png");

    padding-left: 42px;

    background-position: 20px 9px;

}

#header #header-inner #quick li ul li a.git,

#header #header-inner #quick li ul li a.git:hover {

    background-image: url("../images/icons/giticon.png");

    padding-left: 42px;

    background-position: 20px 9px;

}

#header #header-inner #quick li ul li a.groups,

#header #header-inner #quick li ul li a.groups:hover {

    background-image: url("../images/icons/group_edit.png");

}

#header #header-inner #quick li ul li a.defaults,

#header #header-inner #quick li ul li a.defaults:hover {

    background-image: url("../images/icons/wrench.png");

}

#header #header-inner #quick li ul li a.permissions,

#header #header-inner #quick li ul li a.permissions:hover {

    background-image: url("../images/icons/key.png");

}

#header #header-inner #quick li ul li a.fork,

#header #header-inner #quick li ul li a.fork:hover {

    background-image: url("../images/icons/arrow_divide.png");

}

#header #header-inner #quick li ul li a.locking_add,

#header #header-inner #quick li ul li a.locking_add:hover {

    background-image: url("../images/icons/lock_add.png");

}

#header #header-inner #quick li ul li a.locking_del,

#header #header-inner #quick li ul li a.locking_del:hover {

    background-image: url("../images/icons/lock_delete.png");

}

#header #header-inner #quick li ul li a.pull_request,

#header #header-inner #quick li ul li a.pull_request:hover {

    background-image: url("../images/icons/arrow_join.png") ;

}

#header #header-inner #quick li ul li a.compare_request,

#header #header-inner #quick li ul li a.compare_request:hover {

    background-image: url("../images/icons/arrow_inout.png");

}

#header #header-inner #quick li ul li a.delete,

#header #header-inner #quick li ul li a.delete:hover {

    background-image: url("../images/icons/delete.png");

}

#header #header-inner #quick li ul li a.tags,

#header #header-inner #quick li ul li a.tags:hover {

    background: #FFF url("../images/icons/tag_blue.png") no-repeat 4px 9px;

    width: 167px;

    margin: 0;

    padding: 12px 9px 7px 24px;

}

#header #header-inner #quick li ul li a.bookmarks,

#header #header-inner #quick li ul li a.bookmarks:hover {

    background: #FFF url("../images/icons/tag_green.png") no-repeat 4px 9px;

    width: 167px;

    margin: 0;

    padding: 12px 9px 7px 24px;

}

.groups_breadcrumbs a {

    color: #fff;

}

.groups_breadcrumbs a:hover {

    color: #bfe3ff;

    text-decoration: none;

}

td.quick_repo_menu {

    background: #FFF url("../images/vertical-indicator.png") 8px 50% no-repeat !important;

    cursor: pointer;

    width: 8px;

    border: 1px solid transparent;

}

td.quick_repo_menu.active {

    background: url("../images/dt-arrow-dn.png") no-repeat scroll 5px 50% #FFFFFF !important;

    border: 1px solid #577632;

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

    cursor: pointer;

}

td.quick_repo_menu .menu_items {

    margin-top: 10px;

    margin-left: -6px;

    width: 150px;

    position: absolute;

    background-color: #FFF;

    background: none repeat scroll 0 0 #FFFFFF;

    border-color: #577632 #666666 #666666;

    border-right: 1px solid #666666;

    border-style: solid;

    border-width: 1px;

    box-shadow: 2px 8px 4px rgba(0, 0, 0, 0.2);

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

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

<!-- HEADER -->

<div id="header">

    <div id="header-inner" class="title">

        <div id="logo">

          <a href="${h.url('home')}" style="display: block;">

            <div class="header">

                <img src="${h.url('/images/kallithea-logo.svg')}" onerror="this.src='${h.url('/images/kallithea-logo.png')}'" alt="Kallithea"/>

            </div>

            %if c.site_name:

             <div class="branding">${c.site_name}</div>

            %endif

          </a>

        </div>

        <!-- MENU -->

        ${self.page_nav()}

        <!-- END MENU -->

        ${self.body()}

    </div>

</div>

<!-- END HEADER -->

<!-- CONTENT -->

<div id="content">

    ${self.flash_msg()}

    <div id="main">

        ${next.main()}

    </div>

</div>

<!-- END CONTENT -->

<!-- FOOTER -->

<div id="footer">

   <div id="footer-inner" class="title">

       <div>

           <p class="footer-link">

               ${_('Server instance: %s') % c.instance_id if c.instance_id else ''}

           </p>

           <p class="footer-link-right">

               This site is powered by

               %if c.visual.show_version:

                   <a href="${h.url('kallithea_project_url')}" target="_blank">Kallithea</a> ${c.kallithea_version},

               %else:

                   <a href="${h.url('kallithea_project_url')}" target="_blank">Kallithea</a>,

               %endif

               which is

               <a href="${h.canonical_url('about')}#copyright">&copy; 2010&ndash;2014 by various authors &amp; licensed under GPLv3</a>.

               %if c.issues_url:

                   &ndash; <a href="${c.issues_url}" target="_blank">${_('Support')}</a>

               %endif

           </p>

       </div>

   </div>

</div>

<!-- END FOOTER -->

### MAKO DEFS ###

<%def name="flash_msg()">

    <%include file="/base/flash_msg.html"/>

</%def>

<%def name="breadcrumbs()">

    <div class="breadcrumbs">

    ${self.breadcrumbs_links()}

    </div>

</%def>

<%def name="admin_menu()">

  <ul class="admin_menu">

      <li><a href="${h.url('admin_home')}"><i class="icon-book"></i> ${_('Admin Journal')}</a></li>

      <li><a href="${h.url('repos')}"><i class="icon-database"></i> ${_('Repositories')}</a></li>

      <li><a href="${h.url('users')}"><i class="icon-user"></i> ${_('Users')}</a></li>

      <li><a href="${h.url('users_groups')}"><i class="icon-group"></i> ${_('User Groups')}</a></li>

      <li><a href="${h.url('admin_permissions')}"><i class="icon-ban-circle"></i> ${_('Permissions')}</a></li>

      <li><a href="${h.url('auth_home')}"><i class="icon-key"></i> ${_('Authentication')}</a></li>

      <li><a href="${h.url('defaults')}"><i class="icon-wrench"></i> ${_('Defaults')}</a></li>

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

  </ul>

</%def>

## admin menu used for people that have some admin resources

<%def name="admin_menu_simple(repositories=None, repository_groups=None, user_groups=None)">

  <ul>

   %if repositories:

      <li><a href="${h.url('repos')}"><i class="icon-database"></i> ${_('Repositories')}</a></li>

   %endif

   %if repository_groups:

   %endif

   %if user_groups:

      <li><a href="${h.url('users_groups')}"><i class="icon-group"></i> ${_('User Groups')}</a></li>

   %endif

  </ul>

</%def>

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

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

  <%

      def follow_class():

          if c.repository_following:

              return h.literal('following')

          else:

              return h.literal('follow')

  %>

  <%

    def is_current(selected):

        if selected == current:

            return h.literal('class="current"')

    %>

  <!--- CONTEXT BAR -->

  <div id="context-bar" class="box">

      <h2>

        %if h.is_hg(c.db_repo):

          <i class="icon-hg" style="color: #576622; font-size: 24px"></i>

        %endif

        %if h.is_git(c.db_repo):

          <i class="icon-git" style="color: #e85634; font-size: 24px"></i>

        %endif

        ## public/private

        %if c.db_repo.private:

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

        %else:

          <i class="icon-unlock-alt"></i>

        %endif

        ${h.repo_link(c.db_repo.groups_and_repo)}

        %if current == 'createfork':

         - ${_('Create Fork')}

        %endif

      </h2>

      <!--

      <div id="breadcrumbs">

        ${h.link_to(_(u'Repositories'),h.url('home'))}

        »

        ${h.repo_link(c.db_repo.groups_and_repo)}

      </div>

      -->

      <ul id="context-pages" class="horizontal-list">

        <li ${is_current('summary')}><a href="${h.url('summary_home', repo_name=c.repo_name)}"><i class="icon-file-text"></i> ${_('Summary')}</a></li>

        %if rev:

        <li ${is_current('changelog')}><a href="${h.url('changelog_file_home', repo_name=c.repo_name, revision=rev, f_path='')}"><i class="icon-time"></i> ${_('Changelog')}</a></li>

        %else:

        <li ${is_current('changelog')}><a href="${h.url('changelog_home', repo_name=c.repo_name)}"><i class="icon-time"></i> ${_('Changelog')}</a></li>

        %endif

        <li ${is_current('files')}><a href="${h.url('files_home', repo_name=c.repo_name, revision=rev or 'tip')}"><i class="icon-file"></i> ${_('Files')}</a></li>

        <li ${is_current('switch-to')}>

          <a href="#" id="branch_tag_switcher_2" class="dropdown"><i class="icon-random"></i> ${_('Switch To')}</a>

          <ul id="switch_to_list_2" class="switch_to submenu">

            <li><a href="#">${_('Loading...')}</a></li>

          </ul>

        </li>

        <li ${is_current('options')}>

             %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):

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

             %else:

               <a href="#" class="dropdown"><i class="icon-cogs"></i> ${_('Options')}</a>

             %endif

          <ul>

             %if h.HasRepoPermissionAll('repository.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-loop"></i> ${_('Compare Fork')}</a></li>

              %endif

              <li><a href="${h.url('compare_home',repo_name=c.repo_name)}"><i class="icon-loop"></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.HasRepoPermissionAny('repository.write','repository.admin')(c.repo_name) and c.db_repo.enable_locking:

                %if c.db_repo.locked[0]:

                  <li>${h.link_to(_('Unlock'), h.url('toggle_locking',repo_name=c.repo_name),class_='locking_del')}</li>

                %else:

                  <li>${h.link_to(_('Lock'), h.url('toggle_locking',repo_name=c.repo_name),class_='locking_add')}</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 c.authuser.username != 'default':

                  <li>

                   <a class="${follow_class()}" onclick="javascript:toggleFollowingRepo(this,${c.db_repo.repo_id},'${str(h.get_token())}');">

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

          </span>

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

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

            %if c.unread_notifications != 0:

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

            %endif

          %else:

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

          %endif

      </a>

      <div class="user-menu">

        <div id="quick_login">

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

            <h4>${_('Login to Your Account')}</h4>

            ${h.form(h.url('login_home',came_from=h.url.current()))}

            <div class="form">

                <div class="fields">

                    <div class="field">

                        <div class="label">

                            <label for="username">${_('Username')}:</label>

                        </div>

                        <div class="input">

                            ${h.text('username',class_='focus')}

                        </div>

                    </div>

                    <div class="field">

                        <div class="label">

                            <label for="password">${_('Password')}:</label>

                        </div>

                        <div class="input">

                            ${h.password('password',class_='focus')}

                        </div>

                    </div>

                    <div class="buttons">

                        <div class="password_forgoten">${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-mini")}

                        </div>

                    </div>

                </div>

            </div>

            ${h.end_form()}

          %else:

            <div class="links_left">

                <div class="big_gravatar"><img alt="gravatar" src="${h.gravatar_url(c.authuser.email,48)}" /></div>

                <div class="full_name">${c.authuser.full_name_or_username}</div>

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

            </div>

            <div class="links_right">

            <ol class="links">

              <li><a href="${h.url('notifications')}">${_('Notifications')}: ${c.unread_notifications}</a></li>

              <li>${h.link_to(_(u'My Account'),h.url('my_account'))}</li>

              <li class="logout">${h.link_to(_(u'Log Out'),h.url('logout_home'))}</li>

            </ol>

            </div>

          %endif

        </div>

      </div>

    </li>

    <script type="text/javascript">

        var visual_show_public_icon = "${c.visual.show_public_icon}" == "True";

        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 += '<i class="icon-hg"></i> ';

                }

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

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

                }

                if(obj_dict['private']){

                    tmpl += '<i class="icon-lock" style="color: #e85634;"></i> ';

                }

                else if(visual_show_public_icon){

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

                }

                tmpl += '</span>';

            }

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

            }

            tmpl += state.text;

            return tmpl;

        }

        $("#repo_switcher").select2({

            placeholder: '<i class="icon-database"></i> ${_('Repositories')}',

            dropdownAutoWidth: true,

            formatResult: format,

            formatSelection: format,

            formatNoMatches: function(term){

                return "${_('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.url('repo_switcher_data')}",

                    data: {},

                    dataType: 'json',

                    type: 'GET',

                    success: function(data) {

                      cache[key] = data;

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

                    }

                  })

              }

            }

        });

        $("#repo_switcher").on('select2-selecting', function(e){

            e.preventDefault();

            window.location = pyroutes.url('summary_home', {'repo_name': e.val})

        })

        ## Global mouse bindings ##

        // general help "?"

        Mousetrap.bind(['?'], function(e) {

            $('#help_kb').modal({})

        });

        // / open the quick filter

        Mousetrap.bind(['/'], function(e) {

            $("#repo_switcher").select2("open");

            // return false to prevent default browser behavior

            // and stop event from bubbling

            return false;

        });

        // ctrl/command+b, show the the main bar

        Mousetrap.bind(['command+b', 'ctrl+b'], function(e) {

            if($('#header-inner').hasClass('hover') && $('#content').hasClass('hover')){

                $('#header-inner').removeClass('hover');

                $('#content').removeClass('hover');

            }

            else{

                $('#header-inner').addClass('hover');

                $('#content').addClass('hover');

            }

            return false;

        });

        // general nav g + action

        Mousetrap.bind(['g h'], function(e) {

            window.location = pyroutes.url('home');

        });