284 lines
8.9 KiB
JavaScript
284 lines
8.9 KiB
JavaScript
var template_js = '<p class="repo-name">{{{a_tag}}}</p><small>{{address}}</small>';
|
|
|
|
function prepareDataForSave(name, data) {
|
|
var obj = new Object();
|
|
obj.Name = name;
|
|
obj.Data = data;
|
|
return obj;
|
|
}
|
|
|
|
function prepareMultiPartPOST(data) {
|
|
// var boundary = 'sPlItME' + Math.floor(Math.random()*10000);
|
|
var boundary = '' + Math.floor(Math.random() * 10000);
|
|
var reqdata = '--' + boundary + '\r\n';
|
|
//console.log(data.length);
|
|
for(var i = 0; i < data.length; i++) {
|
|
reqdata += 'content-disposition: form-data; name="';
|
|
reqdata += data[i].Name + '"';
|
|
reqdata += "\r\n\r\n";
|
|
reqdata += data[i].Data;
|
|
reqdata += "\r\n";
|
|
reqdata += '--' + boundary + '\r\n';
|
|
}
|
|
return new Array(reqdata, boundary);
|
|
}
|
|
|
|
function on_error() {
|
|
$("input[name='saved_on']").attr('style', 'background-color:red');
|
|
$("input[name='saved_on']").val('communication error');
|
|
}
|
|
|
|
function doHighlight(highlight) {
|
|
// Put the cursor at the offending line:
|
|
editor.setCursor({
|
|
line: highlight.lineno - 1,
|
|
ch: highlight.offset + 1
|
|
});
|
|
}
|
|
|
|
|
|
function doClickSave() {
|
|
var currentTabID = '#' + $('#edit_placeholder div.tab-pane.active').attr('id');
|
|
var editor = $(currentTabID + ' textarea').data('editor');
|
|
var data = editor.getValue();
|
|
var dataForPost = prepareMultiPartPOST(new Array(
|
|
prepareDataForSave('data', data),
|
|
prepareDataForSave('file_hash',
|
|
$(currentTabID + " input[name='file_hash']").val()),
|
|
prepareDataForSave('saved_on',
|
|
$(currentTabID + " input[name='saved_on']").val()),
|
|
prepareDataForSave('saved_on',
|
|
$(currentTabID + " input[name='saved_on']").val()),
|
|
prepareDataForSave('from_ajax', 'true')));
|
|
// console.info(area.textarea.value);
|
|
$(currentTabID + " input[name='saved_on']").attr('style',
|
|
'background-color:yellow');
|
|
$(currentTabID + " input[name='saved_on']").val('saving now...')
|
|
currentUrl = $(currentTabID + ' form').attr('action');
|
|
$.ajax({
|
|
type: "POST",
|
|
contentType: 'multipart/form-data;boundary="' + dataForPost[1] + '"',
|
|
url: currentUrl,
|
|
dataType: "json",
|
|
data: dataForPost[0],
|
|
timeout: 5000,
|
|
beforeSend: function (xhr) {
|
|
xhr.setRequestHeader('web2py-component-location',
|
|
document.location);
|
|
xhr.setRequestHeader('web2py-component-element',
|
|
'doClickSave');
|
|
},
|
|
success: function (json, text, xhr) {
|
|
$(editor).data('saved', true); // Set as saved
|
|
editor.on("change", store_changes_function); // Re-enable change watcher
|
|
// reenable disabled submit button
|
|
var t = $("input[name='save']");
|
|
t.attr('class', '');
|
|
t.attr('disabled', '');
|
|
var flash = xhr.getResponseHeader('web2py-component-flash');
|
|
if(flash) {
|
|
$('.w2p_flash').html(decodeURIComponent(flash))
|
|
.append('<a href="#" class="close">×</a>')
|
|
.slideDown();
|
|
} else $('.w2p_flash').hide();
|
|
try {
|
|
if(json.error) {
|
|
window.location.href = json.redirect;
|
|
} else {
|
|
// console.info( json.file_hash );
|
|
$(currentTabID + " input[name='file_hash']").val(json.file_hash);
|
|
$(currentTabID + " input[name='saved_on']").val(json.saved_on);
|
|
if(json.highlight) {
|
|
doHighlight(json.highlight);
|
|
} else {
|
|
$(currentTabID + " input[name='saved_on']").attr('style', 'background-color:#99FF99');
|
|
//$(".flash").delay(1000).fadeOut('slow');
|
|
}
|
|
// console.info($("input[name='file_hash']").val());
|
|
var output = '<b>exposes:</b> ';
|
|
for(var i in json.functions) {
|
|
output += ' <a target="_blank" href="/' + json.application + '/' + json.controller + '/' + json.functions[i] + '">' + json.functions[i] + '</a>,';
|
|
}
|
|
if(output != '<b>exposes:</b> ') {
|
|
$(currentTabID + " .exposed").html(output.substring(0, output.length - 1));
|
|
}
|
|
}
|
|
} catch(e) {
|
|
on_error();
|
|
}
|
|
},
|
|
error: function (json) {
|
|
on_error();
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function getActiveEditor() {
|
|
var currentTabID = '#' + $('#edit_placeholder div.tab-pane.active').attr('id');
|
|
var editor = $(currentTabID + ' textarea').data('editor');
|
|
return editor;
|
|
}
|
|
|
|
function getSelectionRange() {
|
|
var editor = getActiveEditor();
|
|
var sel = {};
|
|
sel['start'] = editor.getCursor(true).line;
|
|
sel['end'] = editor.getCursor(false).line;
|
|
sel['data'] = '';
|
|
return sel;
|
|
}
|
|
|
|
function doToggleBreakpoint(filename, url, sel) {
|
|
var editor = getActiveEditor();
|
|
if(sel == null) {
|
|
// use cursor position to determine the breakpoint line
|
|
// (gutter already tell us the selected line)
|
|
sel = getSelectionRange();
|
|
}
|
|
var dataForPost = prepareMultiPartPOST(new Array(
|
|
prepareDataForSave('filename', filename),
|
|
prepareDataForSave('sel_start', sel["start"]),
|
|
prepareDataForSave('sel_end', sel["end"]),
|
|
prepareDataForSave('data', sel['data'])));
|
|
$.ajax({
|
|
type: "POST",
|
|
contentType: 'multipart/form-data;boundary="' + dataForPost[1] + '"',
|
|
url: url,
|
|
dataType: "json",
|
|
data: dataForPost[0],
|
|
timeout: 5000,
|
|
beforeSend: function (xhr) {
|
|
xhr.setRequestHeader('web2py-component-location',
|
|
document.location);
|
|
xhr.setRequestHeader('web2py-component-element',
|
|
'doSetBreakpoint');
|
|
},
|
|
success: function (json, text, xhr) {
|
|
// show flash message (if any)
|
|
var flash = xhr.getResponseHeader('web2py-component-flash');
|
|
if(flash) {
|
|
$('.w2p_flash').html(decodeURIComponent(flash))
|
|
.append('<a href="#" class="close">×</a>')
|
|
.slideDown();
|
|
} else $('.w2p_flash').hide();
|
|
try {
|
|
if(json.error) {
|
|
window.location.href = json.redirect;
|
|
} else {
|
|
if(json.ok == true) {
|
|
// mark the breakpoint if ok=True
|
|
editor.setGutterMarker(json.lineno - 1, "breakpoints", makeMarker());
|
|
} else if(json.ok == false) {
|
|
// remove mark if ok=False
|
|
editor.setGutterMarker(json.lineno - 1, "breakpoints", null);
|
|
}
|
|
}
|
|
} catch(e) {
|
|
on_error();
|
|
}
|
|
},
|
|
error: function (json) {
|
|
on_error();
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
|
|
// on load, update all breakpoints markers:
|
|
|
|
function doListBreakpoints(filename, url, editor) {
|
|
var dataForPost = prepareMultiPartPOST(new Array(
|
|
prepareDataForSave('filename', filename)
|
|
));
|
|
$.ajax({
|
|
type: "POST",
|
|
contentType: 'multipart/form-data;boundary="' + dataForPost[1] + '"',
|
|
url: url,
|
|
dataType: "json",
|
|
data: dataForPost[0],
|
|
timeout: 5000,
|
|
beforeSend: function (xhr) {
|
|
xhr.setRequestHeader('web2py-component-location',
|
|
document.location);
|
|
xhr.setRequestHeader('web2py-component-element',
|
|
'doListBreakpoints');
|
|
},
|
|
success: function (json, text, xhr) {
|
|
try {
|
|
if(json.error) {
|
|
window.location.href = json.redirect;
|
|
} else {
|
|
var editor = getActiveEditor();
|
|
for(i in json.breakpoints) {
|
|
lineno = json.breakpoints[i];
|
|
// mark the breakpoint if ok=True
|
|
editor.setGutterMarker(lineno - 1, "breakpoints", makeMarker());
|
|
}
|
|
}
|
|
} catch(e) {
|
|
on_error();
|
|
}
|
|
},
|
|
error: function (json) {
|
|
on_error();
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function makeMarker() {
|
|
var marker = document.createElement("div");
|
|
marker.style.color = "#822";
|
|
marker.innerHTML = "●";
|
|
marker.className = "breakpoint";
|
|
return marker;
|
|
}
|
|
|
|
|
|
function keepalive(url) {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: url,
|
|
timeout: 1000,
|
|
success: function () {},
|
|
error: function (x) {
|
|
on_error();
|
|
}
|
|
});
|
|
}
|
|
|
|
function load_file(url, lineno) {
|
|
$.getJSON(url, function (json) {
|
|
if(typeof (json['plain_html']) !== undefined) {
|
|
if($('#' + json['id']).length === 0 || json['force'] === true) {
|
|
// Create a tab and put the code in it
|
|
var tab_header = '<li><a title="'+ json['filename'] +'" data-path="' + json['filename'] + '" href="#' + json['id'] + '" data-toggle="tab"><button type="button" class="close">×</button>' + json['realfilename'] + '</a></li>';
|
|
var tab_body = '<div id="' + json['id'] + '" class="tab-pane fade in " >' + json['plain_html'] + '</div>';
|
|
if(json['force'] === false) {
|
|
$('#myTabContent').append($(tab_body)); // First load the body
|
|
$('#filesTab').append($(tab_header)); // Then load the header which trigger the shown event
|
|
} else {
|
|
$('#' + json['id']).html($(tab_body));
|
|
}
|
|
}
|
|
$("a[href='#" + json['id'] + "']").trigger('click', lineno);
|
|
}
|
|
}).fail(function() {
|
|
on_error();
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function set_font(editor, incr) {
|
|
var fontSize = '';
|
|
if(incr !== 0) {
|
|
fontSize = parseInt($(editor.getWrapperElement()).css('font-size'));
|
|
fontSize = fontSize + incr + "px";
|
|
}
|
|
$(editor.getWrapperElement()).css('font-size', fontSize);
|
|
editor.refresh();
|
|
}
|
|
|
|
|