You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
615 lines
18 KiB
615 lines
18 KiB
/* $Id$
|
|
|
|
******************************
|
|
* Functions for dialog tools *
|
|
******************************/
|
|
|
|
// shared
|
|
|
|
window.dialogData = [];
|
|
var $dialogDiv;
|
|
|
|
function displayDialog( ignored, list, area_id ) {
|
|
var $modal = $(".modal.fade.show"),
|
|
modalTabIndex,
|
|
obj = {
|
|
width: 210,
|
|
bgiframe: true,
|
|
autoOpen: false,
|
|
zIndex: 10000,
|
|
focus: function () {
|
|
modalTabIndex = $modal.attr("tabindex"); // bootstrap uses tabindex=-1 on modals which prevents them losing the keyboard focus
|
|
$modal.removeAttr("tabindex"); // so remove it so the dialog is usable
|
|
},
|
|
close: function() {
|
|
if (modalTabIndex) {
|
|
$modal.attr("tabindex");
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
if (! $dialogDiv) {
|
|
$dialogDiv = $('<div/>');
|
|
} else {
|
|
try {
|
|
$dialogDiv.empty();
|
|
if ($dialogDiv.data("ui-dialog")) {
|
|
$dialogDiv.dialog('destroy');
|
|
}
|
|
} catch( e ) {
|
|
// IE throws errors destroying a non-existant dialog
|
|
}
|
|
}
|
|
|
|
$.each (window.dialogData[list], function (i, item) {
|
|
if (item.indexOf("<") === 0) { // form element
|
|
$dialogDiv.append(item);
|
|
} else if (item.indexOf("{") === 0) {
|
|
try {
|
|
obj = $.extend(obj, eval("("+item+")"));
|
|
} catch (e) {
|
|
alert(e.name + ' - ' + e.message);
|
|
}
|
|
} else if (item.length > 0) {
|
|
obj.title = item;
|
|
}
|
|
});
|
|
|
|
// Selection will be unavailable after context menu shows up - in IE, lock it now.
|
|
if ( typeof CKEDITOR !== "undefined" && CKEDITOR.env.ie ) {
|
|
var editor = CKEDITOR.instances[area_id];
|
|
var selection = editor.getSelection();
|
|
if (selection) {selection.lock();}
|
|
} else if ($("#" + area_id)[0] && $("#" + area_id)[0].createTextRange) { // save selection for IE
|
|
storeTASelection(area_id);
|
|
}
|
|
|
|
$dialogDiv.dialog(obj).dialog('open');
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Selects the markup for a wiki plugin
|
|
* Also used by pluginedit.js
|
|
*
|
|
* @param area_id string id of textarea
|
|
* @param elementStart int start of selectoion
|
|
* @param elementEnd int end of selection
|
|
*/
|
|
function dialogSelectElement(area_id, elementStart, elementEnd) {
|
|
if (typeof CKEDITOR !== 'undefined' && typeof CKEDITOR.instances[area_id] !== 'undefined') {
|
|
return;
|
|
} // TODO for ckeditor
|
|
|
|
var $textarea = $('#' + area_id);
|
|
var textareaEditor = syntaxHighlighter.get($textarea);
|
|
var val = ( textareaEditor ? textareaEditor.getValue() : $textarea.val() );
|
|
var pairs = [], pos = 0, s = 0, e = 0;
|
|
|
|
while (s > -1 && e > -1) { // positions of start/end markers
|
|
s = val.indexOf(elementStart, e);
|
|
if (s > -1) {
|
|
e = val.indexOf(elementEnd, s + elementStart.length);
|
|
if (e > -1) {
|
|
e += elementEnd.length;
|
|
pairs[pairs.length] = [s, e];
|
|
}
|
|
}
|
|
}
|
|
|
|
(textareaEditor ? textareaEditor : $textarea[0]).focus();
|
|
|
|
var selection = ( textareaEditor ? syntaxHighlighter.selection(textareaEditor, true) : $textarea.selection() );
|
|
|
|
s = selection.start;
|
|
e = selection.end;
|
|
var st = $textarea.attr('scrollTop');
|
|
|
|
for (var i = 0; i < pairs.length; i++) {
|
|
if (s >= pairs[i][0] && e <= pairs[i][1]) {
|
|
setSelectionRange($textarea[0], pairs[i][0], pairs[i][1]);
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
window.pickerData = [];
|
|
var pickerDiv = {};
|
|
|
|
function displayPicker( closeTo, list, area_id, isSheet, styleType ) {
|
|
$('div.toolbars-picker').remove(); // simple toggle
|
|
var $closeTo = $(closeTo);
|
|
|
|
if ($closeTo.hasClass('toolbars-picker-open')) {
|
|
$('.toolbars-picker-open').removeClass('toolbars-picker-open');
|
|
return false;
|
|
}
|
|
|
|
$closeTo.addClass('toolbars-picker-open');
|
|
var textarea = $('#' + area_id);
|
|
|
|
var coord = $closeTo.offset();
|
|
coord.bottom = coord.top + $closeTo.height();
|
|
|
|
pickerDiv = $('<div class="toolbars-picker ' + list + '" />')
|
|
.css('left', coord.left + 'px')
|
|
.css('top', (coord.bottom + 8) + 'px')
|
|
.appendTo('body');
|
|
|
|
var prepareLink = function(ins, disp ) {
|
|
disp = $(disp);
|
|
|
|
var link = $( '<a href="#" />' ).append(disp);
|
|
|
|
if (disp.attr('reset') && isSheet) {
|
|
var bgColor = $('div.tiki_sheet:first').css(styleType);
|
|
var color = $('div.tiki_sheet:first').css(styleType == 'color' ? 'background-color' : 'color');
|
|
disp
|
|
.css('background-color', bgColor)
|
|
.css('color', color);
|
|
|
|
link
|
|
.addClass('toolbars-picker-reset');
|
|
}
|
|
|
|
if ( isSheet ) {
|
|
link
|
|
.click(function() {
|
|
var I = $(closeTo).attr('instance');
|
|
I = parseInt( I ? I : 0, 10 );
|
|
|
|
if (disp.attr('reset')) {
|
|
$.sheet.instance[I].cellChangeStyle(styleType, '');
|
|
} else {
|
|
$.sheet.instance[I].cellChangeStyle(styleType, disp.css('background-color'));
|
|
}
|
|
|
|
$closeTo.click();
|
|
return false;
|
|
});
|
|
} else {
|
|
link.click(function() {
|
|
insertAt(area_id, ins);
|
|
|
|
var textarea = $('#' + area_id);
|
|
// quick fix for Firefox 3.5 losing selection on changes to popup
|
|
if (typeof textarea.selectionStart != 'undefined') {
|
|
var tempSelectionStart = textarea.selectionStart;
|
|
var tempSelectionEnd = textarea.selectionEnd;
|
|
}
|
|
|
|
$closeTo.click();
|
|
|
|
// quick fix for Firefox 3.5 losing selection on changes to popup
|
|
if (typeof textarea.selectionStart != 'undefined' && textarea.selectionStart != tempSelectionStart) {
|
|
textarea.selectionStart = tempSelectionStart;
|
|
}
|
|
if (typeof textarea.selectionEnd != 'undefined' && textarea.selectionEnd != tempSelectionEnd) {
|
|
textarea.selectionEnd = tempSelectionEnd;
|
|
}
|
|
|
|
return false;
|
|
});
|
|
}
|
|
return link;
|
|
};
|
|
var chr, $a;
|
|
for( var i in window.pickerData[list] ) {
|
|
chr = window.pickerData[list][i];
|
|
if (list === "specialchar") {
|
|
chr = $("<span>" + chr + "</span>");
|
|
}
|
|
$a = prepareLink( i, chr );
|
|
if ($a.length) {
|
|
pickerDiv.append($a);
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
|
|
|
|
function dialogSharedClose( area_id, dialog ) {
|
|
$(dialog).dialog("close");
|
|
}
|
|
|
|
// Internal Link
|
|
|
|
function dialogInternalLinkOpen( area_id ) {
|
|
var initial = $("#" + area_id).data('initial'), options;
|
|
if (initial) {
|
|
options = { initial: initial };
|
|
} else {
|
|
options = {};
|
|
}
|
|
$("#tbWLinkPage").tiki("autocomplete", "pagename", options);
|
|
dialogSelectElement( area_id, '((', '))' ) ;
|
|
var s = getTASelection($('#' + area_id)[0]);
|
|
var m = /\((.*)\(([^\|]*)\|?([^\|]*)\|?([^\|]*)\|?\)\)/g.exec(s);
|
|
if (m && m.length > 4) {
|
|
if ($("#tbWLinkRel")) {
|
|
$("#tbWLinkRel").val(m[1]);
|
|
}
|
|
$("#tbWLinkPage").val(m[2]);
|
|
if (m[4]) {
|
|
if ($("#tbWLinkAnchor")) {
|
|
$("#tbWLinkAnchor").val(m[3]);
|
|
}
|
|
$("#tbWLinkDesc").val(m[4]);
|
|
} else {
|
|
$("#tbWLinkDesc").val(m[3]);
|
|
}
|
|
} else {
|
|
$("#tbWLinkDesc").val(s);
|
|
if ($("#tbWLinkAnchor")) {
|
|
$("#tbWLinkAnchor").val("");
|
|
}
|
|
}
|
|
}
|
|
|
|
function dialogInternalLinkInsert( area_id, dialog ) {
|
|
if (!$("#tbWLinkPage").val()) {
|
|
alert(tr("Please enter a page name"));
|
|
return;
|
|
}
|
|
var s = "(";
|
|
if ($("#tbWLinkRel") && $("#tbWLinkRel").val()) {
|
|
s += $("#tbWLinkRel").val();
|
|
}
|
|
s += "(" + $("#tbWLinkPage").val();
|
|
if ($("#tbWLinkAnchor") && $("#tbWLinkAnchor").val()) {
|
|
s += "|" + ($("#tbWLinkAnchor").val().indexOf("#") !== 0 ? "#" : "") + $("#tbWLinkAnchor").val();
|
|
}
|
|
if ($("#tbWLinkDesc").val()) {
|
|
s += "|" + $("#tbWLinkDesc").val();
|
|
}
|
|
s += "))";
|
|
insertAt(area_id, s, false, false, true);
|
|
|
|
dialogSharedClose( area_id, dialog );
|
|
|
|
}
|
|
|
|
// Object Link
|
|
|
|
function dialogObjectLinkOpen( area_id ) {
|
|
dialogSelectElement( area_id, '((', '))' ) ;
|
|
var m, s = getTASelection($("#" + area_id)[0]), title = "", url = "";
|
|
m = /\((.*)\(([^\|]*)\|?([^\|]*)\|?([^\|]*)\|?\)\)/.exec(s);
|
|
if (m) {
|
|
if (m.length > 4 && (m[1] || m[4])) {
|
|
alert(tr("Development notice: Semantic link types and anchors not fully supported by this tool, use the Wiki Link"));
|
|
} else if (m.length > 3) {
|
|
url = m[2];
|
|
title = m[3];
|
|
}
|
|
} else {
|
|
dialogSelectElement( area_id, "[", "]" ) ;
|
|
s = getTASelection($('#' + area_id)[0]);
|
|
m = /\[([^\|]*)\|?([^\]]*)]/.exec(s);
|
|
if (m) {
|
|
url = m[1];
|
|
title = m[2];
|
|
}
|
|
}
|
|
if (!title) {
|
|
title = s;
|
|
}
|
|
$("#tbOLinkDesc").val(title);
|
|
$("#tbOLinkObject").val(url);
|
|
|
|
$("#tbOLinkObjectSelector").object_selector();
|
|
|
|
$("#tbOLinkObjectType").change(function () {
|
|
$("#tbOLinkObjectSelector").object_selector('setfilter', 'type', $(this).val());
|
|
});
|
|
|
|
}
|
|
|
|
function dialogObjectLinkInsert( area_id, dialog ) {
|
|
var url = $("#tbOLinkObjectSelector").val(),
|
|
linkDesc = $("#tbOLinkDesc"),
|
|
type = $("#tbOLinkObjectType").val();
|
|
|
|
if (!url) {
|
|
alert(tr("Please select an object"));
|
|
return;
|
|
}
|
|
if (type === "wiki page") {
|
|
url = url.replace(/^wiki page\:/, "");
|
|
|
|
if (linkDesc.val()) {
|
|
url = "((" + url + "|" + linkDesc.val() + "))";
|
|
} else {
|
|
url = "((" + url + "))";
|
|
}
|
|
} else {
|
|
url = url; // TODO: deal with other object types
|
|
}
|
|
|
|
insertAt(area_id, url, false, false, true);
|
|
|
|
dialogSharedClose( area_id, dialog );
|
|
|
|
}
|
|
|
|
// External Link
|
|
|
|
function dialogExternalLinkOpen( area_id ) {
|
|
$("#tbWLinkPage").tiki("autocomplete", "pagename");
|
|
dialogSelectElement( area_id, '[', ']' ) ;
|
|
var s = getTASelection($('#' + area_id)[0]);
|
|
var m = /\[([^\|]*)\|?([^\|]*)\|?([^\|]*)\]/g.exec(s);
|
|
if (m && m.length > 3) {
|
|
$("#tbLinkURL").val(m[1]);
|
|
$("#tbLinkDesc").val(m[2]);
|
|
if (m[3]) {
|
|
if ($("#tbLinkNoCache") && m[3] == "nocache") {
|
|
$("#tbLinkNoCache").prop("checked", "checked");
|
|
} else {
|
|
$("#tbLinkRel").val(m[3]);
|
|
}
|
|
} else {
|
|
$("#tbWLinkDesc").val(m[3]);
|
|
}
|
|
} else {
|
|
if (s.match(/(http|https|ftp)([^ ]+)/ig) == s) { // v simple URL match
|
|
$("#tbLinkURL").val(s);
|
|
} else {
|
|
$("#tbLinkDesc").val(s);
|
|
}
|
|
}
|
|
if (!$("#tbLinkURL").val()) {
|
|
$("#tbLinkURL").val("http://");
|
|
}
|
|
}
|
|
|
|
function dialogExternalLinkInsert(area_id, dialog) {
|
|
|
|
var s = "[" + $("#tbLinkURL").val();
|
|
if ($("#tbLinkDesc").val()) {
|
|
s += "|" + $("#tbLinkDesc").val();
|
|
}
|
|
if ($("#tbLinkRel").val()) {
|
|
s += "|" + $("#tbLinkRel").val();
|
|
}
|
|
if ($("#tbLinkNoCache") && $("#tbLinkNoCache").prop("checked")) {
|
|
s += "|nocache";
|
|
}
|
|
s += "]";
|
|
insertAt(area_id, s, false, false, true);
|
|
|
|
dialogSharedClose( area_id, dialog );
|
|
|
|
}
|
|
|
|
// Table
|
|
|
|
function dialogTableOpen(area_id, dialog) {
|
|
|
|
dialogSelectElement( area_id, '||', '||' ) ;
|
|
|
|
dialog = $(dialog);
|
|
|
|
var s = getTASelection($('#' + area_id)[0]);
|
|
var m = /\|\|([\s\S]*?)\|\|/mg.exec(s);
|
|
var vals = [], rows = 3, cols = 3, c, r, i, j;
|
|
if (m) {
|
|
m = m[1];
|
|
m = m.split("\n");
|
|
rows = 0;
|
|
cols = 1;
|
|
for (i = 0; i < m.length; i++) {
|
|
var a2 = m[i].split("|");
|
|
var a = [];
|
|
for (j = 0; j < a2.length; j++) { // links can have | chars in
|
|
if (a2[j].indexOf("[") > -1 && a2[j].indexOf("[[") == -1 && a2[j].indexOf("]") == -1) { // external link
|
|
a[a.length] = a2[j];
|
|
j++;
|
|
var k = true;
|
|
while (j < a2.length && k) {
|
|
a[a.length - 1] += "|" + a2[j];
|
|
if (a2[j].indexOf("]") > -1) { // closed
|
|
k = false;
|
|
} else {
|
|
j++;
|
|
}
|
|
}
|
|
} else if (a2[j].search(/\(\S*\(/) > -1 && a2[j].indexOf("))") == -1) {
|
|
a[a.length] = a2[j];
|
|
j++;
|
|
k = true;
|
|
while (j < a2.length && k) {
|
|
a[a.length - 1] += "|" + a2[j];
|
|
if (a2[j].indexOf("))") > -1) { // closed
|
|
k = false;
|
|
} else {
|
|
j++;
|
|
}
|
|
}
|
|
} else {
|
|
a[a.length] = a2[j];
|
|
}
|
|
}
|
|
vals[vals.length] = a;
|
|
if (a.length > cols) {
|
|
cols = a.length;
|
|
}
|
|
if (a.length) {
|
|
rows++;
|
|
}
|
|
}
|
|
}
|
|
for (r = 1; r <= rows; r++) {
|
|
for (c = 1; c <= cols; c++) {
|
|
var v = "";
|
|
if (vals.length) {
|
|
if (vals[r - 1] && vals[r - 1][c - 1]) {
|
|
v = vals[r - 1][c - 1];
|
|
} else {
|
|
v = " ";
|
|
}
|
|
} else {
|
|
v = " "; //row " + r + ",col " + c + "";
|
|
}
|
|
var el = $("<input type=\"text\" id=\"tbTableR" + r + "C" + c + "\" class=\"ui-widget-content ui-corner-all\" size=\"10\" style=\"width:" + (90 / cols) + "%\" />")
|
|
.val($.trim(v))
|
|
.appendTo(dialog);
|
|
}
|
|
if (r == 1) {
|
|
el = $("<img src=\"img/icons/add.png\" />")
|
|
.click(function() {
|
|
dialog.data("cols", dialog.data("cols") + 1);
|
|
for (r = 1; r <= dialog.data("rows"); r++) {
|
|
v = "";
|
|
var el = $("<input type=\"text\" id=\"tbTableR" + r + "C" + dialog.data("cols") + "\" class=\"ui-widget-content ui-corner-all\" size=\"10\" style=\"width:" + (90 / dialog.data("cols")) + "%\" />")
|
|
.val(v);
|
|
$("#tbTableR" + r + "C" + (dialog.data("cols") - 1)).after(el);
|
|
}
|
|
dialog.find("input").width(90 / dialog.data("cols") + "%");
|
|
})
|
|
.appendTo(dialog);
|
|
}
|
|
dialog.append("<br />");
|
|
}
|
|
el = $("<img src=\"img/icons/add.png\" />")
|
|
.click(function() {
|
|
dialog.data("rows", dialog.data("rows") + 1);
|
|
for (c = 1; c <= dialog.data("cols"); c++) {
|
|
v = "";
|
|
var el = $("<input type=\"text\" id=\"tbTableR" + dialog.data("rows") + "C" + c + "\" class=\"ui-widget-content ui-corner-all\" size=\"10\" value=\"" + v + "\" style=\"width:" + (90 / dialog.data("cols")) + "%\" />")
|
|
.insertBefore(this);
|
|
}
|
|
$(this).before("<br />");
|
|
dialog.dialog("option", "height", (dialog.data("rows") + 1) * 1.2 * $("#tbTableR1C1").height() + 130);
|
|
})
|
|
.appendTo(dialog);
|
|
|
|
dialog
|
|
.data('rows', rows)
|
|
.data('cols', cols)
|
|
.dialog("option", "width", (cols + 1) * 120 + 50)
|
|
.dialog("option", "position", "center");
|
|
|
|
$("#tbTableR1C1").focus();
|
|
}
|
|
|
|
function dialogTableInsert(area_id, dialog) {
|
|
var s = "||", rows, cols, c, r, rows2 = 1, cols2 = 1;
|
|
dialog = $(dialog);
|
|
|
|
rows = dialog.data('rows') || 3;
|
|
cols = dialog.data('cols') || 3;
|
|
for (r = 1; r <= rows; r++) {
|
|
for (c = 1; c <= cols; c++) {
|
|
if ($.trim($("#tbTableR" + r + "C" + c).val())) {
|
|
if (r > rows2) {
|
|
rows2 = r;
|
|
}
|
|
if (c > cols2) {
|
|
cols2 = c;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
for (r = 1; r <= rows2; r++) {
|
|
for (c = 1; c <= cols2; c++) {
|
|
var tableData = $("#tbTableR" + r + "C" + c).val();
|
|
s += tableData;
|
|
if (c < cols2) {
|
|
s += (tableData ? '|' : ' | ');
|
|
}
|
|
}
|
|
if (r < rows2) {
|
|
s += "\n";
|
|
}
|
|
}
|
|
s += "||";
|
|
insertAt(area_id, s, false, false, true);
|
|
|
|
dialogSharedClose( area_id, dialog );
|
|
}
|
|
|
|
// Find
|
|
|
|
function dialogFindOpen(area_id) {
|
|
|
|
var s = getTASelection($('#' + area_id)[0]);
|
|
$("#tbFindSearch").val(s).focus();
|
|
}
|
|
|
|
function dialogFindFind( area_id ) {
|
|
var ta = $('#' + area_id);
|
|
var findInput = $("#tbFindSearch").removeClass("ui-state-error");
|
|
|
|
var $textareaEditor = syntaxHighlighter.get(ta); //codemirror functionality
|
|
if ($textareaEditor) {
|
|
syntaxHighlighter.find($textareaEditor, findInput.val());
|
|
}
|
|
else { //standard functionality
|
|
var s, opt, str, re, p = 0, m;
|
|
s = findInput.val();
|
|
opt = "";
|
|
if ($("#tbFindCase").prop("checked")) {
|
|
opt += "i";
|
|
}
|
|
str = ta.val();
|
|
re = new RegExp(s, opt);
|
|
p = getCaretPos(ta[0]);
|
|
if (p && p < str.length) {
|
|
m = re.exec(str.substring(p));
|
|
}
|
|
else {
|
|
p = 0;
|
|
}
|
|
if (!m) {
|
|
m = re.exec(str);
|
|
p = 0;
|
|
}
|
|
if (m) {
|
|
setSelectionRange(ta[0], m.index + p, m.index + s.length + p);
|
|
}
|
|
else {
|
|
findInput.addClass("ui-state-error");
|
|
}
|
|
}
|
|
}
|
|
|
|
// Replace
|
|
|
|
function dialogReplaceOpen(area_id) {
|
|
|
|
var s = getTASelection($('#' + area_id)[0]);
|
|
$("#tbReplaceSearch").val(s).focus();
|
|
|
|
}
|
|
|
|
function dialogReplaceReplace( area_id ) {
|
|
var findInput = $("#tbReplaceSearch").removeClass("ui-state-error");
|
|
var s = findInput.val();
|
|
var r = $("#tbReplaceReplace").val();
|
|
var opt = "";
|
|
if ($("#tbReplaceAll").prop("checked")) {
|
|
opt += "g";
|
|
}
|
|
if ($("#tbReplaceCase").prop("checked")) {
|
|
opt += "i";
|
|
}
|
|
var ta = $('#' + area_id);
|
|
var str = ta.val();
|
|
var re = new RegExp(s,opt);
|
|
|
|
var textareaEditor = syntaxHighlighter.get(ta); //codemirror functionality
|
|
if (textareaEditor) {
|
|
syntaxHighlighter.replace(textareaEditor, s, r);
|
|
}
|
|
else { //standard functionality
|
|
ta.val(str.replace(re, r));
|
|
}
|
|
|
|
}
|
|
|