.flash_msg ul {

}

.error_red {

    color: red;

}

.flash_msg .alert-error {

    background-color: #c43c35;

    background-repeat: repeat-x;

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

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

}

.flash_msg .alert-error a {

    text-decoration: underline;

}

.flash_msg .alert-warning {

    color: #404040 !important;

    background-color: #eedc94;

    background-repeat: repeat-x;

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

    border-color: #eedc94 #eedc94 #e4c652;

}

.flash_msg .alert-warning a {

    text-decoration: underline;

}

.flash_msg .alert-success {

    background-color: #57a957;

    background-repeat: repeat-x !important;

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

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

}

.flash_msg .alert-success a {

    text-decoration: underline;

    color: #FFF !important;

}

.flash_msg .alert-info {

    background-color: #339bb9;

    background-repeat: repeat-x;

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

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

}

.flash_msg .alert-info a {

    text-decoration: underline;

}

.flash_msg .alert-error,

.flash_msg .alert-warning,

.flash_msg .alert-success,

.flash_msg .alert-info {

    font-size: 12px;

    font-weight: 700;

    min-height: 14px;

    line-height: 14px;

    margin-bottom: 10px;

    margin-top: 0;

    display: block;

    overflow: auto;

    padding: 6px 10px 6px 10px;

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

    position: relative;

    color: #FFF;

    border-width: 1px;

    border-style: solid;

    border-radius: 4px;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

}

div#legend_data {

    padding-left: 10px;

}

div#legend_container table {

    border: none !important;

}

div#legend_container table,

div#legend_choices table {

    width: auto !important;

}

table#permissions_manage {

    width: 0 !important;

}

table#permissions_manage span.private_repo_msg {

    font-size: 0.8em;

    opacity: 0.6;

}

table#permissions_manage td.private_repo_msg {

    font-size: 0.8em;

}

table#permissions_manage tr#add_perm_input td {

    vertical-align: middle;

}

div.gravatar {

    background-color: #FFF;

    float: left;

    margin-right: 0.7em;

    padding: 1px 1px 1px 1px;

    line-height: 0;

    border-radius: 3px;

}

div.gravatar img {

    border-radius: 2px;

}

#header, #content, #footer {

    min-width: 978px;

}

#content {

    clear: both;

    padding: 10px 10px 14px 10px;

}

#content.hover {

    padding: 55px 10px 14px 10px !important;

}

#content div.box div.title div.search {

    border-left: 1px solid #576622;

}

#content div.box div.title div.search div.input input {

    border: 1px solid #576622;

}

.btn {

    color: #515151;

    background-color: #DADADA;

    background-repeat: repeat-x;

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

    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);

}

.btn.yellow {

    color: #fff;

    background-color: #faa732;

    background-repeat: repeat-x;

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

    border-color: #f89406 #f89406 #ad6704;

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

}

label.disabled {

    color: #aaa;

}

.btn.active {

    font-weight: bold;

}

ins, div.options a:hover {

    text-decoration: none;

}

img,

#header #header-inner #quick li a:hover span.normal,

#content div.box div.form div.fields div.field div.textarea table td table td a,

#clone_url,

#clone_url_id

{

    border: none;

}

img.icon, .right .merge img {

    vertical-align: bottom;

}

#header ul#logged-user,

#content div.box div.title ul.links,

#content div.box div.message div.dismiss,

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

    float: right;

    margin: 0;

    padding: 0;

}

#header #header-inner #home,

#header #header-inner #logo,

#content div.box ul.left,

#content div.box ol.left,

div#commit_history,

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

    float: left;

}

#header #header-inner #quick li #quick_login,

#content #left #menu ul.closed,

#content #left #menu li ul.collapsed,

.yui-tt-shadow {

    display: none;

}

.dropdown.open .dropdown-menu,

#content #left #menu ul.opened,

#content #left #menu li ul.expanded {

    display: block !important;

}

.caret:after {

    font-family: 'kallithea';

    content: ' \23f7';           /* triangle-down */

}

.repo-switcher .select2-choice {

    padding: 0px 8px 1px !important;

    display: block;

    height: 100%;

}

.repo-switcher .select2-container,

.repo-switcher .select2-choice,

.repo-switcher .select2-choice span {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: #FFFFFF !important;

}

.repo-switcher .select2-arrow {

    display: none !important;

}

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

    box-shadow: none;

    color: #fff;

    background-color: #576622;

}

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

    background-color: #6388ad;

}

#content div.graph {

    padding: 0 10px 10px;

    height: 450px;

}

#content div.box ol.lower-roman,

#content div.box ol.upper-roman,

#content div.box ol.lower-alpha,

#content div.box ol.upper-alpha,

#content div.box ol.decimal {

    margin: 10px 24px 10px 44px;

}

#content div.box div.form,

#content div.box div.table,

#content div.box div.traffic {

    position: relative;

    clear: both;

    margin: 0;

    padding: 0 20px 10px;

}

#content div.box div.form div.fields,

#login div.form-horizontal,

#login div.form-horizontal div.form-group,

#register div.form,

#register div.form div.fields {

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

#content div.box div.form div.fields div.field div.label span,

#login div.form div.form-horizontal div.form-group div.label span,

#register div.form div.fields div.field div.label span {

    height: 1%;

    display: block;

    color: #363636;

    margin: 0;

    padding: 2px 0 0;

}

#content div.box div.form div.fields div.field div.input input.error,

    $(document).ready(_init_tooltip);

};

var _activate_tooltip = function($tt){

    $tt.mouseover(_show_tooltip);

    $tt.mousemove(_move_tooltip);

    $tt.mouseout(_close_tooltip);

};

var _init_tooltip = function(){

    var $tipBox = $('#tip-box');

    if(!$tipBox.length){

        $tipBox = $('<div id="tip-box"></div>');

        $(document.body).append($tipBox);

    }

    $tipBox.hide();

    $tipBox.css('position', 'absolute');

    $tipBox.css('max-width', '600px');

    _activate_tooltip($('.tooltip'));

};

var _show_tooltip = function(e, tipText, safe){

    e.stopImmediatePropagation();

    var el = e.currentTarget;

    var $el = $(el);

    if(tipText){

        // just use it

    } else if(el.tagName.toLowerCase() === 'img'){

        tipText = el.alt ? el.alt : '';

    } else {

        tipText = el.title ? el.title : '';

        safe = safe || $el.hasClass("safe-html-title");

    }

    if(tipText !== ''){

        // save org title

        $el.attr('tt_title', tipText);

        // reset title to not show org tooltips

        $el.prop('title', '');

        var $tipBox = $('#tip-box');

        if (safe) {

            $tipBox.html(tipText);

        } else {

            $tipBox.text(tipText);

        }

        $tipBox.css('display', 'block');

    }

};

var _move_tooltip = function(e){

    e.stopImmediatePropagation();

    var $tipBox = $('#tip-box');

    $tipBox.css('top', (e.pageY + 15) + 'px');

    $tipBox.css('left', (e.pageX + 15) + 'px');

};

var _close_tooltip = function(e){

    e.stopImmediatePropagation();

    var $tipBox = $('#tip-box');

    $tipBox.hide();

    var el = e.currentTarget;

    $(el).prop('title', $(el).attr('tt_title'));

};

/**

 * Quick filter widget

 *

 * @param target: filter input target

 * @param nodes: list of nodes in html we want to filter.

 * @param display_element function that takes current node from nodes and

 *    does hide or show based on the node

 */

var q_filter = (function() {

    var _namespace = {};

    var namespace = function (target) {

        if (!(target in _namespace)) {

            _namespace[target] = {};

        }

        return _namespace[target];

    };

    return function (target, $nodes, display_element) {

        var $nodes = $nodes;

        var $q_filter_field = $('#' + target);

        var F = namespace(target);

        $q_filter_field.keyup(function (e) {

            clearTimeout(F.filterTimeout);

            F.filterTimeout = setTimeout(F.updateFilter, 600);

        });

        F.filterTimeout = null;

        F.updateFilter = function () {

            // Reset timeout

            F.filterTimeout = null;

            var obsolete = [];

            var req = $q_filter_field.val().toLowerCase();

            var showing = 0;

            $nodes.each(function () {

                var n = this;

                var target_element = display_element(n);

                if (req && n.innerHTML.toLowerCase().indexOf(req) == -1) {

                    $(target_element).hide();

                }

                else {

                    $(target_element).show();

                    showing += 1;

                }

            });

            $('#repo_count').html(showing);

            /* FIXME: don't hardcode */

        }

    }

})();

/**

 * Comment handling

 */

// move comments to their right location, inside new trs

function move_comments($anchorcomments) {

    $anchorcomments.each(function(i, anchorcomment) {

        var $anchorcomment = $(anchorcomment);

        var target_id = $anchorcomment.data('target-id');

        var $comment_div = _get_add_comment_div(target_id);

        var f_path = $anchorcomment.data('f_path');

        var line_no = $anchorcomment.data('line_no');

        if ($comment_div[0]) {

            $comment_div.append($anchorcomment.children());

            if (f_path && line_no) {

                _comment_div_append_add($comment_div, f_path, line_no);

            } else {

                _comment_div_append_form($comment_div, f_path, line_no);

            }

        } else {

            $anchorcomment.before("Comment to {0} line {1} which is outside the diff context:".format(f_path || '?', line_no || '?'));

        }

    });

    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,

            'f_path': f_path,

            'line': line_no,

            'changeset_status': review_status,

            'save_close': pr_close,

            'save_delete': pr_delete

        };

        var success = function(json_data) {

            if (pr_delete) {

                location = json_data['location'];

            } else {

                $comment_div.append(json_data['rendered_text']);

                comment_div_state($comment_div, f_path, line_no);

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

                if ((review_status || pr_close) && !f_path && !line_no) {

                    // Page changed a lot - reload it after closing the submitted form

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

                    location.reload(true);

                }

            }

        };

        ajaxPOST(AJAX_COMMENT_URL, postData, success);

    });

    // create event for hide button

    $form.find('.hide-inline-form').click(function(e) {

        comment_div_state($comment_div, f_path, line_no);

    });

    tooltip_activate();

    MentionsAutoComplete($textarea, $mentions_container, _USERS_AC_DATA);

    if (f_path) {

        $textarea.focus();

    }

}

function deleteComment(comment_id) {

    var url = AJAX_COMMENT_DELETE_URL.replace('__COMMENT_ID__', comment_id);

    var postData = {};

    var success = function(o) {

        $('#comment-'+comment_id).remove();

        // Ignore that this might leave a stray Add button (or have a pending form with another comment) ...

    }

    ajaxPOST(url, postData, success);

}

/**

 * Double link comments

 */

var linkInlineComments = function($firstlinks, $comments){

    if ($comments.length > 0) {

        $firstlinks.html('<a href="#{0}">First comment</a>'.format($comments.prop('id')));

    }

    if ($comments.length <= 1) {

        return;

    }

    $comments.each(function(i, e){

            var prev = '';

            if (i > 0){

                var prev_anchor = $($comments.get(i-1)).prop('id');

                prev = '<a href="#{0}">Previous comment</a>'.format(prev_anchor);

            }

            var next = '';

            if (i+1 < $comments.length){

                var next_anchor = $($comments.get(i+1)).prop('id');

                next = '<a href="#{0}">Next comment</a>'.format(next_anchor);

            }

            $(this).find('.comment-prev-next-links').html(

                '<div class="prev-comment">{0}</div>'.format(prev) +

                '<div class="next-comment">{0}</div>'.format(next));

        });

}

/* activate files.html stuff */

var fileBrowserListeners = function(current_url, node_list_url, url_base){

    var current_url_branch = "?branch=__BRANCH__";

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

        if(e.currentTarget.checked){

            var uri = current_url_branch;

            uri = uri.replace('__BRANCH__',e.currentTarget.value);

            window.location = uri;

        }

        else{

            window.location = current_url;

        }

    });

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

    var filterTimeout = null;

    var nodes = null;

    var initFilter = function(){

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

        $('#search_activate_id').hide();

        $('#add_node_id').hide();

        $.ajax({url: node_list_url, headers: {'X-PARTIAL-XHR': '1'}, cache: false})

            .done(function(json) {

                    nodes = json.nodes;

                    $('#node_filter_box_loading').hide();

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

                    $node_filter.focus();

                    if($node_filter.hasClass('init')){

                        $node_filter.val('');

                        $node_filter.removeClass('init');

                    }

                })

            .fail(function() {

                    console.log('fileBrowserListeners initFilter failed to load');

                })

        ;

    }

    var updateFilter = function(e) {

        return function(){

            // Reset timeout

            filterTimeout = null;

            var query = e.currentTarget.value.toLowerCase();

            var match = [];

            var matches = 0;

            var matches_max = 20;

            if (query != ""){

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

                    var pos = nodes[i].name.toLowerCase().indexOf(query);

                    if(query && pos != -1){

                        matches++

                        //show only certain amount to not kill browser

                        if (matches > matches_max){

                            break;

                        }

                        var n = nodes[i].name;

                        var t = nodes[i].type;

                        var n_hl = n.substring(0,pos)

                            + "<b>{0}</b>".format(n.substring(pos,pos+query.length))

                            + n.substring(pos+query.length);

                        var new_url = url_base.replace('__FPATH__',n);

                        match.push('<tr><td><a class="browser-{0}" href="{1}">{2}</a></td><td colspan="5"></td></tr>'.format(t,new_url,n_hl));

                    }

                    if(match.length >= matches_max){

                        match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['Search truncated']));

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