border-top: 1px solid #DDD;

    border-left: 1px solid #c6c6c6;

    border-right: 1px solid #DDD;

    border-bottom: 1px solid #c6c6c6;

    outline: none;

    margin: 0px 3px 3px 0px;

    border-radius: 4px 4px 4px 4px !important;

    cursor: pointer !important;

    padding: 3px 3px 3px 3px;

    display: inline-block;

}

ul.nav-stacked {

    margin: 20px;

    color: #393939;

    font-weight: 700;

}

ul.nav-stacked a {

    color: inherit;

}

ul.nav-stacked li.active {

    list-style-type: disc

}

/* make .btn inputs and buttons and divs look the same */

button.btn,

input.btn {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

.btn::-moz-focus-inner {

    border: 0;

    padding: 0;

}

.btn.badge {

    cursor: default !important;

}

input[disabled].btn,

.btn.disabled {

    color: #999;

}

    padding: 2px 6px;

}

    padding: 0px 4px;

}

.btn:focus {

    outline: none;

}

.btn:hover {

    text-decoration: none;

    color: #515151;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF !important;

}

.btn.badge:hover {

    box-shadow: none !important;

}

.btn.disabled:hover {

    background-position: 0;

    color: #999;

    text-decoration: none;

    box-shadow: none !important;

}

.btn.red {

    color: #fff;

    background-color: #c43c35;

    background-repeat: repeat-x;

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

    border-color: #c43c35 #c43c35 #882a25;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn.blue {

    color: #fff;

    background-color: #339bb9;

    background-repeat: repeat-x;

    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);

    border-color: #339bb9 #339bb9 #22697d;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn.green {

    color: #fff;

    background-color: #57a957;

    background-repeat: repeat-x;

    background-image: linear-gradient(to bottom, #62c462, #57a957);

    border-color: #57a957 #57a957 #3d773d;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

        }

    });

    linkInlineComments($('.firstlink'), $('.comment:first-child'));

}

// comment bubble was clicked - insert new tr and show form

function show_comment_form($bubble) {

    var children = $bubble.closest('tr.line').children('[id]');

    var line_td_id = children[children.length - 1].id;

    var $comment_div = _get_add_comment_div(line_td_id);

    var f_path = $bubble.closest('div.full_f_path').data('f_path');

    var parts = line_td_id.split('_');

    var line_no = parts[parts.length-1];

    comment_div_state($comment_div, f_path, line_no, true);

}

// return comment div for target_id - add it if it doesn't exist yet

function _get_add_comment_div(target_id) {

    var comments_box_id = 'comments-' + target_id;

    var $comments_box = $('#' + comments_box_id);

    if (!$comments_box.length) {

        var html = '<tr><td id="{0}" colspan="3" class="inline-comments"></td></tr>'.format(comments_box_id);

        $('#' + target_id).closest('tr').after(html);

        $comments_box = $('#' + comments_box_id);

    }

    return $comments_box;

}

// Set $comment_div state - showing or not showing form and Add button.

// An Add button is shown on non-empty forms when no form is shown.

// The form is controlled by show_form - if undefined, form is only shown for general comments.

function comment_div_state($comment_div, f_path, line_no, show_form_opt) {

    var show_form = show_form_opt !== undefined ? show_form_opt : !f_path && !line_no;

    var $forms = $comment_div.children('.comment-inline-form');

    var $buttonrow = $comment_div.children('.add-button-row');

    var $comments = $comment_div.children('.comment');

    $forms.remove();

    $buttonrow.remove();

    if (show_form) {

        _comment_div_append_form($comment_div, f_path, line_no);

    } else if ($comments.length) {

        _comment_div_append_add($comment_div, f_path, line_no);

    }

}

// append an Add button to $comment_div and hook it up to show form

function _comment_div_append_add($comment_div, f_path, line_no) {

    var addlabel = TRANSLATION_MAP['Add Another Comment'];

    $comment_div.append($add);

    $add.children('.add-button').click(function(e) {

        comment_div_state($comment_div, f_path, line_no, true);

    });

}

// append a comment form to $comment_div

function _comment_div_append_form($comment_div, f_path, line_no) {

    var $form_div = $('#comment-inline-form-template').children()

        .clone()

        .addClass('comment-inline-form');

    $comment_div.append($form_div);

    var $form = $comment_div.find("form");

    var $textarea = $form.find('textarea');

    var $mentions_container = $form.find('div.mentions-container');

    $form.submit(function(e) {

        e.preventDefault();

        var text = $textarea.val();

        var review_status = $form.find('input:radio[name=changeset_status]:checked').val();

        var pr_close = $form.find('input:checkbox[name=save_close]:checked').length ? 'on' : '';

        var pr_delete = $form.find('input:checkbox[name=save_delete]:checked').length ? 'delete' : '';

        if (!text && !review_status && !pr_close && !pr_delete) {

            alert("Please provide a comment");

            return false;

        }

        if (pr_delete) {

            if (text || review_status || pr_close) {

                alert('Cannot delete pull request while making other changes');

                return false;

            }

            if (!confirm('Confirm to delete this pull request')) {

                return false;

            }

            var comments = $('.comment').size();

            if (comments > 0 &&

                !confirm('Confirm again to delete this pull request with {0} comments'.format(comments))) {

                return false;

            }

        }

        $form.find('.submitting-overlay').show();

        var postData = {

            'text': text,

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

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

<%block name="title">

    ${_('Admin Journal')}

</%block>

<%def name="breadcrumbs_links()">

    <form id="filter_form">

    <input class="q_filter_box ${'' if c.search_term else 'initial'}" id="j_filter" size="15" type="text" name="filter" value="${c.search_term or _('journal filter...')}"/>

    <span class="tooltip" title="${h.journal_filter_help()}">?</span>

    ${_('Admin Journal')} - ${ungettext('%s Entry', '%s Entries', c.users_log.item_count) % (c.users_log.item_count)}

    </form>

    ${h.end_form()}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    <div class="table">

        <div id="user_log">

            <%include file='admin_log.html'/>

        </div>

    </div>

</div>

<script>

$(document).ready(function() {

  $('#j_filter').click(function(){

    var $jfilter = $('#j_filter');

    if($jfilter.hasClass('initial')){

        $jfilter.val('');

    }

  });

  var fix_j_filter_width = function(len){

      $('#j_filter').css('width', Math.max(80, len*6.50)+'px');

  };

  $('#j_filter').keyup(function () {

    fix_j_filter_width($('#j_filter').val().length);

  });

  $('#filter_form').submit(function (e) {

      e.preventDefault();

      var val = $('#j_filter').val();

      window.location = "${url.current(filter='__FILTER__')}".replace('__FILTER__',val);

  });

  fix_j_filter_width($('#j_filter').val().length);

});

</script>

</%def>

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

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

<%block name="title">

    ${_('Authentication Settings')}

</%block>

<%def name="breadcrumbs_links()">

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

    »

    ${_('Authentication')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    ${h.form(url('auth_settings'))}

    <div class="form">

    ## enabled auth plugins

    <h1>${_('Authentication Plugins')}</h1>

    <div class="fields">

       <div class="field">

           <div class="label"><label for="auth_plugins">${_("Enabled Plugins")}</label></div>

           <div class="input">${h.text("auth_plugins", class_='large')}

           <span class="help-block">${_('Comma-separated list of plugins; Kallithea will try user authentication in plugin order')}</span>

               <div style="padding:10px 0px 10px 0px;font-weight: bold">${_('Available built-in plugins')}</div>

               <ul>

               %for plugin_path in c.available_plugins:

                    <li>

                      <div style="padding:3px 0px 3px 0px">

                          ${_('Enabled') if plugin_path in c.enabled_plugins else _('Disabled')}</span>${plugin_path}

                      </div>

                    </li>

               %endfor

               </ul>

           </div>

       </div>

    </div>

    %for cnt, module in enumerate(c.enabled_plugins):

        <% pluginName = c.plugin_shortnames[module] %>

        <h1>${_('Plugin')}: ${pluginName}</h1>

        <div class="fields">

        ## autoform generation, based on plugin definition from it's settings

        %for setting in c.plugin_settings[module]:

            <% fullsetting = "auth_%s_%s" % (pluginName, setting["name"]) %>

            <% displayname = (setting["formname"] if ("formname" in setting) else setting["name"]) %>

            %if setting["type"] == "password":

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="input">

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

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] in ["string", "int"]:

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="input">

                    ${h.text(fullsetting,class_='small')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "bool":

            <div class="field">

                <div class="label label-checkbox"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="checkboxes">

                    <div class="checkbox">${h.checkbox(fullsetting,True,class_='small')}</div>

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "select":

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="select">

                    ${h.select(fullsetting,setting['values'][0],setting['values'],class_='small')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %else:

            <div class="field">

                <div class="label"><label for="${fullsetting}">${_(displayname)}</label></div>

                <div class="input">This field is of type ${setting['type']}, which cannot be displayed. Must be one of [string|int|bool|select].</div>

                <span class="help-block">${setting["description"]}</span>

            </div>

            %endif

        %endfor

        </div>

    %endfor

        <div class="fields">

            <div class="buttons">

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $('.toggle-plugin').click(function(e){

        var $auth_plugins_input = $('#auth_plugins');

        var notEmpty = function(element, index, array) {

            return (element != "");

        }

        var elems = $auth_plugins_input.val().split(',').filter(notEmpty);

        var $cur_button = $(e.currentTarget);

        var plugin_id = $cur_button.attr('plugin_id');

        if($cur_button.hasClass('active')){

            elems.splice(elems.indexOf(plugin_id), 1);

            $auth_plugins_input.val(elems.join(','));

            $cur_button.removeClass('active');

            $cur_button.html(_TM['Disabled']);

        }

        else{

            if(elems.indexOf(plugin_id) == -1){

                elems.push(plugin_id);

            }

            $auth_plugins_input.val(elems.join(','));

            $cur_button.addClass('active');

            $cur_button.html(_TM['Enabled']);

        }

    });

</script>

</%def>

                </div>

                <div class="input">

                    ${h.select('default_repo_type','hg',c.backends,class_="medium")}

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="default_repo_private">${_('Private repository')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('default_repo_private',value="True")}

                    <span class="help-block">${_('Private repositories are only visible to people explicitly added as collaborators.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="default_repo_enable_statistics">${_('Enable statistics')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('default_repo_enable_statistics',value="True")}

                    <span class="help-block">${_('Enable statistics window on summary page.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="default_repo_enable_downloads">${_('Enable downloads')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('default_repo_enable_downloads',value="True")}

                    <span class="help-block">${_('Enable download menu on summary page.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="default_repo_enable_locking">${_('Enable locking')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('default_repo_enable_locking',value="True")}

                    <span class="help-block">${_('Enable lock-by-pulling on repository.')}</span>

                </div>

            </div>

            <div class="buttons">

            </div>

        </div>

    </div>

    ${h.end_form()}

    ##<h3>${_('Groups defaults')}</h3>

</div>

</%def>

                                    $(opt).prop('selected', true);

                                    modes_select.options[0] = opt;

                                } else {

                                    modes_select.options[index++] = opt;

                                }

                            }

                        });

                        var $filename_input = $('#filename_${h.FID('f',file.path)}');

                        // on select change set new mode

                        $mimetype_select.change(function(e){

                            var selected = e.currentTarget;

                            var node = selected.options[selected.selectedIndex];

                            var detected_mode = CodeMirror.findModeByMIME(node.value);

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                            var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                            var filename = file_data['filename'] || 'filename1';

                            $filename_input.val(filename + '.' + proposed_ext);

                        });

                        // on type the new filename set mode

                        $filename_input.keyup(function(e){

                            var file_data = CodeMirror.getFilenameAndExt(this.value);

                            if(file_data['ext'] != null){

                                var detected_mode = CodeMirror.findModeByExtension(file_data['ext']) || CodeMirror.findModeByMIME('text/plain');

                                if (detected_mode){

                                    setCodeMirrorMode(myCodeMirror, detected_mode);

                                    $mimetype_select.val(detected_mode.mime);

                                }

                            }

                        });

                        // set mode on page load

                        var detected_mode = CodeMirror.findModeByExtension("${file.extension}");

                        if (detected_mode){

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            $mimetype_select.val(detected_mode.mime);

                        }

                    });

                </script>

            %endfor

            <div style="padding-top: 5px">

            </div>

          ${h.end_form()}

          <script>

              $('#update').on('click', function(e){

                  e.preventDefault();

                  // check for newer version.

                  $.ajax({

                    url: "${h.url('edit_gist_check_revision', gist_id=c.gist.gist_access_id)}",

                    data: {'revision': '${c.file_changeset.raw_id}', '_authentication_token': _authentication_token},

                    dataType: 'json',

                    type: 'POST',

                    success: function(data) {

                      if(data.success == false){

                          $('#edit_error').show();

                      }

                      else{

                        $('#eform').submit();

                      }

                    }

                  });

              });

          </script>

        </div>

    </div>

</div>

</%def>

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

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

<%block name="title">

    %if c.show_private:

        ${_('Private Gists for User %s') % c.authuser.username}

    %elif c.show_public:

        ${_('Public Gists for User %s') % c.authuser.username}

    %else:

        ${_('Public Gists')}

    %endif

</%block>

<%def name="breadcrumbs_links()">

    %if c.show_private:

        ${_('Private Gists for User %s') % c.authuser.username}

    %elif c.show_public:

        ${_('Public Gists for User %s') % c.authuser.username}

    %else:

        ${_('Public Gists')}

    %endif

    - ${c.gists_pager.item_count}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

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

        <ul class="links">

          <li>

          </li>

        </ul>

        %endif

    </div>

    %if c.gists_pager.item_count>0:

        % for gist in c.gists_pager:

          <div class="gist-item" style="padding:10px 20px 10px 15px">

            ${h.gravatar_div(gist.owner.email, size=28)}

            <div title="${gist.owner.full_contact}" class="user" style="font-size: 16px">

                <b>${h.person(gist.owner.full_contact)}</b> /

                <b><a href="${h.url('gist',gist_id=gist.gist_access_id)}">gist: ${gist.gist_access_id}</a></b>

            </div>

            <div style="padding: 4px 0px 0px 0px">

                ${_('Created')} ${h.age(gist.created_on)} /

                <span style="color: #AAA">

                  %if gist.gist_expires == -1:

                   ${_('Expires')}: ${_('Never')}

                  %else:

                   ${_('Expires')}: ${h.age(h.time_to_datetime(gist.gist_expires))}

                  %endif

                </span>

            </div>

            <div style="border:0px;padding:10px 0px 0px 40px;color:#AAA">${gist.gist_description}</div>

          </div>

        % endfor

        <div class="notification-paginator">

          <div class="pagination-wh pagination-left">

          ${c.gists_pager.pager('$link_previous ~2~ $link_next', **request.GET.mixed())}

          </div>

        </div>

    %else:

        <div class="table">${_('There are no gists yet')}</div>

    %endif

</div>

</%def>

</%block>

<%block name="js_extra">

  <script type="text/javascript" src="${h.url('/codemirror/lib/codemirror.js')}"></script>

  <script type="text/javascript" src="${h.url('/js/codemirror_loadmode.js')}"></script>

  <script type="text/javascript" src="${h.url('/codemirror/mode/meta.js')}"></script>

</%block>

<%block name="css_extra">

  <link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>

</%block>

<%def name="breadcrumbs_links()">

    ${_('New Gist')}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="files_data">

          ${h.form(h.url('gists'), method='post',id='eform')}

            <div>

                ${h.gravatar_div(c.authuser.email, size=32)}

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;" id="description" name="description" placeholder="${_('Gist description ...')}"></textarea>

                <div style="padding:0px 0px 0px 42px">

                <label for='lifetime'>${_('Gist lifetime')}</label>

                ${h.select('lifetime', '', c.lifetime_options)}

                </div>

            </div>

            <div id="body" class="codeblock">

                <div style="padding: 10px 10px 10px 26px;color:#666666">

                    ${h.text('filename', size=30, placeholder=_('name this file...'))}

                    <select id="mimetype" name="mimetype"/>

                </div>

                <div id="editor_container">

                    <pre id="editor_pre"></pre>

                    <textarea id="editor" name="content" style="display:none"></textarea>

                </div>

            </div>

            <div style="padding-top: 5px">

            </div>

          ${h.end_form()}

          <script type="text/javascript">

            $(document).ready(function(){

                var myCodeMirror = initCodeMirror('editor', "${request.script_name}", '');

                //inject new modes

                var $mimetype_select = $('#mimetype');

                $mimetype_select.each(function(){

                    var modes_select = this;

                    var index = 1;

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

                        var m = CodeMirror.modeInfo[i];

                        var opt = new Option(m.name, m.mime);

                        $(opt).attr('mode', m.mode);

                        if (m.mime == 'text/plain') {

                            // default plain text

                            $(opt).prop('selected', true);

                            modes_select.options[0] = opt;

                        } else {

                            modes_select.options[index++] = opt;

                        }

                    }

                });

                var $filename_input = $('#filename');

                // on select change set new mode

                $mimetype_select.change(function(e){

                    var selected = e.currentTarget;

                    var node = selected.options[selected.selectedIndex];

                    var detected_mode = CodeMirror.findModeByMIME(node.value);

                    setCodeMirrorMode(myCodeMirror, detected_mode);

                    var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                    var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                    var filename = file_data['filename'] || 'filename1';

                    $filename_input.val(filename + '.' + proposed_ext);

                });

                // on type the new filename set mode

                $filename_input.keyup(function(e){

                    var file_data = CodeMirror.getFilenameAndExt(this.value);

                    if(file_data['ext'] != null){

                        var detected_mode = CodeMirror.findModeByExtension(file_data['ext']) || CodeMirror.findModeByMIME('text/plain');

                        if (detected_mode){

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            $mimetype_select.val(detected_mode.mime);

                        }

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

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

<%block name="title">

    ${_('Gist')} · ${c.gist.gist_access_id}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Gist')} · ${c.gist.gist_access_id}

    / ${_('URL')}: ${c.gist.gist_url()}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

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

        <ul class="links">

          <li>

          </li>

        </ul>

        %endif

    </div>

    <div class="table">

        <div id="files_data">

            <div id="body" class="codeblock">

                <div class="code-header">

                    <div class="stats">

                        <div class="left" style="margin: -4px 0px 0px 0px">

                          %if c.gist.gist_type == 'public':

                          %else:

                          %endif

                        </div>

                        <div class="left item">

                            ${c.gist.gist_description}

                        </div>

                        <div class="left item last" style="color: #AAA">

                         %if c.gist.gist_expires == -1:

                          ${_('Expires')}: ${_('Never')}

                         %else:

                          ${_('Expires')}: ${h.age(h.time_to_datetime(c.gist.gist_expires))}

                         %endif

                       </div>

                       %if h.HasPermissionAny('hg.admin')() or c.gist.gist_owner == c.authuser.user_id:

                        <div style="float:right">

                            ${h.form(url('gist_delete', gist_id=c.gist.gist_id))}

                            ${h.end_form()}

                        </div>

                       %endif

                        <div class="buttons">

                          ## only owner should see that

                          %if h.HasPermissionAny('hg.admin')() or c.gist.gist_owner == c.authuser.user_id: