|
|
/**
|
|
|
Kallithea JS Files
|
|
|
**/
|
|
|
'use strict';
|
|
|
|
|
|
if (typeof console == "undefined" || typeof console.log == "undefined"){
|
|
|
console = { log: function() {} }
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* INJECT .html_escape function into String
|
|
|
* Usage: "unsafe string".html_escape()
|
|
|
*
|
|
|
* This is the Javascript equivalent of kallithea.lib.helpers.html_escape(). It
|
|
|
* will escape HTML characters to prevent XSS or other issues. It should be
|
|
|
* used in all cases where Javascript code is inserting potentially unsafe data
|
|
|
* into the document.
|
|
|
*
|
|
|
* For example:
|
|
|
* <script>confirm("boo")</script>
|
|
|
* is changed into:
|
|
|
* <script>confirm("boo")</script>
|
|
|
*
|
|
|
*/
|
|
|
String.prototype.html_escape = function() {
|
|
|
return this
|
|
|
.replace(/&/g,'&')
|
|
|
.replace(/</g,'<')
|
|
|
.replace(/>/g,'>')
|
|
|
.replace(/"/g, '"')
|
|
|
.replace(/'/g, ''');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* INJECT .format function into String
|
|
|
* Usage: "My name is {0} {1}".format("Johny","Bravo")
|
|
|
* Return "My name is Johny Bravo"
|
|
|
* Inspired by https://gist.github.com/1049426
|
|
|
*/
|
|
|
String.prototype.format = function() {
|
|
|
function format() {
|
|
|
var str = this;
|
|
|
var len = arguments.length+1;
|
|
|
var safe = undefined;
|
|
|
var arg = undefined;
|
|
|
|
|
|
// For each {0} {1} {n...} replace with the argument in that position. If
|
|
|
// the argument is an object or an array it will be stringified to JSON.
|
|
|
for (var i=0; i < len; arg = arguments[i++]) {
|
|
|
safe = typeof arg === 'object' ? JSON.stringify(arg) : arg;
|
|
|
str = str.replace(RegExp('\\{'+(i-1)+'\\}', 'g'), safe);
|
|
|
}
|
|
|
return str;
|
|
|
}
|
|
|
|
|
|
// Save a reference of what may already exist under the property native.
|
|
|
// Allows for doing something like: if("".format.native) { /* use native */ }
|
|
|
format.native = String.prototype.format;
|
|
|
|
|
|
// Replace the prototype property
|
|
|
return format;
|
|
|
|
|
|
}();
|
|
|
|
|
|
String.prototype.strip = function(char) {
|
|
|
if(char === undefined){
|
|
|
char = '\\s';
|
|
|
}
|
|
|
return this.replace(new RegExp('^'+char+'+|'+char+'+$','g'), '');
|
|
|
}
|
|
|
|
|
|
String.prototype.lstrip = function(char) {
|
|
|
if(char === undefined){
|
|
|
char = '\\s';
|
|
|
}
|
|
|
return this.replace(new RegExp('^'+char+'+'),'');
|
|
|
}
|
|
|
|
|
|
String.prototype.rstrip = function(char) {
|
|
|
if(char === undefined){
|
|
|
char = '\\s';
|
|
|
}
|
|
|
return this.replace(new RegExp(''+char+'+$'),'');
|
|
|
}
|
|
|
|
|
|
/* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf#Polyfill
|
|
|
under MIT license / public domain, see
|
|
|
https://developer.mozilla.org/en-US/docs/MDN/About#Copyrights_and_licenses */
|
|
|
if(!Array.prototype.indexOf) {
|
|
|
Array.prototype.indexOf = function (searchElement, fromIndex) {
|
|
|
if ( this === undefined || this === null ) {
|
|
|
throw new TypeError( '"this" is null or not defined' );
|
|
|
}
|
|
|
|
|
|
var length = this.length >>> 0; // Hack to convert object.length to a UInt32
|
|
|
|
|
|
fromIndex = +fromIndex || 0;
|
|
|
|
|
|
if (Math.abs(fromIndex) === Infinity) {
|
|
|
fromIndex = 0;
|
|
|
}
|
|
|
|
|
|
if (fromIndex < 0) {
|
|
|
fromIndex += length;
|
|
|
if (fromIndex < 0) {
|
|
|
fromIndex = 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
for (;fromIndex < length; fromIndex++) {
|
|
|
if (this[fromIndex] === searchElement) {
|
|
|
return fromIndex;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return -1;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
/* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter#Compatibility
|
|
|
under MIT license / public domain, see
|
|
|
https://developer.mozilla.org/en-US/docs/MDN/About#Copyrights_and_licenses */
|
|
|
if (!Array.prototype.filter)
|
|
|
{
|
|
|
Array.prototype.filter = function(fun /*, thisArg */)
|
|
|
{
|
|
|
if (this === void 0 || this === null)
|
|
|
throw new TypeError();
|
|
|
|
|
|
var t = Object(this);
|
|
|
var len = t.length >>> 0;
|
|
|
if (typeof fun !== "function")
|
|
|
throw new TypeError();
|
|
|
|
|
|
var res = [];
|
|
|
var thisArg = arguments.length >= 2 ? arguments[1] : void 0;
|
|
|
for (var i = 0; i < len; i++)
|
|
|
{
|
|
|
if (i in t)
|
|
|
{
|
|
|
var val = t[i];
|
|
|
|
|
|
// NOTE: Technically this should Object.defineProperty at
|
|
|
// the next index, as push can be affected by
|
|
|
// properties on Object.prototype and Array.prototype.
|
|
|
// But that method's new, and collisions should be
|
|
|
// rare, so use the more-compatible alternative.
|
|
|
if (fun.call(thisArg, val, i, t))
|
|
|
res.push(val);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return res;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* A customized version of PyRoutes.JS from https://pypi.python.org/pypi/pyroutes.js/
|
|
|
* which is copyright Stephane Klein and was made available under the BSD License.
|
|
|
*
|
|
|
* Usage pyroutes.url('mark_error_fixed',{"error_id":error_id}) // /mark_error_fixed/<error_id>
|
|
|
*/
|
|
|
var pyroutes = (function() {
|
|
|
var matchlist = {};
|
|
|
var sprintf = (function() {
|
|
|
function get_type(variable) {
|
|
|
return Object.prototype.toString.call(variable).slice(8, -1).toLowerCase();
|
|
|
}
|
|
|
function str_repeat(input, multiplier) {
|
|
|
for (var output = []; multiplier > 0; output[--multiplier] = input) {/* do nothing */}
|
|
|
return output.join('');
|
|
|
}
|
|
|
|
|
|
function str_format() {
|
|
|
if (!str_format.cache.hasOwnProperty(arguments[0])) {
|
|
|
str_format.cache[arguments[0]] = str_format.parse(arguments[0]);
|
|
|
}
|
|
|
return str_format.format.call(null, str_format.cache[arguments[0]], arguments);
|
|
|
}
|
|
|
|
|
|
str_format.format = function(parse_tree, argv) {
|
|
|
var cursor = 1, tree_length = parse_tree.length, node_type = '', arg, output = [], i, k, match, pad, pad_character, pad_length;
|
|
|
for (i = 0; i < tree_length; i++) {
|
|
|
node_type = get_type(parse_tree[i]);
|
|
|
if (node_type === 'string') {
|
|
|
output.push(parse_tree[i]);
|
|
|
}
|
|
|
else if (node_type === 'array') {
|
|
|
match = parse_tree[i]; // convenience purposes only
|
|
|
if (match[2]) { // keyword argument
|
|
|
arg = argv[cursor];
|
|
|
for (k = 0; k < match[2].length; k++) {
|
|
|
if (!arg.hasOwnProperty(match[2][k])) {
|
|
|
throw(sprintf('[sprintf] property "%s" does not exist', match[2][k]));
|
|
|
}
|
|
|
arg = arg[match[2][k]];
|
|
|
}
|
|
|
}
|
|
|
else if (match[1]) { // positional argument (explicit)
|
|
|
arg = argv[match[1]];
|
|
|
}
|
|
|
else { // positional argument (implicit)
|
|
|
arg = argv[cursor++];
|
|
|
}
|
|
|
|
|
|
if (/[^s]/.test(match[8]) && (get_type(arg) != 'number')) {
|
|
|
throw(sprintf('[sprintf] expecting number but found %s', get_type(arg)));
|
|
|
}
|
|
|
switch (match[8]) {
|
|
|
case 'b': arg = arg.toString(2); break;
|
|
|
case 'c': arg = String.fromCharCode(arg); break;
|
|
|
case 'd': arg = parseInt(arg, 10); break;
|
|
|
case 'e': arg = match[7] ? arg.toExponential(match[7]) : arg.toExponential(); break;
|
|
|
case 'f': arg = match[7] ? parseFloat(arg).toFixed(match[7]) : parseFloat(arg); break;
|
|
|
case 'o': arg = arg.toString(8); break;
|
|
|
case 's': arg = ((arg = String(arg)) && match[7] ? arg.substring(0, match[7]) : arg); break;
|
|
|
case 'u': arg = Math.abs(arg); break;
|
|
|
case 'x': arg = arg.toString(16); break;
|
|
|
case 'X': arg = arg.toString(16).toUpperCase(); break;
|
|
|
}
|
|
|
arg = (/[def]/.test(match[8]) && match[3] && arg >= 0 ? '+'+ arg : arg);
|
|
|
pad_character = match[4] ? match[4] == '0' ? '0' : match[4].charAt(1) : ' ';
|
|
|
pad_length = match[6] - String(arg).length;
|
|
|
pad = match[6] ? str_repeat(pad_character, pad_length) : '';
|
|
|
output.push(match[5] ? arg + pad : pad + arg);
|
|
|
}
|
|
|
}
|
|
|
return output.join('');
|
|
|
};
|
|
|
|
|
|
str_format.cache = {};
|
|
|
|
|
|
str_format.parse = function(fmt) {
|
|
|
var _fmt = fmt, match = [], parse_tree = [], arg_names = 0;
|
|
|
while (_fmt) {
|
|
|
if ((match = /^[^\x25]+/.exec(_fmt)) !== null) {
|
|
|
parse_tree.push(match[0]);
|
|
|
}
|
|
|
else if ((match = /^\x25{2}/.exec(_fmt)) !== null) {
|
|
|
parse_tree.push('%');
|
|
|
}
|
|
|
else if ((match = /^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(_fmt)) !== null) {
|
|
|
if (match[2]) {
|
|
|
arg_names |= 1;
|
|
|
var field_list = [], replacement_field = match[2], field_match = [];
|
|
|
if ((field_match = /^([a-z_][a-z_\d]*)/i.exec(replacement_field)) !== null) {
|
|
|
field_list.push(field_match[1]);
|
|
|
while ((replacement_field = replacement_field.substring(field_match[0].length)) !== '') {
|
|
|
if ((field_match = /^\.([a-z_][a-z_\d]*)/i.exec(replacement_field)) !== null) {
|
|
|
field_list.push(field_match[1]);
|
|
|
}
|
|
|
else if ((field_match = /^\[(\d+)\]/.exec(replacement_field)) !== null) {
|
|
|
field_list.push(field_match[1]);
|
|
|
}
|
|
|
else {
|
|
|
throw('[sprintf] huh?');
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
else {
|
|
|
throw('[sprintf] huh?');
|
|
|
}
|
|
|
match[2] = field_list;
|
|
|
}
|
|
|
else {
|
|
|
arg_names |= 2;
|
|
|
}
|
|
|
if (arg_names === 3) {
|
|
|
throw('[sprintf] mixing positional and named placeholders is not (yet) supported');
|
|
|
}
|
|
|
parse_tree.push(match);
|
|
|
}
|
|
|
else {
|
|
|
throw('[sprintf] huh?');
|
|
|
}
|
|
|
_fmt = _fmt.substring(match[0].length);
|
|
|
}
|
|
|
return parse_tree;
|
|
|
};
|
|
|
|
|
|
return str_format;
|
|
|
})();
|
|
|
|
|
|
return {
|
|
|
'url': function(route_name, params) {
|
|
|
var result = route_name;
|
|
|
if (typeof(params) != 'object'){
|
|
|
params = {};
|
|
|
}
|
|
|
if (matchlist.hasOwnProperty(route_name)) {
|
|
|
var route = matchlist[route_name];
|
|
|
// param substitution
|
|
|
for(var i=0; i < route[1].length; i++) {
|
|
|
if (!params.hasOwnProperty(route[1][i]))
|
|
|
throw new Error(route[1][i] + ' missing in "' + route_name + '" route generation');
|
|
|
}
|
|
|
result = sprintf(route[0], params);
|
|
|
|
|
|
var ret = [];
|
|
|
//extra params => GET
|
|
|
for(var param in params){
|
|
|
if (route[1].indexOf(param) == -1){
|
|
|
ret.push(encodeURIComponent(param) + "=" + encodeURIComponent(params[param]));
|
|
|
}
|
|
|
}
|
|
|
var _parts = ret.join("&");
|
|
|
if(_parts){
|
|
|
result = result +'?'+ _parts
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return result;
|
|
|
},
|
|
|
'register': function(route_name, route_tmpl, req_params) {
|
|
|
if (typeof(req_params) != 'object') {
|
|
|
req_params = [];
|
|
|
}
|
|
|
var keys = [];
|
|
|
for (var i=0; i < req_params.length; i++) {
|
|
|
keys.push(req_params[i]);
|
|
|
}
|
|
|
matchlist[route_name] = [
|
|
|
unescape(route_tmpl),
|
|
|
keys
|
|
|
]
|
|
|
},
|
|
|
'_routes': function(){
|
|
|
return matchlist;
|
|
|
}
|
|
|
}
|
|
|
})();
|
|
|
|
|
|
|
|
|
/**
|
|
|
* turns objects into GET query string
|
|
|
*/
|
|
|
function _toQueryString(o) {
|
|
|
if(typeof o !== 'object') {
|
|
|
return false;
|
|
|
}
|
|
|
var _p, _qs = [];
|
|
|
for(_p in o) {
|
|
|
_qs.push(encodeURIComponent(_p) + '=' + encodeURIComponent(o[_p]));
|
|
|
}
|
|
|
return _qs.join('&');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Load HTML into DOM using Ajax
|
|
|
*
|
|
|
* @param $target: load html async and place it (or an error message) here
|
|
|
* @param success: success callback function
|
|
|
* @param args: query parameters to pass to url
|
|
|
*/
|
|
|
function asynchtml(url, $target, success, args){
|
|
|
if(args===undefined){
|
|
|
args=null;
|
|
|
}
|
|
|
$target.html(_TM['Loading ...']).css('opacity','0.3');
|
|
|
|
|
|
return $.ajax({url: url, data: args, headers: {'X-PARTIAL-XHR': '1'}, cache: false, dataType: 'html'})
|
|
|
.done(function(html) {
|
|
|
$target.html(html);
|
|
|
$target.css('opacity','1.0');
|
|
|
//execute the given original callback
|
|
|
if (success !== undefined && success) {
|
|
|
success();
|
|
|
}
|
|
|
})
|
|
|
.fail(function(jqXHR, textStatus) {
|
|
|
if (textStatus == "abort")
|
|
|
return;
|
|
|
$target.html('<span class="bg-danger">ERROR: {0}</span>'.format(textStatus));
|
|
|
$target.css('opacity','1.0');
|
|
|
})
|
|
|
;
|
|
|
}
|
|
|
|
|
|
function ajaxGET(url, success, failure) {
|
|
|
if(failure === undefined) {
|
|
|
failure = function(jqXHR, textStatus) {
|
|
|
if (textStatus != "abort")
|
|
|
alert("Ajax GET error: " + textStatus);
|
|
|
};
|
|
|
}
|
|
|
return $.ajax({url: url, headers: {'X-PARTIAL-XHR': '1'}, cache: false})
|
|
|
.done(success)
|
|
|
.fail(failure);
|
|
|
}
|
|
|
|
|
|
function ajaxPOST(url, postData, success, failure) {
|
|
|
postData['_session_csrf_secret_token'] = _session_csrf_secret_token;
|
|
|
if(failure === undefined) {
|
|
|
failure = function(jqXHR, textStatus) {
|
|
|
if (textStatus != "abort")
|
|
|
alert("Error posting to server: " + textStatus);
|
|
|
};
|
|
|
}
|
|
|
return $.ajax({url: url, data: _toQueryString(postData), type: 'POST', headers: {'X-PARTIAL-XHR': '1'}, cache: false})
|
|
|
.done(success)
|
|
|
.fail(failure);
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* activate .show_more links
|
|
|
* the .show_more must have an id that is the the id of an element to hide prefixed with _
|
|
|
* the parentnode will be displayed
|
|
|
*/
|
|
|
function show_more_event(){
|
|
|
$('.show_more').click(function(e){
|
|
|
var el = e.currentTarget;
|
|
|
$('#' + el.id.substring(1)).hide();
|
|
|
$(el.parentNode).show();
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function _onSuccessFollow(target){
|
|
|
var $target = $(target);
|
|
|
var $f_cnt = $('#current_followers_count');
|
|
|
if ($target.hasClass('follow')) {
|
|
|
$target.removeClass('follow').addClass('following');
|
|
|
$target.prop('title', _TM['Stop following this repository']);
|
|
|
if ($f_cnt.html()) {
|
|
|
const cnt = Number($f_cnt.html())+1;
|
|
|
$f_cnt.html(cnt);
|
|
|
}
|
|
|
} else {
|
|
|
$target.removeClass('following').addClass('follow');
|
|
|
$target.prop('title', _TM['Start following this repository']);
|
|
|
if ($f_cnt.html()) {
|
|
|
const cnt = Number($f_cnt.html())-1;
|
|
|
$f_cnt.html(cnt);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function toggleFollowingRepo(target, follows_repository_id){
|
|
|
var args = {
|
|
|
'follows_repository_id': follows_repository_id,
|
|
|
'_session_csrf_secret_token': _session_csrf_secret_token
|
|
|
}
|
|
|
$.post(TOGGLE_FOLLOW_URL, args, function(){
|
|
|
_onSuccessFollow(target);
|
|
|
});
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
function showRepoSize(target, repo_name){
|
|
|
var args = '_session_csrf_secret_token=' + _session_csrf_secret_token;
|
|
|
|
|
|
if(!$("#" + target).hasClass('loaded')){
|
|
|
$("#" + target).html(_TM['Loading ...']);
|
|
|
var url = pyroutes.url('repo_size', {"repo_name":repo_name});
|
|
|
$.post(url, args, function(data) {
|
|
|
$("#" + target).html(data);
|
|
|
$("#" + target).addClass('loaded');
|
|
|
});
|
|
|
}
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* load tooltips dynamically based on data attributes, used for .lazy-cs changeset links
|
|
|
*/
|
|
|
function get_changeset_tooltip() {
|
|
|
var $target = $(this);
|
|
|
var tooltip = $target.data('tooltip');
|
|
|
if (!tooltip) {
|
|
|
var raw_id = $target.data('raw_id');
|
|
|
var repo_name = $target.data('repo_name');
|
|
|
var url = pyroutes.url('changeset_info', {"repo_name": repo_name, "revision": raw_id});
|
|
|
|
|
|
$.ajax(url, {
|
|
|
async: false,
|
|
|
success: function(data) {
|
|
|
tooltip = data["message"];
|
|
|
}
|
|
|
});
|
|
|
$target.data('tooltip', tooltip);
|
|
|
}
|
|
|
return tooltip;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* activate tooltips and popups
|
|
|
*/
|
|
|
function tooltip_activate(){
|
|
|
function placement(p, e){
|
|
|
if(e.getBoundingClientRect().top > 2*$(window).height()/3){
|
|
|
return 'top';
|
|
|
}else{
|
|
|
return 'bottom';
|
|
|
}
|
|
|
}
|
|
|
$(document).ready(function(){
|
|
|
$('[data-toggle="tooltip"]').tooltip({
|
|
|
container: 'body',
|
|
|
placement: placement
|
|
|
});
|
|
|
$('[data-toggle="popover"]').popover({
|
|
|
html: true,
|
|
|
container: 'body',
|
|
|
placement: placement,
|
|
|
trigger: 'hover',
|
|
|
template: '<div class="popover cs-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
|
|
|
});
|
|
|
$('.lazy-cs').tooltip({
|
|
|
title: get_changeset_tooltip,
|
|
|
placement: placement
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 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("<span class='bg-warning'>Comment to {0} line {1} which is outside the diff context:</span>".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('[data-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_opt - 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:not(.submitting)');
|
|
|
$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);
|
|
|
} else {
|
|
|
$comment_div.parent('tr').remove();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 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'];
|
|
|
var $add = $('<div class="add-button-row"><span class="btn btn-default btn-xs add-button">{0}</span></div>'.format(addlabel));
|
|
|
$comment_div.append($add);
|
|
|
$add.children('.add-button').click(function() {
|
|
|
comment_div_state($comment_div, f_path, line_no, true);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// append a comment form to $comment_div
|
|
|
// Note: var AJAX_COMMENT_URL must have been defined before invoking this function
|
|
|
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 $preview = $comment_div.find("div.comment-preview");
|
|
|
var $form = $comment_div.find("form");
|
|
|
var $textarea = $form.find('textarea');
|
|
|
|
|
|
$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').length;
|
|
|
if (comments > 0 &&
|
|
|
!confirm('Confirm again to delete this pull request with {0} comments'.format(comments))) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (review_status) {
|
|
|
var $review_status = $preview.find('.automatic-comment');
|
|
|
var review_status_lbl = $("#comment-inline-form-template input.status_change_radio[value='" + review_status + "']").parent().text().strip();
|
|
|
$review_status.find('.comment-status-label').text(review_status_lbl);
|
|
|
$review_status.show();
|
|
|
}
|
|
|
$preview.find('.comment-text div').text(text);
|
|
|
$preview.show();
|
|
|
$textarea.val('');
|
|
|
if (f_path && line_no) {
|
|
|
$form.hide();
|
|
|
}
|
|
|
|
|
|
var postData = {
|
|
|
'text': text,
|
|
|
'f_path': f_path,
|
|
|
'line': line_no,
|
|
|
'changeset_status': review_status,
|
|
|
'save_close': pr_close,
|
|
|
'save_delete': pr_delete
|
|
|
};
|
|
|
function success(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);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
function failure(x, s, e) {
|
|
|
$preview.removeClass('submitting').children('.panel').addClass('panel-danger');
|
|
|
var $status = $preview.find('.comment-submission-status');
|
|
|
$('<span>', {
|
|
|
'title': e,
|
|
|
text: _TM['Unable to post']
|
|
|
}).replaceAll($status.contents());
|
|
|
$('<div>', {
|
|
|
'class': 'btn-group'
|
|
|
}).append(
|
|
|
$('<button>', {
|
|
|
'type': 'button',
|
|
|
'class': 'btn btn-default btn-xs',
|
|
|
text: _TM['Retry']
|
|
|
}).click(function() {
|
|
|
$status.text(_TM['Submitting ...']);
|
|
|
$preview.addClass('submitting').children('.panel').removeClass('panel-danger');
|
|
|
ajaxPOST(AJAX_COMMENT_URL, postData, success, failure);
|
|
|
}),
|
|
|
$('<button>', {
|
|
|
'type': 'button',
|
|
|
'class': 'btn btn-default btn-xs',
|
|
|
text: _TM['Cancel']
|
|
|
}).click(function() {
|
|
|
comment_div_state($comment_div, f_path, line_no);
|
|
|
})
|
|
|
).appendTo($status);
|
|
|
}
|
|
|
ajaxPOST(AJAX_COMMENT_URL, postData, success, failure);
|
|
|
});
|
|
|
|
|
|
// add event handler for hide/cancel buttons
|
|
|
$form.find('.hide-inline-form').click(function() {
|
|
|
comment_div_state($comment_div, f_path, line_no);
|
|
|
});
|
|
|
|
|
|
tooltip_activate();
|
|
|
if ($textarea.length > 0) {
|
|
|
MentionsAutoComplete($textarea);
|
|
|
}
|
|
|
if (f_path) {
|
|
|
$textarea.focus();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
// Note: var AJAX_COMMENT_URL must have been defined before invoking this function
|
|
|
function deleteComment(comment_id) {
|
|
|
var url = AJAX_COMMENT_DELETE_URL.replace('__COMMENT_ID__', comment_id);
|
|
|
var postData = {};
|
|
|
function success() {
|
|
|
$('#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
|
|
|
*/
|
|
|
function linkInlineComments($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){
|
|
|
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 */
|
|
|
function fileBrowserListeners(node_list_url, url_base){
|
|
|
var $node_filter = $('#node_filter');
|
|
|
|
|
|
var filterTimeout = null;
|
|
|
var nodes = null;
|
|
|
|
|
|
function initFilter(){
|
|
|
$('#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');
|
|
|
})
|
|
|
;
|
|
|
}
|
|
|
|
|
|
function updateFilter(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']));
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
if(query != ""){
|
|
|
$('#tbody').hide();
|
|
|
$('#tbody_filtered').show();
|
|
|
|
|
|
if (match.length==0){
|
|
|
match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['No matching files']));
|
|
|
}
|
|
|
|
|
|
$('#tbody_filtered').html(match.join(""));
|
|
|
}
|
|
|
else{
|
|
|
$('#tbody').show();
|
|
|
$('#tbody_filtered').hide();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
$('#filter_activate').click(function(){
|
|
|
initFilter();
|
|
|
});
|
|
|
$node_filter.click(function(){
|
|
|
if($node_filter.hasClass('init')){
|
|
|
$node_filter.val('');
|
|
|
$node_filter.removeClass('init');
|
|
|
}
|
|
|
});
|
|
|
$node_filter.keyup(function(e){
|
|
|
clearTimeout(filterTimeout);
|
|
|
filterTimeout = setTimeout(updateFilter(e),600);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function initCodeMirror(textarea_id, baseUrl, resetUrl){
|
|
|
var myCodeMirror = CodeMirror.fromTextArea($('#' + textarea_id)[0], {
|
|
|
mode: "null",
|
|
|
lineNumbers: true,
|
|
|
indentUnit: 4,
|
|
|
autofocus: true
|
|
|
});
|
|
|
CodeMirror.modeURL = baseUrl + "/codemirror/mode/%N/%N.js";
|
|
|
|
|
|
$('#reset').click(function(){
|
|
|
window.location=resetUrl;
|
|
|
});
|
|
|
|
|
|
$('#file_enable').click(function(){
|
|
|
$('#upload_file_container').hide();
|
|
|
$('#filename_container').show();
|
|
|
$('#body').show();
|
|
|
});
|
|
|
|
|
|
$('#upload_file_enable').click(function(){
|
|
|
$('#upload_file_container').show();
|
|
|
$('#filename_container').hide();
|
|
|
$('#body').hide();
|
|
|
});
|
|
|
|
|
|
return myCodeMirror
|
|
|
}
|
|
|
|
|
|
function setCodeMirrorMode(codeMirrorInstance, mode) {
|
|
|
CodeMirror.autoLoadMode(codeMirrorInstance, mode);
|
|
|
}
|
|
|
|
|
|
|
|
|
function _getIdentNode(n){
|
|
|
//iterate thrugh nodes until matching interesting node
|
|
|
|
|
|
if (typeof n == 'undefined'){
|
|
|
return -1
|
|
|
}
|
|
|
|
|
|
if(typeof n.id != "undefined" && n.id.match('L[0-9]+')){
|
|
|
return n
|
|
|
}
|
|
|
else{
|
|
|
return _getIdentNode(n.parentNode);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/* generate links for multi line selects that can be shown by files.html page_highlights.
|
|
|
* This is a mouseup handler for hlcode from CodeHtmlFormatter and pygmentize */
|
|
|
function getSelectionLink() {
|
|
|
//get selection from start/to nodes
|
|
|
if (typeof window.getSelection != "undefined") {
|
|
|
var s = window.getSelection();
|
|
|
|
|
|
var from = _getIdentNode(s.anchorNode);
|
|
|
var till = _getIdentNode(s.focusNode);
|
|
|
|
|
|
//var f_int = parseInt(from.id.replace('L',''));
|
|
|
//var t_int = parseInt(till.id.replace('L',''));
|
|
|
|
|
|
var yoffset = 35;
|
|
|
var ranges = [parseInt(from.id.replace('L','')), parseInt(till.id.replace('L',''))];
|
|
|
if (ranges[0] > ranges[1]){
|
|
|
//highlight from bottom
|
|
|
yoffset = -yoffset;
|
|
|
ranges = [ranges[1], ranges[0]];
|
|
|
}
|
|
|
var $hl_div = $('div#linktt');
|
|
|
// if we select more than 2 lines
|
|
|
if (ranges[0] != ranges[1]){
|
|
|
if ($hl_div.length) {
|
|
|
$hl_div.html('');
|
|
|
} else {
|
|
|
$hl_div = $('<div id="linktt" class="hl-tip-box">');
|
|
|
$('body').prepend($hl_div);
|
|
|
}
|
|
|
|
|
|
$hl_div.append($('<a>').html(_TM['Selection Link']).prop('href', location.href.substring(0, location.href.indexOf('#')) + '#L' + ranges[0] + '-'+ranges[1]));
|
|
|
var xy = $(till).offset();
|
|
|
$hl_div.css('top', (xy.top + yoffset) + 'px').css('left', xy.left + 'px');
|
|
|
$hl_div.show();
|
|
|
}
|
|
|
else{
|
|
|
$hl_div.hide();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Autocomplete functionality
|
|
|
*/
|
|
|
|
|
|
// Highlight the snippet if it is found in the full text, while escaping any existing markup.
|
|
|
// Snippet must be lowercased already.
|
|
|
function autocompleteHighlightMatch(full, snippet) {
|
|
|
var matchindex = full.toLowerCase().indexOf(snippet);
|
|
|
if (matchindex <0)
|
|
|
return full.html_escape();
|
|
|
return full.substring(0, matchindex).html_escape()
|
|
|
+ '<span class="select2-match">'
|
|
|
+ full.substr(matchindex, snippet.length).html_escape()
|
|
|
+ '</span>'
|
|
|
+ full.substring(matchindex + snippet.length).html_escape();
|
|
|
}
|
|
|
|
|
|
// Return html snippet for showing the provided gravatar url
|
|
|
function gravatar(gravatar_lnk, size, cssclass) {
|
|
|
if (!gravatar_lnk) {
|
|
|
return '';
|
|
|
}
|
|
|
if (gravatar_lnk == 'default') {
|
|
|
return '<i class="icon-user {1}" style="font-size: {0}px;"></i>'.format(size, cssclass);
|
|
|
}
|
|
|
return ('<i class="icon-gravatar {2}"' +
|
|
|
' style="font-size: {0}px;background-image: url(\'{1}\'); background-size: {0}px"' +
|
|
|
'></i>').format(size, gravatar_lnk, cssclass);
|
|
|
}
|
|
|
|
|
|
function autocompleteGravatar(res, gravatar_lnk, size, group) {
|
|
|
var elem;
|
|
|
if (group !== undefined) {
|
|
|
elem = '<i class="perm-gravatar-ac icon-users"></i>';
|
|
|
} else {
|
|
|
elem = gravatar(gravatar_lnk, size, "perm-gravatar-ac");
|
|
|
}
|
|
|
return '<div class="ac-container-wrap">{0}{1}</div>'.format(elem, res);
|
|
|
}
|
|
|
|
|
|
// Custom formatter to highlight the matching letters and do HTML escaping
|
|
|
function autocompleteFormatter(oResultData, sQuery, sResultMatch) {
|
|
|
var query;
|
|
|
if (sQuery && sQuery.toLowerCase) // YAHOO AutoComplete
|
|
|
query = sQuery.toLowerCase();
|
|
|
else if (sResultMatch && sResultMatch.term) // select2 - parameter names doesn't match
|
|
|
query = sResultMatch.term.toLowerCase();
|
|
|
|
|
|
// group
|
|
|
if (oResultData.type == "group") {
|
|
|
return autocompleteGravatar(
|
|
|
"{0}: {1}".format(
|
|
|
_TM['Group'],
|
|
|
autocompleteHighlightMatch(oResultData.grname, query)),
|
|
|
null, null, true);
|
|
|
}
|
|
|
|
|
|
// users
|
|
|
if (oResultData.nname) {
|
|
|
var displayname = autocompleteHighlightMatch(oResultData.nname, query);
|
|
|
if (oResultData.fname && oResultData.lname) {
|
|
|
displayname = "{0} {1} ({2})".format(
|
|
|
autocompleteHighlightMatch(oResultData.fname, query),
|
|
|
autocompleteHighlightMatch(oResultData.lname, query),
|
|
|
displayname);
|
|
|
}
|
|
|
|
|
|
return autocompleteGravatar(displayname, oResultData.gravatar_lnk, oResultData.gravatar_size);
|
|
|
}
|
|
|
|
|
|
return '';
|
|
|
}
|
|
|
|
|
|
function SimpleUserAutoComplete($inputElement) {
|
|
|
$inputElement.select2({
|
|
|
formatInputTooShort: $inputElement.attr('placeholder'),
|
|
|
initSelection : function (element, callback) {
|
|
|
$.ajax({
|
|
|
url: pyroutes.url('users_and_groups_data'),
|
|
|
dataType: 'json',
|
|
|
data: {
|
|
|
key: element.val()
|
|
|
},
|
|
|
success: function(data){
|
|
|
callback(data.results[0]);
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
minimumInputLength: 1,
|
|
|
ajax: {
|
|
|
url: pyroutes.url('users_and_groups_data'),
|
|
|
dataType: 'json',
|
|
|
data: function(term){
|
|
|
return {
|
|
|
query: term
|
|
|
};
|
|
|
},
|
|
|
results: function (data){
|
|
|
return data;
|
|
|
},
|
|
|
cache: true
|
|
|
},
|
|
|
formatSelection: autocompleteFormatter,
|
|
|
formatResult: autocompleteFormatter,
|
|
|
id: function(item) { return item.nname; },
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function MembersAutoComplete($inputElement, $typeElement) {
|
|
|
|
|
|
$inputElement.select2({
|
|
|
placeholder: $inputElement.attr('placeholder'),
|
|
|
minimumInputLength: 1,
|
|
|
ajax: {
|
|
|
url: pyroutes.url('users_and_groups_data'),
|
|
|
dataType: 'json',
|
|
|
data: function(term){
|
|
|
return {
|
|
|
query: term,
|
|
|
types: 'users,groups'
|
|
|
};
|
|
|
},
|
|
|
results: function (data){
|
|
|
return data;
|
|
|
},
|
|
|
cache: true
|
|
|
},
|
|
|
formatSelection: autocompleteFormatter,
|
|
|
formatResult: autocompleteFormatter,
|
|
|
id: function(item) { return item.type == 'user' ? item.nname : item.grname },
|
|
|
}).on("select2-selecting", function(e) {
|
|
|
// e.choice.id is automatically used as selection value - just set the type of the selection
|
|
|
$typeElement.val(e.choice.type);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function MentionsAutoComplete($inputElement) {
|
|
|
$inputElement.atwho({
|
|
|
at: "@",
|
|
|
callbacks: {
|
|
|
remoteFilter: function(query, callback) {
|
|
|
$.getJSON(
|
|
|
pyroutes.url('users_and_groups_data'),
|
|
|
{
|
|
|
query: query,
|
|
|
types: 'users'
|
|
|
},
|
|
|
function(data) {
|
|
|
callback(data.results)
|
|
|
}
|
|
|
);
|
|
|
},
|
|
|
sorter: function(query, items) {
|
|
|
return items;
|
|
|
}
|
|
|
},
|
|
|
displayTpl: function(item) {
|
|
|
return "<li>" +
|
|
|
autocompleteGravatar(
|
|
|
"{0} {1} ({2})".format(item.fname, item.lname, item.nname).html_escape(),
|
|
|
'${gravatar_lnk}', 16) +
|
|
|
"</li>";
|
|
|
},
|
|
|
insertTpl: "${atwho-at}${nname}"
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function addReviewMember(id,fname,lname,nname,gravatar_link,gravatar_size){
|
|
|
var displayname = nname;
|
|
|
if ((fname != "") && (lname != "")) {
|
|
|
displayname = "{0} {1} ({2})".format(fname, lname, nname);
|
|
|
}
|
|
|
var gravatarelm = gravatar(gravatar_link, gravatar_size, "");
|
|
|
// WARNING: the HTML below is duplicate with
|
|
|
// kallithea/templates/pullrequests/pullrequest_show.html
|
|
|
// If you change something here it should be reflected in the template too.
|
|
|
var element = (
|
|
|
' <li id="reviewer_{2}">\n'+
|
|
|
' <span class="reviewers_member">\n'+
|
|
|
' <input type="hidden" value="{2}" name="review_members" />\n'+
|
|
|
' <span class="reviewer_status" data-toggle="tooltip" title="not_reviewed">\n'+
|
|
|
' <i class="icon-circle changeset-status-not_reviewed"></i>\n'+
|
|
|
' </span>\n'+
|
|
|
(gravatarelm ?
|
|
|
' {0}\n' :
|
|
|
'')+
|
|
|
' <span>{1}</span>\n'+
|
|
|
' <a href="#" class="reviewer_member_remove" onclick="removeReviewMember({2})">\n'+
|
|
|
' <i class="icon-minus-circled"></i>\n'+
|
|
|
' </a> (add not saved)\n'+
|
|
|
' </span>\n'+
|
|
|
' </li>\n'
|
|
|
).format(gravatarelm, displayname.html_escape(), id);
|
|
|
// check if we don't have this ID already in
|
|
|
var ids = [];
|
|
|
$('#review_members').find('li').each(function() {
|
|
|
ids.push(this.id);
|
|
|
});
|
|
|
if(ids.indexOf('reviewer_'+id) == -1){
|
|
|
//only add if it's not there
|
|
|
$('#review_members').append(element);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function removeReviewMember(reviewer_id){
|
|
|
var $li = $('#reviewer_{0}'.format(reviewer_id));
|
|
|
$li.find('div div').css("text-decoration", "line-through");
|
|
|
$li.find('input').prop('name', 'review_members_removed');
|
|
|
$li.find('.reviewer_member_remove').replaceWith(' (remove not saved)');
|
|
|
}
|
|
|
|
|
|
/* activate auto completion of users as PR reviewers */
|
|
|
function PullRequestAutoComplete($inputElement) {
|
|
|
$inputElement.select2(
|
|
|
{
|
|
|
placeholder: $inputElement.attr('placeholder'),
|
|
|
minimumInputLength: 1,
|
|
|
ajax: {
|
|
|
url: pyroutes.url('users_and_groups_data'),
|
|
|
dataType: 'json',
|
|
|
data: function(term){
|
|
|
return {
|
|
|
query: term
|
|
|
};
|
|
|
},
|
|
|
results: function (data){
|
|
|
return data;
|
|
|
},
|
|
|
cache: true
|
|
|
},
|
|
|
formatSelection: autocompleteFormatter,
|
|
|
formatResult: autocompleteFormatter,
|
|
|
}).on("select2-selecting", function(e) {
|
|
|
addReviewMember(e.choice.id, e.choice.fname, e.choice.lname, e.choice.nname,
|
|
|
e.choice.gravatar_lnk, e.choice.gravatar_size);
|
|
|
$inputElement.select2("close");
|
|
|
e.preventDefault();
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function addPermAction(perm_type) {
|
|
|
var template =
|
|
|
'<td><input type="radio" value="{1}.none" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +
|
|
|
'<td><input type="radio" value="{1}.read" checked="checked" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +
|
|
|
'<td><input type="radio" value="{1}.write" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +
|
|
|
'<td><input type="radio" value="{1}.admin" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +
|
|
|
'<td>' +
|
|
|
'<input class="form-control" id="perm_new_member_name_{0}" name="perm_new_member_name_{0}" value="" type="text" placeholder="{2}">' +
|
|
|
'<input id="perm_new_member_type_{0}" name="perm_new_member_type_{0}" value="" type="hidden">' +
|
|
|
'</td>' +
|
|
|
'<td></td>';
|
|
|
var $last_node = $('.last_new_member').last(); // empty tr between last and add
|
|
|
var next_id = $('.new_members').length;
|
|
|
$last_node.before($('<tr class="new_members">').append(template.format(next_id, perm_type, _TM['Type name of user or member to grant permission'])));
|
|
|
MembersAutoComplete($("#perm_new_member_name_"+next_id), $("#perm_new_member_type_"+next_id));
|
|
|
}
|
|
|
|
|
|
function ajaxActionRevokePermission(url, obj_id, obj_type, field_id, extra_data) {
|
|
|
function success() {
|
|
|
$('#' + field_id).remove();
|
|
|
}
|
|
|
function failure(o) {
|
|
|
alert(_TM['Failed to revoke permission'] + ": " + o.status);
|
|
|
}
|
|
|
var query_params = {};
|
|
|
// put extra data into POST
|
|
|
if (extra_data !== undefined && (typeof extra_data === 'object')){
|
|
|
for(var k in extra_data){
|
|
|
query_params[k] = extra_data[k];
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (obj_type=='user'){
|
|
|
query_params['user_id'] = obj_id;
|
|
|
query_params['obj_type'] = 'user';
|
|
|
}
|
|
|
else if (obj_type=='user_group'){
|
|
|
query_params['user_group_id'] = obj_id;
|
|
|
query_params['obj_type'] = 'user_group';
|
|
|
}
|
|
|
|
|
|
ajaxPOST(url, query_params, success, failure);
|
|
|
}
|
|
|
|
|
|
/* Multi selectors */
|
|
|
|
|
|
function MultiSelectWidget(selected_id, available_id, form_id){
|
|
|
var $availableselect = $('#' + available_id);
|
|
|
var $selectedselect = $('#' + selected_id);
|
|
|
|
|
|
//fill available only with those not in selected
|
|
|
var $selectedoptions = $selectedselect.children('option');
|
|
|
$availableselect.children('option').filter(function(i, e){
|
|
|
for(var j = 0, node; node = $selectedoptions[j]; j++){
|
|
|
if(node.value == e.value){
|
|
|
return true;
|
|
|
}
|
|
|
}
|
|
|
return false;
|
|
|
}).remove();
|
|
|
|
|
|
$('#add_element').click(function(){
|
|
|
$selectedselect.append($availableselect.children('option:selected'));
|
|
|
});
|
|
|
$('#remove_element').click(function(){
|
|
|
$availableselect.append($selectedselect.children('option:selected'));
|
|
|
});
|
|
|
|
|
|
$('#'+form_id).submit(function(){
|
|
|
$selectedselect.children('option').each(function(i, e){
|
|
|
e.selected = 'selected';
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
Branch Sorting callback for select2, modifying the filtered result so prefix
|
|
|
matches come before matches in the line.
|
|
|
**/
|
|
|
function branchSort(results, container, query) {
|
|
|
if (query.term) {
|
|
|
return results.sort(function (a, b) {
|
|
|
// Put closed branches after open ones (a bit of a hack ...)
|
|
|
var aClosed = a.text.indexOf("(closed)") > -1,
|
|
|
bClosed = b.text.indexOf("(closed)") > -1;
|
|
|
if (aClosed && !bClosed) {
|
|
|
return 1;
|
|
|
}
|
|
|
if (bClosed && !aClosed) {
|
|
|
return -1;
|
|
|
}
|
|
|
|
|
|
// Put early (especially prefix) matches before later matches
|
|
|
var aPos = a.text.toLowerCase().indexOf(query.term.toLowerCase()),
|
|
|
bPos = b.text.toLowerCase().indexOf(query.term.toLowerCase());
|
|
|
if (aPos < bPos) {
|
|
|
return -1;
|
|
|
}
|
|
|
if (bPos < aPos) {
|
|
|
return 1;
|
|
|
}
|
|
|
|
|
|
// Default sorting
|
|
|
if (a.text > b.text) {
|
|
|
return 1;
|
|
|
}
|
|
|
if (a.text < b.text) {
|
|
|
return -1;
|
|
|
}
|
|
|
return 0;
|
|
|
});
|
|
|
}
|
|
|
return results;
|
|
|
}
|
|
|
|
|
|
function prefixFirstSort(results, container, query) {
|
|
|
if (query.term) {
|
|
|
return results.sort(function (a, b) {
|
|
|
// if parent node, no sorting
|
|
|
if (a.children != undefined || b.children != undefined) {
|
|
|
return 0;
|
|
|
}
|
|
|
|
|
|
// Put prefix matches before matches in the line
|
|
|
var aPos = a.text.toLowerCase().indexOf(query.term.toLowerCase()),
|
|
|
bPos = b.text.toLowerCase().indexOf(query.term.toLowerCase());
|
|
|
if (aPos === 0 && bPos !== 0) {
|
|
|
return -1;
|
|
|
}
|
|
|
if (bPos === 0 && aPos !== 0) {
|
|
|
return 1;
|
|
|
}
|
|
|
|
|
|
// Default sorting
|
|
|
if (a.text > b.text) {
|
|
|
return 1;
|
|
|
}
|
|
|
if (a.text < b.text) {
|
|
|
return -1;
|
|
|
}
|
|
|
return 0;
|
|
|
});
|
|
|
}
|
|
|
return results;
|
|
|
}
|
|
|
|
|
|
/* Helper for jQuery DataTables */
|
|
|
|
|
|
function updateRowCountCallback($elem, onlyDisplayed) {
|
|
|
return function drawCallback() {
|
|
|
var info = this.api().page.info(),
|
|
|
count = onlyDisplayed === true ? info.recordsDisplay : info.recordsTotal;
|
|
|
$elem.html(count);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* activate changeset parent/child navigation links
|
|
|
*/
|
|
|
function activate_parent_child_links(){
|
|
|
|
|
|
$('.parent-child-link').on('click', function(e){
|
|
|
var $this = $(this);
|
|
|
//fetch via ajax what is going to be the next link, if we have
|
|
|
//>1 links show them to user to choose
|
|
|
if(!$this.hasClass('disabled')){
|
|
|
$.ajax({
|
|
|
url: $this.data('ajax-url'),
|
|
|
success: function(data) {
|
|
|
var repo_name = $this.data('reponame');
|
|
|
if(data.results.length === 0){
|
|
|
$this.addClass('disabled');
|
|
|
$this.text(_TM['No revisions']);
|
|
|
}
|
|
|
if(data.results.length === 1){
|
|
|
var commit = data.results[0];
|
|
|
window.location = pyroutes.url('changeset_home', {'repo_name': repo_name, 'revision': commit.raw_id});
|
|
|
}
|
|
|
else if(data.results.length > 1){
|
|
|
$this.addClass('disabled');
|
|
|
$this.addClass('double');
|
|
|
var template =
|
|
|
($this.data('linktype') == 'parent' ? '<i class="icon-left-open"/> ' : '') +
|
|
|
'<a title="__title__" href="__url__">__rev__</a>' +
|
|
|
($this.data('linktype') == 'child' ? ' <i class="icon-right-open"/>' : '');
|
|
|
var _html = [];
|
|
|
for(var i = 0; i < data.results.length; i++){
|
|
|
_html.push(template
|
|
|
.replace('__rev__', 'r{0}:{1}'.format(data.results[i].revision, data.results[i].raw_id.substr(0, 6)))
|
|
|
.replace('__title__', data.results[i].message.html_escape())
|
|
|
.replace('__url__', pyroutes.url('changeset_home', {
|
|
|
'repo_name': repo_name,
|
|
|
'revision': data.results[i].raw_id}))
|
|
|
);
|
|
|
}
|
|
|
$this.html(_html.join('<br/>'));
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
e.preventDefault();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
