|
|
## -*- coding: utf-8 -*-
|
|
|
<%inherit file="/base/base.html"/>
|
|
|
<%namespace name="cbdiffs" file="/codeblocks/diffs.html"/>
|
|
|
|
|
|
<%def name="title()">
|
|
|
%if c.compare_home:
|
|
|
${_('%s Compare') % c.repo_name}
|
|
|
%else:
|
|
|
${_('%s Compare') % c.repo_name} - ${'%s@%s' % (c.source_repo.repo_name, c.source_ref)} > ${'%s@%s' % (c.target_repo.repo_name, c.target_ref)}
|
|
|
%endif
|
|
|
%if c.rhodecode_name:
|
|
|
· ${h.branding(c.rhodecode_name)}
|
|
|
%endif
|
|
|
</%def>
|
|
|
|
|
|
<%def name="breadcrumbs_links()">
|
|
|
${ungettext('%s commit','%s commits', len(c.commit_ranges)) % len(c.commit_ranges)}
|
|
|
</%def>
|
|
|
|
|
|
<%def name="menu_bar_nav()">
|
|
|
${self.menu_items(active='repositories')}
|
|
|
</%def>
|
|
|
|
|
|
<%def name="menu_bar_subnav()">
|
|
|
${self.repo_menu(active='compare')}
|
|
|
</%def>
|
|
|
|
|
|
<%def name="main()">
|
|
|
<script type="text/javascript">
|
|
|
// set fake commitId on this commit-range page
|
|
|
templateContext.commit_data.commit_id = "${h.EmptyCommit().raw_id}";
|
|
|
</script>
|
|
|
|
|
|
<div class="box">
|
|
|
<div class="title">
|
|
|
${self.repo_page_title(c.rhodecode_db_repo)}
|
|
|
</div>
|
|
|
|
|
|
<div class="summary changeset">
|
|
|
<div class="summary-detail">
|
|
|
<div class="summary-detail-header">
|
|
|
<span class="breadcrumbs files_location">
|
|
|
<h4>
|
|
|
${_('Compare Commits')}
|
|
|
% if c.file_path:
|
|
|
${_('for file')} <a href="#${'a_' + h.FID('',c.file_path)}">${c.file_path}</a>
|
|
|
% endif
|
|
|
|
|
|
% if c.commit_ranges:
|
|
|
<code>
|
|
|
r${c.source_commit.revision}:${h.short_id(c.source_commit.raw_id)}...r${c.target_commit.revision}:${h.short_id(c.target_commit.raw_id)}
|
|
|
</code>
|
|
|
% endif
|
|
|
</h4>
|
|
|
</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="fieldset">
|
|
|
<div class="left-label">
|
|
|
${_('Target')}:
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<div>
|
|
|
<div class="code-header" >
|
|
|
<div class="compare_header">
|
|
|
## The hidden elements are replaced with a select2 widget
|
|
|
${h.hidden('compare_source')}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="fieldset">
|
|
|
<div class="left-label">
|
|
|
${_('Source')}:
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<div>
|
|
|
<div class="code-header" >
|
|
|
<div class="compare_header">
|
|
|
## The hidden elements are replaced with a select2 widget
|
|
|
${h.hidden('compare_target')}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="fieldset">
|
|
|
<div class="left-label">
|
|
|
${_('Actions')}:
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<div>
|
|
|
<div class="code-header" >
|
|
|
<div class="compare_header">
|
|
|
|
|
|
<div class="compare-buttons">
|
|
|
% if c.compare_home:
|
|
|
<a id="compare_revs" class="btn btn-primary"> ${_('Compare Commits')}</a>
|
|
|
|
|
|
<a class="btn disabled tooltip" disabled="disabled" title="${_('Action unavailable in current view')}">${_('Swap')}</a>
|
|
|
<a class="btn disabled tooltip" disabled="disabled" title="${_('Action unavailable in current view')}">${_('Comment')}</a>
|
|
|
<div id="changeset_compare_view_content">
|
|
|
<div class="help-block">${_('Compare commits, branches, bookmarks or tags.')}</div>
|
|
|
</div>
|
|
|
|
|
|
% elif c.preview_mode:
|
|
|
<a class="btn disabled tooltip" disabled="disabled" title="${_('Action unavailable in current view')}">${_('Compare Commits')}</a>
|
|
|
<a class="btn disabled tooltip" disabled="disabled" title="${_('Action unavailable in current view')}">${_('Swap')}</a>
|
|
|
<a class="btn disabled tooltip" disabled="disabled" title="${_('Action unavailable in current view')}">${_('Comment')}</a>
|
|
|
|
|
|
% else:
|
|
|
<a id="compare_revs" class="btn btn-primary"> ${_('Compare Commits')}</a>
|
|
|
<a id="btn-swap" class="btn btn-primary" href="${c.swap_url}">${_('Swap')}</a>
|
|
|
|
|
|
## allow comment only if there are commits to comment on
|
|
|
% if c.diffset and c.diffset.files and c.commit_ranges:
|
|
|
<a id="compare_changeset_status_toggle" class="btn btn-primary">${_('Comment')}</a>
|
|
|
% else:
|
|
|
<a class="btn disabled tooltip" disabled="disabled" title="${_('Action unavailable in current view')}">${_('Comment')}</a>
|
|
|
% endif
|
|
|
% endif
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<%doc>
|
|
|
##TODO(marcink): implement this and diff menus
|
|
|
<div class="fieldset">
|
|
|
<div class="left-label">
|
|
|
${_('Diff options')}:
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<div class="diff-actions">
|
|
|
<a href="${h.url('changeset_raw_home',repo_name=c.repo_name,revision='?')}" class="tooltip" title="${h.tooltip(_('Raw diff'))}">
|
|
|
${_('Raw Diff')}
|
|
|
</a>
|
|
|
|
|
|
|
<a href="${h.url('changeset_patch_home',repo_name=c.repo_name,revision='?')}" class="tooltip" title="${h.tooltip(_('Patch diff'))}">
|
|
|
${_('Patch Diff')}
|
|
|
</a>
|
|
|
|
|
|
|
<a href="${h.url('changeset_download_home',repo_name=c.repo_name,revision='?',diff='download')}" class="tooltip" title="${h.tooltip(_('Download diff'))}">
|
|
|
${_('Download Diff')}
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</%doc>
|
|
|
|
|
|
## commit status form
|
|
|
<div class="fieldset" id="compare_changeset_status" style="display: none; margin-bottom: -80px;">
|
|
|
<div class="left-label">
|
|
|
${_('Commit status')}:
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<%namespace name="comment" file="/changeset/changeset_file_comment.html"/>
|
|
|
## main comment form and it status
|
|
|
<%
|
|
|
def revs(_revs):
|
|
|
form_inputs = []
|
|
|
for cs in _revs:
|
|
|
tmpl = '<input type="hidden" data-commit-id="%(cid)s" name="commit_ids" value="%(cid)s">' % {'cid': cs.raw_id}
|
|
|
form_inputs.append(tmpl)
|
|
|
return form_inputs
|
|
|
%>
|
|
|
<div>
|
|
|
${comment.comments(h.url('changeset_comment', repo_name=c.repo_name, revision='0'*16), None, is_compare=True, form_extras=revs(c.commit_ranges))}
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
mainCommentForm.setHandleFormSubmit(function(o) {
|
|
|
var text = mainCommentForm.cm.getValue();
|
|
|
var status = mainCommentForm.getCommentStatus();
|
|
|
|
|
|
if (text === "" && !status) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
// we can pick which commits we want to make the comment by
|
|
|
// selecting them via click on preview pane, this will alter the hidden inputs
|
|
|
var cherryPicked = $('#changeset_compare_view_content .compare_select.hl').length > 0;
|
|
|
|
|
|
var commitIds = [];
|
|
|
$('#changeset_compare_view_content .compare_select').each(function(el) {
|
|
|
var commitId = this.id.replace('row-', '');
|
|
|
if ($(this).hasClass('hl') || !cherryPicked) {
|
|
|
$("input[data-commit-id='{0}']".format(commitId)).val(commitId)
|
|
|
commitIds.push(commitId);
|
|
|
} else {
|
|
|
$("input[data-commit-id='{0}']".format(commitId)).val('')
|
|
|
}
|
|
|
});
|
|
|
|
|
|
mainCommentForm.setActionButtonsDisabled(true);
|
|
|
mainCommentForm.cm.setOption("readOnly", true);
|
|
|
var postData = {
|
|
|
'text': text,
|
|
|
'changeset_status': status,
|
|
|
'commit_ids': commitIds,
|
|
|
'csrf_token': CSRF_TOKEN
|
|
|
};
|
|
|
|
|
|
var submitSuccessCallback = function(o) {
|
|
|
location.reload(true);
|
|
|
};
|
|
|
var submitFailCallback = function(){
|
|
|
mainCommentForm.resetCommentFormState(text)
|
|
|
};
|
|
|
mainCommentForm.submitAjaxPOST(
|
|
|
mainCommentForm.submitUrl, postData, submitSuccessCallback, submitFailCallback);
|
|
|
});
|
|
|
</script>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div> <!-- end summary-detail -->
|
|
|
</div> <!-- end summary -->
|
|
|
|
|
|
## use JS script to load it quickly before potentially large diffs render long time
|
|
|
## this prevents from situation when large diffs block rendering of select2 fields
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var cache = {};
|
|
|
|
|
|
var formatSelection = function(repoName){
|
|
|
return function(data, container, escapeMarkup) {
|
|
|
var selection = data ? this.text(data) : "";
|
|
|
return escapeMarkup('{0}@{1}'.format(repoName, selection));
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var feedCompareData = function(query, cachedValue){
|
|
|
var data = {results: []};
|
|
|
//filter results
|
|
|
$.each(cachedValue.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
|
|
|
})
|
|
|
}
|
|
|
});
|
|
|
data.results.push({
|
|
|
'text': section,
|
|
|
'children': children
|
|
|
})
|
|
|
});
|
|
|
//push the typed in changeset
|
|
|
data.results.push({
|
|
|
'text': _gettext('specify commit'),
|
|
|
'children': [{
|
|
|
'id': query.term,
|
|
|
'text': query.term,
|
|
|
'type': 'rev'
|
|
|
}]
|
|
|
});
|
|
|
query.callback(data);
|
|
|
};
|
|
|
|
|
|
var loadCompareData = function(repoName, query, cache){
|
|
|
$.ajax({
|
|
|
url: pyroutes.url('repo_refs_data', {'repo_name': repoName}),
|
|
|
data: {},
|
|
|
dataType: 'json',
|
|
|
type: 'GET',
|
|
|
success: function(data) {
|
|
|
cache[repoName] = data;
|
|
|
query.callback({results: data.results});
|
|
|
}
|
|
|
})
|
|
|
};
|
|
|
|
|
|
var enable_fields = ${"false" if c.preview_mode else "true"};
|
|
|
$("#compare_source").select2({
|
|
|
placeholder: "${'%s@%s' % (c.source_repo.repo_name, c.source_ref)}",
|
|
|
containerCssClass: "drop-menu",
|
|
|
dropdownCssClass: "drop-menu-dropdown",
|
|
|
formatSelection: formatSelection("${c.source_repo.repo_name}"),
|
|
|
dropdownAutoWidth: true,
|
|
|
query: function(query) {
|
|
|
var repoName = '${c.source_repo.repo_name}';
|
|
|
var cachedValue = cache[repoName];
|
|
|
|
|
|
if (cachedValue){
|
|
|
feedCompareData(query, cachedValue);
|
|
|
}
|
|
|
else {
|
|
|
loadCompareData(repoName, query, cache);
|
|
|
}
|
|
|
}
|
|
|
}).select2("enable", enable_fields);
|
|
|
|
|
|
$("#compare_target").select2({
|
|
|
placeholder: "${'%s@%s' % (c.target_repo.repo_name, c.target_ref)}",
|
|
|
dropdownAutoWidth: true,
|
|
|
containerCssClass: "drop-menu",
|
|
|
dropdownCssClass: "drop-menu-dropdown",
|
|
|
formatSelection: formatSelection("${c.target_repo.repo_name}"),
|
|
|
query: function(query) {
|
|
|
var repoName = '${c.target_repo.repo_name}';
|
|
|
var cachedValue = cache[repoName];
|
|
|
|
|
|
if (cachedValue){
|
|
|
feedCompareData(query, cachedValue);
|
|
|
}
|
|
|
else {
|
|
|
loadCompareData(repoName, query, cache);
|
|
|
}
|
|
|
}
|
|
|
}).select2("enable", enable_fields);
|
|
|
var initial_compare_source = {id: "${c.source_ref}", type:"${c.source_ref_type}"};
|
|
|
var initial_compare_target = {id: "${c.target_ref}", type:"${c.target_ref_type}"};
|
|
|
|
|
|
$('#compare_revs').on('click', function(e) {
|
|
|
var source = $('#compare_source').select2('data') || initial_compare_source;
|
|
|
var target = $('#compare_target').select2('data') || initial_compare_target;
|
|
|
if (source && target) {
|
|
|
var url_data = {
|
|
|
repo_name: "${c.repo_name}",
|
|
|
source_ref: source.id,
|
|
|
source_ref_type: source.type,
|
|
|
target_ref: target.id,
|
|
|
target_ref_type: target.type
|
|
|
};
|
|
|
window.location = pyroutes.url('compare_url', url_data);
|
|
|
}
|
|
|
});
|
|
|
$('#compare_changeset_status_toggle').on('click', function(e) {
|
|
|
$('#compare_changeset_status').toggle();
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
## table diff data
|
|
|
<div class="table">
|
|
|
|
|
|
|
|
|
% if not c.compare_home:
|
|
|
<div id="changeset_compare_view_content">
|
|
|
<div class="pull-left">
|
|
|
<div class="btn-group">
|
|
|
<a
|
|
|
class="btn"
|
|
|
href="#"
|
|
|
onclick="$('.compare_select').show();$('.compare_select_hidden').hide(); return false">
|
|
|
${ungettext('Expand %s commit','Expand %s commits', len(c.commit_ranges)) % len(c.commit_ranges)}
|
|
|
</a>
|
|
|
<a
|
|
|
class="btn"
|
|
|
href="#"
|
|
|
onclick="$('.compare_select').hide();$('.compare_select_hidden').show(); return false">
|
|
|
${ungettext('Collapse %s commit','Collapse %s commits', len(c.commit_ranges)) % len(c.commit_ranges)}
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="padding:0 10px 10px 0px" class="pull-left"></div>
|
|
|
## commit compare generated below
|
|
|
<%include file="compare_commits.html"/>
|
|
|
${cbdiffs.render_diffset_menu()}
|
|
|
${cbdiffs.render_diffset(c.diffset)}
|
|
|
</div>
|
|
|
% endif
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</%def>
|
