Show More
rhodecode.js
555 lines
| 17.9 KiB
| application/javascript
|
JavascriptLexer
r2487 | // # Copyright (C) 2010-2018 RhodeCode GmbH | |||
r1 | // # | |||
// # This program is free software: you can redistribute it and/or modify | ||||
// # it under the terms of the GNU Affero General Public License, version 3 | ||||
// # (only), as published by the Free Software Foundation. | ||||
// # | ||||
// # This program is distributed in the hope that it will be useful, | ||||
// # but WITHOUT ANY WARRANTY; without even the implied warranty of | ||||
// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||||
// # GNU General Public License for more details. | ||||
// # | ||||
// # You should have received a copy of the GNU Affero General Public License | ||||
// # along with this program. If not, see <http://www.gnu.org/licenses/>. | ||||
// # | ||||
// # This program is dual-licensed. If you wish to learn more about the | ||||
// # RhodeCode Enterprise Edition, including its added features, Support services, | ||||
// # and proprietary license terms, please see https://rhodecode.com/licenses/ | ||||
/** | ||||
RhodeCode JS Files | ||||
**/ | ||||
if (typeof console == "undefined" || typeof console.log == "undefined"){ | ||||
console = { log: function() {} } | ||||
} | ||||
// TODO: move the following function to submodules | ||||
/** | ||||
* show more | ||||
*/ | ||||
var show_more_event = function(){ | ||||
$('table .show_more').click(function(e) { | ||||
var cid = e.target.id.substring(1); | ||||
var button = $(this); | ||||
if (button.hasClass('open')) { | ||||
$('#'+cid).hide(); | ||||
button.removeClass('open'); | ||||
} else { | ||||
$('#'+cid).show(); | ||||
button.addClass('open one'); | ||||
} | ||||
}); | ||||
}; | ||||
var compare_radio_buttons = function(repo_name, compare_ref_type){ | ||||
$('#compare_action').on('click', function(e){ | ||||
e.preventDefault(); | ||||
var source = $('input[name=compare_source]:checked').val(); | ||||
var target = $('input[name=compare_target]:checked').val(); | ||||
if(source && target){ | ||||
var url_data = { | ||||
repo_name: repo_name, | ||||
source_ref: source, | ||||
source_ref_type: compare_ref_type, | ||||
target_ref: target, | ||||
target_ref_type: compare_ref_type, | ||||
merge: 1 | ||||
}; | ||||
r1957 | window.location = pyroutes.url('repo_compare', url_data); | |||
r1 | } | |||
}); | ||||
$('.compare-radio-button').on('click', function(e){ | ||||
var source = $('input[name=compare_source]:checked').val(); | ||||
var target = $('input[name=compare_target]:checked').val(); | ||||
if(source && target){ | ||||
$('#compare_action').removeAttr("disabled"); | ||||
$('#compare_action').removeClass("disabled"); | ||||
} | ||||
}) | ||||
}; | ||||
var showRepoSize = function(target, repo_name, commit_id, callback) { | ||||
var container = $('#' + target); | ||||
var url = pyroutes.url('repo_stats', | ||||
{"repo_name": repo_name, "commit_id": commit_id}); | ||||
if (!container.hasClass('loaded')) { | ||||
$.ajax({url: url}) | ||||
.complete(function (data) { | ||||
var responseJSON = data.responseJSON; | ||||
container.addClass('loaded'); | ||||
container.html(responseJSON.size); | ||||
callback(responseJSON.code_stats) | ||||
}) | ||||
.fail(function (data) { | ||||
console.log('failed to load repo stats'); | ||||
}); | ||||
} | ||||
}; | ||||
var showRepoStats = function(target, data){ | ||||
var container = $('#' + target); | ||||
if (container.hasClass('loaded')) { | ||||
return | ||||
} | ||||
var total = 0; | ||||
var no_data = true; | ||||
var tbl = document.createElement('table'); | ||||
tbl.setAttribute('class', 'trending_language_tbl'); | ||||
$.each(data, function(key, val){ | ||||
total += val.count; | ||||
}); | ||||
var sortedStats = []; | ||||
for (var obj in data){ | ||||
sortedStats.push([obj, data[obj]]) | ||||
} | ||||
var sortedData = sortedStats.sort(function (a, b) { | ||||
return b[1].count - a[1].count | ||||
}); | ||||
var cnt = 0; | ||||
$.each(sortedData, function(idx, val){ | ||||
cnt += 1; | ||||
no_data = false; | ||||
var hide = cnt > 2; | ||||
var tr = document.createElement('tr'); | ||||
if (hide) { | ||||
tr.setAttribute('style', 'display:none'); | ||||
tr.setAttribute('class', 'stats_hidden'); | ||||
} | ||||
var key = val[0]; | ||||
var obj = {"desc": val[1].desc, "count": val[1].count}; | ||||
var percentage = Math.round((obj.count / total * 100), 2); | ||||
var td1 = document.createElement('td'); | ||||
td1.width = 300; | ||||
var trending_language_label = document.createElement('div'); | ||||
trending_language_label.innerHTML = obj.desc + " (.{0})".format(key); | ||||
td1.appendChild(trending_language_label); | ||||
var td2 = document.createElement('td'); | ||||
var trending_language = document.createElement('div'); | ||||
r325 | var nr_files = obj.count +" "+ _ngettext('file', 'files', obj.count); | |||
r1 | ||||
trending_language.title = key + " " + nr_files; | ||||
trending_language.innerHTML = "<span>" + percentage + "% " + nr_files | ||||
+ "</span><b>" + percentage + "% " + nr_files + "</b>"; | ||||
trending_language.setAttribute("class", 'trending_language'); | ||||
$('b', trending_language)[0].style.width = percentage + "%"; | ||||
td2.appendChild(trending_language); | ||||
tr.appendChild(td1); | ||||
tr.appendChild(td2); | ||||
tbl.appendChild(tr); | ||||
if (cnt == 3) { | ||||
var show_more = document.createElement('tr'); | ||||
var td = document.createElement('td'); | ||||
lnk = document.createElement('a'); | ||||
lnk.href = '#'; | ||||
r429 | lnk.innerHTML = _gettext('Show more'); | |||
r1 | lnk.id = 'code_stats_show_more'; | |||
td.appendChild(lnk); | ||||
show_more.appendChild(td); | ||||
show_more.appendChild(document.createElement('td')); | ||||
tbl.appendChild(show_more); | ||||
} | ||||
}); | ||||
$(container).html(tbl); | ||||
$(container).addClass('loaded'); | ||||
$('#code_stats_show_more').on('click', function (e) { | ||||
e.preventDefault(); | ||||
$('.stats_hidden').each(function (idx) { | ||||
$(this).css("display", ""); | ||||
}); | ||||
$('#code_stats_show_more').hide(); | ||||
}); | ||||
}; | ||||
r1328 | // returns a node from given html; | |||
var fromHTML = function(html){ | ||||
var _html = document.createElement('element'); | ||||
_html.innerHTML = html; | ||||
return _html; | ||||
}; | ||||
r1 | ||||
// Toggle Collapsable Content | ||||
function collapsableContent() { | ||||
$('.collapsable-content').not('.no-hide').hide(); | ||||
$('.btn-collapse').unbind(); //in case we've been here before | ||||
$('.btn-collapse').click(function() { | ||||
var button = $(this); | ||||
var togglename = $(this).data("toggle"); | ||||
$('.collapsable-content[data-toggle='+togglename+']').toggle(); | ||||
if ($(this).html()=="Show Less") | ||||
$(this).html("Show More"); | ||||
else | ||||
$(this).html("Show Less"); | ||||
}); | ||||
}; | ||||
var timeagoActivate = function() { | ||||
$("time.timeago").timeago(); | ||||
}; | ||||
r1935 | ||||
var clipboardActivate = function() { | ||||
/* | ||||
* | ||||
* <i class="tooltip icon-plus clipboard-action" data-clipboard-text="${commit.raw_id}" title="${_('Copy the full commit id')}"></i> | ||||
* */ | ||||
r2925 | var clipboard = new ClipboardJS('.clipboard-action'); | |||
r1935 | ||||
clipboard.on('success', function(e) { | ||||
r1954 | var callback = function () { | |||
$(e.trigger).animate({'opacity': 1.00}, 200) | ||||
}; | ||||
$(e.trigger).animate({'opacity': 0.15}, 200, callback); | ||||
r1935 | e.clearSelection(); | |||
}); | ||||
}; | ||||
r1 | // Formatting values in a Select2 dropdown of commit references | |||
var formatSelect2SelectionRefs = function(commit_ref){ | ||||
var tmpl = ''; | ||||
if (!commit_ref.text || commit_ref.type === 'sha'){ | ||||
return commit_ref.text; | ||||
} | ||||
if (commit_ref.type === 'branch'){ | ||||
tmpl = tmpl.concat('<i class="icon-branch"></i> '); | ||||
} else if (commit_ref.type === 'tag'){ | ||||
tmpl = tmpl.concat('<i class="icon-tag"></i> '); | ||||
} else if (commit_ref.type === 'book'){ | ||||
tmpl = tmpl.concat('<i class="icon-bookmark"></i> '); | ||||
} | ||||
r2196 | return tmpl.concat(escapeHtml(commit_ref.text)); | |||
r1 | }; | |||
// takes a given html element and scrolls it down offset pixels | ||||
r1030 | function offsetScroll(element, offset) { | |||
setTimeout(function() { | ||||
r1 | var location = element.offset().top; | |||
// some browsers use body, some use html | ||||
$('html, body').animate({ scrollTop: (location - offset) }); | ||||
}, 100); | ||||
} | ||||
r1030 | // scroll an element `percent`% from the top of page in `time` ms | |||
function scrollToElement(element, percent, time) { | ||||
percent = (percent === undefined ? 25 : percent); | ||||
time = (time === undefined ? 100 : time); | ||||
var $element = $(element); | ||||
r1385 | if ($element.length == 0) { | |||
throw('Cannot scroll to {0}'.format(element)) | ||||
} | ||||
r1030 | var elOffset = $element.offset().top; | |||
var elHeight = $element.height(); | ||||
var windowHeight = $(window).height(); | ||||
var offset = elOffset; | ||||
if (elHeight < windowHeight) { | ||||
offset = elOffset - ((windowHeight / (100 / percent)) - (elHeight / 2)); | ||||
} | ||||
setTimeout(function() { | ||||
$('html, body').animate({ scrollTop: offset}); | ||||
}, time); | ||||
} | ||||
r1 | /** | |||
* global hooks after DOM is loaded | ||||
*/ | ||||
$(document).ready(function() { | ||||
firefoxAnchorFix(); | ||||
$('.navigation a.menulink').on('click', function(e){ | ||||
var menuitem = $(this).parent('li'); | ||||
if (menuitem.hasClass('open')) { | ||||
menuitem.removeClass('open'); | ||||
} else { | ||||
menuitem.addClass('open'); | ||||
$(document).on('click', function(event) { | ||||
if (!$(event.target).closest(menuitem).length) { | ||||
menuitem.removeClass('open'); | ||||
} | ||||
}); | ||||
} | ||||
}); | ||||
r2642 | $('body').on('click', '.cb-lineno a', function(event) { | |||
r986 | ||||
r2483 | function sortNumber(a,b) { | |||
return a - b; | ||||
} | ||||
r2642 | var lineNo = $(this).data('lineNo'); | |||
if (lineNo) { | ||||
r2483 | ||||
// on shift, we do a range selection, if we got previous line | ||||
r2642 | var prevLine = $('.cb-line-selected a').data('lineNo'); | |||
r2483 | if (event.shiftKey && prevLine !== undefined) { | |||
var prevLine = parseInt(prevLine); | ||||
r2642 | var nextLine = parseInt(lineNo); | |||
r2483 | var pos = [prevLine, nextLine].sort(sortNumber); | |||
var anchor = '#L{0}-{1}'.format(pos[0], pos[1]); | ||||
} else { | ||||
r2642 | ||||
var nextLine = parseInt(lineNo); | ||||
r2483 | var pos = [nextLine, nextLine]; | |||
var anchor = '#L{0}'.format(pos[0]); | ||||
} | ||||
// highlight | ||||
var range = []; | ||||
for (var i = pos[0]; i <= pos[1]; i++) { | ||||
range.push(i); | ||||
} | ||||
// clear selection | ||||
r986 | $('.cb-line-selected').removeClass('cb-line-selected'); | |||
r2483 | ||||
$.each(range, function (i, lineNo) { | ||||
var line_td = $('td.cb-lineno#L' + lineNo); | ||||
if (line_td.length) { | ||||
line_td.addClass('cb-line-selected'); // line number td | ||||
line_td.prev().addClass('cb-line-selected'); // line data | ||||
line_td.next().addClass('cb-line-selected'); // line content | ||||
} | ||||
}); | ||||
r986 | ||||
r2642 | } else { | |||
if ($(this).attr('name') !== undefined) { | ||||
// clear selection | ||||
$('td.cb-line-selected').removeClass('cb-line-selected'); | ||||
var aEl = $(this).closest('td'); | ||||
aEl.addClass('cb-line-selected'); | ||||
aEl.next('td').addClass('cb-line-selected'); | ||||
r986 | } | |||
} | ||||
r2642 | ||||
// Replace URL without jumping to it if browser supports. | ||||
// Default otherwise | ||||
if (history.pushState && anchor !== undefined) { | ||||
var new_location = location.href.rstrip('#'); | ||||
if (location.hash) { | ||||
// location without hash | ||||
new_location = new_location.replace(location.hash, ""); | ||||
} | ||||
// Make new anchor url | ||||
new_location = new_location + anchor; | ||||
history.pushState(true, document.title, new_location); | ||||
return false; | ||||
} | ||||
r986 | }); | |||
r1 | ||||
$('.collapse_file').on('click', function(e) { | ||||
e.stopPropagation(); | ||||
if ($(e.target).is('a')) { return; } | ||||
var node = $(e.delegateTarget).first(); | ||||
var icon = $($(node.children().first()).children().first()); | ||||
var id = node.attr('fid'); | ||||
var target = $('#'+id); | ||||
var tr = $('#tr_'+id); | ||||
var diff = $('#diff_'+id); | ||||
if(node.hasClass('expand_file')){ | ||||
node.removeClass('expand_file'); | ||||
icon.removeClass('expand_file_icon'); | ||||
node.addClass('collapse_file'); | ||||
icon.addClass('collapse_file_icon'); | ||||
diff.show(); | ||||
tr.show(); | ||||
target.show(); | ||||
} else { | ||||
node.removeClass('collapse_file'); | ||||
icon.removeClass('collapse_file_icon'); | ||||
node.addClass('expand_file'); | ||||
icon.addClass('expand_file_icon'); | ||||
diff.hide(); | ||||
tr.hide(); | ||||
target.hide(); | ||||
} | ||||
}); | ||||
$('#expand_all_files').click(function() { | ||||
$('.expand_file').each(function() { | ||||
var node = $(this); | ||||
var icon = $($(node.children().first()).children().first()); | ||||
var id = $(this).attr('fid'); | ||||
var target = $('#'+id); | ||||
var tr = $('#tr_'+id); | ||||
var diff = $('#diff_'+id); | ||||
node.removeClass('expand_file'); | ||||
icon.removeClass('expand_file_icon'); | ||||
node.addClass('collapse_file'); | ||||
icon.addClass('collapse_file_icon'); | ||||
diff.show(); | ||||
tr.show(); | ||||
target.show(); | ||||
}); | ||||
}); | ||||
$('#collapse_all_files').click(function() { | ||||
$('.collapse_file').each(function() { | ||||
var node = $(this); | ||||
var icon = $($(node.children().first()).children().first()); | ||||
var id = $(this).attr('fid'); | ||||
var target = $('#'+id); | ||||
var tr = $('#tr_'+id); | ||||
var diff = $('#diff_'+id); | ||||
node.removeClass('collapse_file'); | ||||
icon.removeClass('collapse_file_icon'); | ||||
node.addClass('expand_file'); | ||||
icon.addClass('expand_file_icon'); | ||||
diff.hide(); | ||||
tr.hide(); | ||||
target.hide(); | ||||
}); | ||||
}); | ||||
// Mouse over behavior for comments and line selection | ||||
// Select the line that comes from the url anchor | ||||
// At the time of development, Chrome didn't seem to support jquery's :target | ||||
// element, so I had to scroll manually | ||||
r986 | ||||
r1166 | if (location.hash) { | |||
r986 | var result = splitDelimitedHash(location.hash); | |||
var loc = result.loc; | ||||
if (loc.length > 1) { | ||||
r1030 | ||||
var highlightable_line_tds = []; | ||||
// source code line format | ||||
r986 | var page_highlights = loc.substring( | |||
loc.indexOf('#') + 1).split('L'); | ||||
if (page_highlights.length > 1) { | ||||
var highlight_ranges = page_highlights[1].split(","); | ||||
var h_lines = []; | ||||
for (var pos in highlight_ranges) { | ||||
var _range = highlight_ranges[pos].split('-'); | ||||
if (_range.length === 2) { | ||||
var start = parseInt(_range[0]); | ||||
var end = parseInt(_range[1]); | ||||
if (start < end) { | ||||
for (var i = start; i <= end; i++) { | ||||
h_lines.push(i); | ||||
} | ||||
} | ||||
} | ||||
else { | ||||
h_lines.push(parseInt(highlight_ranges[pos])); | ||||
} | ||||
} | ||||
for (pos in h_lines) { | ||||
var line_td = $('td.cb-lineno#L' + h_lines[pos]); | ||||
if (line_td.length) { | ||||
r1030 | highlightable_line_tds.push(line_td); | |||
r986 | } | |||
} | ||||
r1030 | } | |||
r986 | ||||
r1030 | // now check a direct id reference (diff page) | |||
if ($(loc).length && $(loc).hasClass('cb-lineno')) { | ||||
highlightable_line_tds.push($(loc)); | ||||
} | ||||
$.each(highlightable_line_tds, function (i, $td) { | ||||
$td.addClass('cb-line-selected'); // line number td | ||||
r1157 | $td.prev().addClass('cb-line-selected'); // line data | |||
r1030 | $td.next().addClass('cb-line-selected'); // line content | |||
}); | ||||
if (highlightable_line_tds.length) { | ||||
var $first_line_td = highlightable_line_tds[0]; | ||||
scrollToElement($first_line_td); | ||||
$.Topic('/ui/plugins/code/anchor_focus').prepareOrPublish({ | ||||
r1166 | td: $first_line_td, | |||
r1030 | remainder: result.remainder | |||
}); | ||||
r986 | } | |||
} | ||||
} | ||||
r1 | collapsableContent(); | |||
}); | ||||
r2083 | ||||
var feedLifetimeOptions = function(query, initialData){ | ||||
var data = {results: []}; | ||||
var isQuery = typeof query.term !== 'undefined'; | ||||
var section = _gettext('Lifetime'); | ||||
var children = []; | ||||
//filter results | ||||
$.each(initialData.results, function(idx, value) { | ||||
if (!isQuery || query.term.length === 0 || value.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0) { | ||||
children.push({ | ||||
'id': this.id, | ||||
'text': this.text | ||||
}) | ||||
} | ||||
}); | ||||
data.results.push({ | ||||
'text': section, | ||||
'children': children | ||||
}); | ||||
if (isQuery) { | ||||
var now = moment.utc(); | ||||
var parseQuery = function(entry, now){ | ||||
var fmt = 'DD/MM/YYYY H:mm'; | ||||
var parsed = moment.utc(entry, fmt); | ||||
var diffInMin = parsed.diff(now, 'minutes'); | ||||
if (diffInMin > 0){ | ||||
return { | ||||
id: diffInMin, | ||||
text: parsed.format(fmt) | ||||
} | ||||
} else { | ||||
return { | ||||
id: undefined, | ||||
text: parsed.format('DD/MM/YYYY') + ' ' + _gettext('date not in future') | ||||
} | ||||
} | ||||
}; | ||||
data.results.push({ | ||||
'text': _gettext('Specified expiration date'), | ||||
'children': [{ | ||||
'id': parseQuery(query.term, now).id, | ||||
'text': parseQuery(query.term, now).text | ||||
}] | ||||
}); | ||||
} | ||||
query.callback(data); | ||||
}; | ||||