.comment-form .preview-box.unloaded,

.comment-inline-form .preview-box.unloaded {

    height: 50px;

    text-align: center;

    padding: 20px;

    background-color: #fafafa;

}

.comment-form .comment-button {

    padding-top: 5px;

}

.add-another-button {

    margin-left: 10px;

    margin-top: 10px;

    margin-bottom: 10px;

}

.comment .buttons {

    float: right;

    margin: -1px 0px 0px 0px;

}

.show-inline-comments {

    position: relative;

    top: 1px

}

/** comment inline form **/

.comment-inline-form {

    margin: 4px;

}

.comment-inline-form .overlay {

    display: none;

}

.comment-inline-form .overlay.submitting {

    display: block;

    background: none repeat scroll 0 0 white;

    font-size: 16px;

    opacity: 0.5;

    position: absolute;

    text-align: center;

    vertical-align: top;

}

.comment-inline-form .overlay.submitting .overlay-text {

    width: 100%;

    margin-top: 5%;

}

.comment-inline-form .clearfix,

.comment-form .clearfix {

    background: #EEE;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    padding: 5px;

    margin: 0px;

}

div.comment-inline-form {

    padding: 4px 0px 6px 0px;

}

.comment-inline-form strong {

    display: block;

    margin-bottom: 15px;

}

.comment-inline-form textarea {

    width: 100%;

    height: 100px;

    font-family: 'Monaco', 'Courier', 'Courier New', monospace;

}

form.comment-inline-form {

    margin-top: 10px;

    margin-left: 10px;

}

.comment-inline-form-submit {

    margin-top: 5px;

    margin-left: 525px;

}

.file-comments {

    display: none;

}

.comment-inline-form .comment {

    margin-left: 10px;

}

.comment-inline-form .comment-help {

    padding: 5px 5px 5px 5px;

    color: #666;

}

.comment-inline-form .comment-help .preview-btn,

.comment-inline-form .comment-help .edit-btn {

    float: right;

    margin: -6px 0px 0px 0px;

}

.comment-inline-form .comment-button {

    padding-top: 5px;

}

/** comment inline **/

.inline-comments {

    padding: 10px 20px;

}

.inline-comments div.rst-block {

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0 20px 0px;

}

.inline-comments .comment {

    border: 1px solid #ddd;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    margin: 3px 3px 5px 5px;

    background-color: #FAFAFA;

}

.inline-comments .add-comment {

    padding: 2px 4px 8px 5px;

}

.inline-comments .comment-wrapp {

    padding: 1px;

}

.inline-comments .comment .meta {

    background: #f8f8f8;

    padding: 4px;

    border-bottom: 1px solid #ddd;

    height: 20px;

}

.inline-comments .comment .meta img {

    vertical-align: middle;

}

.inline-comments .comment .meta .user {

    font-weight: bold;

    float: left;

    padding: 3px;

}

.inline-comments .comment .meta .date {

    float: left;

    padding: 3px;

}

.inline-comments .comment .text {

    background-color: #FAFAFA;

}

.inline-comments .comments-number {

    padding: 0px 0px 10px 0px;

    font-weight: bold;

    color: #666;

    font-size: 16px;

}

.inline-comments-button .add-comment {

    margin: 2px 0px 8px 5px !important

}

.notification-paginator {

    padding: 0px 0px 4px 16px;

}

#context-pages .pull-request span,

.menu_link_notifications {

    padding: 4px 4px !important;

    text-align: center;

    color: #888 !important;

    background-color: #DEDEDE !important;

    border-radius: 4px !important;

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

}

#context-pages .forks span,

.menu_link_notifications {

    padding: 4px 4px !important;

    text-align: center;

    color: #888 !important;

    background-color: #DEDEDE !important;

    border-radius: 4px !important;

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

}

.notification-header {

    padding-top: 6px;

}

.notification-header .desc {

    font-size: 16px;

    height: 24px;

    float: left

}

.notification-list .container.unread {

    background: none repeat scroll 0 0 rgba(255, 255, 180, 0.6);

}

.notification-header .gravatar {

    background: none repeat scroll 0 0 transparent;

    padding: 0px 0px 0px 8px;

}

.notification-list .container .notification-header .desc {

    font-weight: bold;

    font-size: 17px;

}

.notification-table {

    border: 1px solid #ccc;

    -webkit-border-radius: 6px 6px 6px 6px;

    border-radius: 6px 6px 6px 6px;

    clear: both;

    margin: 0px 20px 0px 20px;

}

.notification-header .delete-notifications {

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-header .read-notifications {

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-subject {

    clear: both;

    border-bottom: 1px solid #eee;

    padding: 5px 0px 5px 38px;

}

.notification-body {

    clear: both;

    margin: 34px 2px 2px 8px

}

/****

PULL REQUESTS

*****/

.pullrequests_section_head {

    padding: 10px 10px 10px 0px;

    font-size: 16px;

    font-weight: bold;

}

div.pr-details-title.closed,

#pullrequests_container li.closed a

 {

    color: #555;

    background: #eee;

}

div.pr-title {

    font-size: 1.6em;

}

div.pr-details-title {

    font-size: 1.6em;

    margin: 0px 20px 0px 20px;

    padding: 5px 0px 5px 10px;

}

div.pr {

    border-bottom: 1px solid #DDD;

    margin: 0px 20px;

    padding: 10px 4px;

}

div.pr-desc {

    margin: 0px 20px;

}

div.pr-closed {

    background-color: #eee;

}

span.pr-closed-tag {

    margin-bottom: 1px;

    margin-right: 1px;

    padding: 1px 3px;

    font-size: 10px;

    padding: 1px 3px 1px 3px;

    font-size: 10px;

    color: #336699;

    white-space: nowrap;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    border: 1px solid #d9e8f8;

    line-height: 1.5em;

}

/****

  PERMS

*****/

#perms .perms_section_head {

    padding: 10px 10px 10px 0px;

    font-size: 16px;

    font-weight: bold;

}

#perms .perm_tag {

    padding: 1px 3px 1px 3px;

    font-size: 10px;

    font-weight: bold;

    text-transform: uppercase;

    white-space: nowrap;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#perms .perm_tag.admin {

    background-color: #B94A48;

    color: #ffffff;

}

#perms .perm_tag.write {

    background-color: #DB7525;

    color: #ffffff;

}

#perms .perm_tag.read {

    background-color: #468847;

    color: #ffffff;

}

#perms .perm_tag.none {

    background-color: #bfbfbf;

    color: #ffffff;

}

.perm-gravatar {

    vertical-align: middle;

    padding: 2px;

}

.perm-gravatar-ac {

    vertical-align: middle;

    padding: 2px;

    width: 14px;

    height: 14px;

}

/*****************************************************************************

                                  DIFFS CSS

******************************************************************************/

.diff-collapse {

    text-align: center;

    margin-bottom: -15px;

}

.diff-collapse-button {

    cursor: pointer;

    color: #666;

    font-size: 16px;

}

.diff-container {

}

.diff-container.hidden {

    display: none;

    overflow: hidden;

}

div.diffblock {

    overflow: auto;

    padding: 0px;

    border: 1px solid #ccc;

    background: #f8f8f8;

    font-size: 100%;

    line-height: 100%;

    /* new */

    line-height: 125%;

    -webkit-border-radius: 6px 6px 0px 0px;

    border-radius: 6px 6px 0px 0px;

}

div.diffblock.margined {

    margin: 0px 20px 0px 20px;

}

div.diffblock .code-header {

    border-bottom: 1px solid #CCCCCC;

    background: #EEEEEE;

    padding: 10px 0 10px 0;

}

div.diffblock .code-header.banner {

    border-bottom: 1px solid #CCCCCC;

    background: #EEEEEE;

    height: 14px;

    margin: 0px 95px 0px 95px;

    padding: 3px 3px 11px 3px;

}

div.diffblock .code-header-title {

    padding: 0px 0px 10px 5px !important;

    margin: 0 !important;

}

div.diffblock .code-header .hash {

    float: left;

    padding: 2px 0 0 2px;

}

div.diffblock .code-header .date {

    float: left;

    text-transform: uppercase;

    padding: 2px 0px 0px 2px;

}

div.diffblock .code-header div {

    margin-left: 4px;

    font-weight: bold;

    font-size: 14px;

}

div.diffblock .parents {

    float: left;

    height: 26px;

    width: 100px;

    font-size: 10px;

    font-weight: 400;

    vertical-align: middle;

    padding: 0px 2px 2px 2px;

    background-color: #eeeeee;

    border-bottom: 1px solid #CCCCCC;

}

div.diffblock .children {

    float: right;

    height: 26px;

    width: 100px;

    font-size: 10px;

    font-weight: 400;

    vertical-align: middle;

    text-align: right;

    padding: 0px 2px 2px 2px;

    background-color: #eeeeee;

    border-bottom: 1px solid #CCCCCC;

}

div.diffblock .code-body {

    background: #FFFFFF;

}

div.diffblock pre.raw {

    background: #FFFFFF;

    color: #000000;

}

table.code-difftable {

    border-collapse: collapse;

    width: 99%;

    border-radius: 0px !important;

}

table.code-difftable td {

    padding: 0 !important;

    background: none !important;

    border: 0 !important;

    vertical-align: baseline !important

}

table.code-difftable .context {

    background: none repeat scroll 0 0 #DDE7EF;

}

table.code-difftable .add {

    background: none repeat scroll 0 0 #DDFFDD;

}

table.code-difftable .add ins {

    background: none repeat scroll 0 0 #AAFFAA;

    text-decoration: none;

}

table.code-difftable .del {

    background: none repeat scroll 0 0 #FFDDDD;

}

table.code-difftable .del del {

    background: none repeat scroll 0 0 #FFAAAA;

    text-decoration: none;

}

/** LINE NUMBERS **/

table.code-difftable .lineno {

    padding-left: 2px;

    padding-right: 2px;

    text-align: right;

    width: 32px;

    -moz-user-select: none;

    -webkit-user-select: none;

    border-right: 1px solid #CCC !important;

    border-left: 0px solid #CCC !important;

    border-top: 0px solid #CCC !important;

    border-bottom: none !important;

    vertical-align: middle !important;

}

table.code-difftable .lineno.new {

}

table.code-difftable .lineno.old {

}

table.code-difftable .lineno a {

    color: #747474 !important;

    font: 11px "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace !important;

    letter-spacing: -1px;

    text-align: right;

    padding-right: 2px;

    cursor: pointer;

    display: block;

    width: 32px;

}

table.code-difftable .lineno-inline {

    background: none repeat scroll 0 0 #FFF !important;

    padding-left: 2px;

    padding-right: 2px;

    text-align: right;

    width: 30px;

    -moz-user-select: none;

    -webkit-user-select: none;

}

/** CODE **/

table.code-difftable .code {

    display: block;

    width: 100%;

}

table.code-difftable .code td {

    margin: 0;

    padding: 0;

}

table.code-difftable .code pre {

    margin: 0;

    padding: 0;

    height: 17px;

    line-height: 17px;

}

.diffblock.margined.comm .line .code:hover {

    background-color: #FFFFCC !important;

    cursor: pointer !important;

    background-image: url("../images/icons/comment_add.png") !important;

    background-repeat: no-repeat !important;

    background-position: right !important;

    background-position: 0% 50% !important;

}

.diffblock.margined.comm .line .code.no-comment:hover {

    background-image: none !important;

    cursor: auto !important;

    background-color: inherit !important;

}

div.comment:target>.comment-wrapp {

    border: solid 2px #ee0 !important;

}

.lineno:target a {

    border: solid 2px #ee0 !important;

    margin: -2px;

}

#help_kb {

    display: none;

}

.repo-switcher-dropdown .select2-result-label span.repo-icons {

    margin-left: -12px;

}

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

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

<%def name="title()">

    ${_('%s Changesets') % c.repo_name} - r${c.cs_ranges[0].revision}:${h.short_id(c.cs_ranges[0].raw_id)} > r${c.cs_ranges[-1].revision}:${h.short_id(c.cs_ranges[-1].raw_id)}

    %if c.rhodecode_name:

        · ${c.rhodecode_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

    ${_('Changesets')} -

    r${c.cs_ranges[0].revision}:${h.short_id(c.cs_ranges[0].raw_id)}

    <i class="icon-arrow-right"></i>

    r${c.cs_ranges[-1].revision}:${h.short_id(c.cs_ranges[-1].raw_id)}

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

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

                <div>

                    r${c.cs_ranges[0].revision}:${h.short_id(c.cs_ranges[0].raw_id)}

                    <i class="icon-arrow-right"></i>

                    r${c.cs_ranges[-1].revision}:${h.short_id(c.cs_ranges[-1].raw_id)}

                    <a style="font-weight: bold" href="${h.url('compare_url',repo_name=c.repo_name,org_ref_type='rev',org_ref=getattr(c.cs_ranges[0].parents[0] if c.cs_ranges[0].parents else h.EmptyChangeset(),'raw_id'),other_ref_type='rev',other_ref=c.cs_ranges[-1].raw_id)}" class="btn btn-small"><i class="icon-loop"></i> Compare Revisions</a>

                </div>

            </div>

        </div>

        <div id="changeset_compare_view_content">

            <div class="container">

            <table class="compare_view_commits noborder">

            %for cnt,cs in enumerate(c.cs_ranges):

                <tr>

                <td><div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),14)}"/></div></td>

                <td>${h.link_to('r%s:%s' % (cs.revision,h.short_id(cs.raw_id)),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</td>

                <td><div class="author">${h.person(cs.author)}</div></td>

                <td><span class="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

                <td>

                  %if c.statuses:

                    <div title="${h.tooltip(_('Changeset status'))}" class="changeset-status-ico"><img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses[cnt])}" /></div>

                  %endif

                </td>

                <td><div class="message">${h.urlify_commit(h.wrap_paragraphs(cs.message),c.repo_name)}</div></td>

                </tr>

            %endfor

            </table>

            </div>

            <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">${_('Files affected')}</div>

            <div class="cs_files">

                   %for cs in c.cs_ranges:

                       <div class="cur_cs">${h.link_to('r%s:%s' % (cs.revision,h.short_id(cs.raw_id)),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>

                      %for FID, (cs1, cs2, change, path, diff, stats) in c.changes[cs.raw_id].iteritems():

                         <div class="cs_${change}">

                               <div class="node">

                                   ${h.link_to(h.safe_unicode(path),h.url.current(anchor=FID))}

                               </div>

                           <div class="changes">${h.fancy_file_stats(stats)}</div>

                         </div>

                      %endfor

                   %endfor

            </div>

        </div>

    </div>

    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

    <%namespace name="diff_block" file="/changeset/diff_block.html"/>

     %for cs in c.cs_ranges:

          ##${comment.comment_inline_form(cs)}

          ## diff block

          <div class="h3">

          <a class="tooltip" title="${h.tooltip(cs.message)}" href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}">${'r%s:%s' % (cs.revision,h.short_id(cs.raw_id))}</a>

             <div class="gravatar">

                 <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),20)}"/>

             </div>

             <div class="right">

              <span class="logtags">

                %if len(cs.parents)>1:

                <span class="merge">${_('merge')}</span>

                %endif

                %if h.is_hg(c.rhodecode_repo):

                  %for book in cs.bookmarks:

                  <span class="booktag" title="${_('Bookmark %s') % book}">

                     ${h.link_to(h.shorter(book),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}

                  </span>

                  %endfor

                %endif

                %for tag in cs.tags:

                    <span class="tagtag" title="${_('Tag %s') % tag}">

                    ${h.link_to(h.shorter(tag),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}</span>

                %endfor

                %if cs.branch:

                <span class="branchtag" title="${_('Branch %s') % cs.branch}">

                   ${h.link_to(h.shorter(cs.branch),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}

                </span>

                %endif

              </span>

            </div>

           </div>

          ${diff_block.diff_block(c.changes[cs.raw_id])}

     %endfor

     <script type="text/javascript">

      YUE.onDOMReady(function(){

          YUE.on(YUQ('.diff-menu-activate'),'click',function(e){

              var act = e.currentTarget.nextElementSibling;

              if(YUD.hasClass(act,'active')){

                  YUD.removeClass(act,'active');

                  YUD.setStyle(act,'display','none');

              }else{

                  YUD.addClass(act,'active');

                  YUD.setStyle(act,'display','');

              }

          });

      })

    </script>

    </div>

</%def>

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

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

<%def name="title()">

    %if c.compare_home:

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

    %else:

        ${_('%s Compare') % c.repo_name} - ${'%s@%s' % (c.org_repo.repo_name, c.org_ref)} > ${'%s@%s' % (c.other_repo.repo_name, c.other_ref)}

    %endif

    %if c.rhodecode_name:

        · ${c.rhodecode_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

  ${_('Compare revisions')}

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

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

                <div>

                    ${h.hidden('compare_org')} <i class="icon-ellipsis-horizontal" style="color: #999; vertical-align: -12px; padding: 0px 0px 0px 2px"></i> ${h.hidden('compare_other')}

                    %if not c.compare_home:

                        <a class="btn btn-small" href="${c.swap_url}"><i class="icon-refresh"></i> ${_('Swap')}</a>

                    %endif

                    <div id="compare_revs" class="btn btn-small"><i class="icon-loop"></i> ${_('Compare Revisions')}</div>

                </div>

            </div>

        </div>

    %if c.compare_home:

        <div id="changeset_compare_view_content">

         <div style="color:#999;font-size: 18px">${_('Compare revisions, branches, bookmarks or tags.')}</div>

        </div>

    %else:

        <div id="changeset_compare_view_content">

                ##CS

                <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">${ungettext('Showing %s commit','Showing %s commits', len(c.cs_ranges)) % len(c.cs_ranges)}</div>

                <%include file="compare_cs.html" />

                ## FILES

                <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

                % if c.limited_diff:

                    ${ungettext('%s file changed', '%s files changed', len(c.files)) % len(c.files)}

                % else:

                    ${ungettext('%s file changed with %s insertions and %s deletions','%s files changed with %s insertions and %s deletions', len(c.files)) % (len(c.files),c.lines_added,c.lines_deleted)}:

                %endif

                </div>

                <div class="cs_files">

                  %if not c.files:

                     <span class="empty_data">${_('No files')}</span>

                  %endif

                  %for fid, change, f, stat in c.files:

                      <div class="cs_${change}">

                        <div class="node">${h.link_to(h.safe_unicode(f),h.url.current(anchor=fid, **request.GET.mixed()))}</div>

                        <div class="changes">${h.fancy_file_stats(stat)}</div>

                      </div>

                  %endfor

                </div>

                % if c.limited_diff:

                  <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff')}</a></h5>

                % endif

         </div>

        ## diff block

        <%namespace name="diff_block" file="/changeset/diff_block.html"/>

        %for fid, change, f, stat in c.files:

          ${diff_block.diff_block_simple([c.changes[fid]])}

        %endfor

        % if c.limited_diff:

          <h4>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff')}</a></h4>

        % endif

    %endif

    </div>

</div>

    <script type="text/javascript">

   $(document).ready(function(){

    var cache = {}

    $("#compare_org").select2({

        placeholder: "${'%s@%s' % (c.org_repo.repo_name, c.org_ref)}",

        formatSelection: function(obj){

            return '{0}@{1}'.format("${c.org_repo.repo_name}", obj.text)

        },

        dropdownAutoWidth: true,

        query: function(query){

          var key = 'cache';

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            //filter results

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

                var section = this.text;

                var children = [];

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

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

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

                    }

                })

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

            });

            //push the typed in changeset

            data.results.push({'text':_TM['specify changeset'],

                               'children': [{'id': query.term, 'text': query.term, 'type': 'rev'}]})

            query.callback(data);

          }else{

              $.ajax({

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

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

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

                }

              })

          }

        },

    });

    $("#compare_other").select2({

        placeholder: "${'%s@%s' % (c.other_repo.repo_name, c.other_ref)}",

        dropdownAutoWidth: true,

        formatSelection: function(obj){

            return '{0}@{1}'.format("${c.other_repo.repo_name}", obj.text)

        },

        query: function(query){

          var key = 'cache2';

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            //filter results

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

                var section = this.text;

                var children = [];

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

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

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

                    }

                })

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

            });

            //push the typed in changeset

            data.results.push({'text':_TM['specify changeset'],

                               'children': [{'id': query.term, 'text': query.term, 'type': 'rev'}]})

            query.callback(data);

          }else{

              $.ajax({

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

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

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

                }

              })

          }