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.
477 lines
19 KiB
477 lines
19 KiB
/**
|
|
* Support JavaScript for wikiplugin_convene
|
|
*/
|
|
|
|
$.fn.setupConvene = function (pluginParams) {
|
|
this.each(function () {
|
|
let $this = $(this);
|
|
|
|
let convene = $.extend({
|
|
updateUsersVotes: function () {
|
|
let data = {}, dateFromData, dataComments = {}, comment;
|
|
|
|
$('.conveneUserVotes', $this).each(function () {
|
|
$('.conveneUserVote', this).each(function () {
|
|
dateFromData = $(this).data("date");
|
|
comment = $(this).data("comment");
|
|
if (dateFromData) {
|
|
if (data[dateFromData] === undefined) {
|
|
data[dateFromData] = {};
|
|
dataComments[dateFromData] ={};
|
|
}
|
|
data[dateFromData][$(this).data("voter")] = $(this).val();
|
|
dataComments[dateFromData][$(this).data("voter")] = comment;
|
|
} else {
|
|
data.push($(this).attr('name') + ' : ' + $(this).val());
|
|
dataComments.push($(this).attr('name') + ' : ' + comment);
|
|
}
|
|
});
|
|
});
|
|
|
|
this.voteData = [data,dataComments];
|
|
|
|
},
|
|
addUser: function (user) {
|
|
lockPage(function (user) {
|
|
if (! user) {
|
|
return;
|
|
}
|
|
|
|
let users = $(".conveneUserVotes", $this).map(function() { return $(this).data("voter"); }).get();
|
|
|
|
if ($.inArray(user, users) > -1) {
|
|
return;
|
|
}
|
|
|
|
this.updateUsersVotes();
|
|
|
|
for (const date in this.voteData[0]) {
|
|
this.voteData[0][date][user] = 0;
|
|
this.voteData[1][date][user] = '';
|
|
}
|
|
|
|
this.save();
|
|
}, this, [user]);
|
|
},
|
|
deleteUser: function (user) {
|
|
lockPage(function (user) {
|
|
if (!user) {
|
|
return;
|
|
}
|
|
|
|
this.updateUsersVotes();
|
|
|
|
for (const date in this.voteData[0]) {
|
|
delete this.voteData[0][date][user];
|
|
delete this.voteData[1][date][user];
|
|
}
|
|
|
|
this.save();
|
|
}, this, [user]);
|
|
},
|
|
addDate: function (date) {
|
|
// should already be locked by the click event
|
|
if (!date) {
|
|
return;
|
|
}
|
|
date = Date.parseUnix(date);
|
|
|
|
if (getCurrentDateTime()>date) {
|
|
$("#tikifeedback").showError(
|
|
tr("You cannot select a date and time that has already passed."));
|
|
$("#page-data").tikiModal();
|
|
} else {
|
|
|
|
this.updateUsersVotes();
|
|
|
|
if (typeof this.voteData[0][date] !== "undefined") { // don't reset an existing date?
|
|
return;
|
|
}
|
|
|
|
this.voteData[0][date] = {};
|
|
this.voteData[1][date] = {};
|
|
|
|
$('.conveneUserVotes', $this).each(function () {
|
|
convene.voteData[0][date][$(this).data("voter")] = 0;
|
|
convene.voteData[1][date][$(this).data("voter")] = '';
|
|
});
|
|
|
|
this.save();
|
|
}
|
|
},
|
|
deleteDate: function (date) {
|
|
lockPage(function (date) {
|
|
if (! date) {
|
|
return;
|
|
}
|
|
this.updateUsersVotes();
|
|
|
|
delete this.voteData[0][date];
|
|
delete this.voteData[1][date];
|
|
|
|
this.save();
|
|
}, this, [date]);
|
|
},
|
|
save: function (reload) {
|
|
$("#page-data").tikiModal(tr("Loading..."));
|
|
let content = $.toJSON(this.voteData);
|
|
|
|
if (content === undefined || content === "undefined" || typeof content === "undefined") {
|
|
alert(tr("Sorry, no content to save, try reloading the page"));
|
|
unlockPage();
|
|
return;
|
|
}
|
|
|
|
let needReload = reload !== undefined, page;
|
|
|
|
if (jqueryTiki.current_object.type === "wiki page") {
|
|
page = jqueryTiki.current_object.object;
|
|
} else {
|
|
alert(tr("Sorry, only wiki pages supported currently"));
|
|
return;
|
|
}
|
|
|
|
let params = {
|
|
page: page,
|
|
content: content,
|
|
index: pluginParams.index,
|
|
type: "convene",
|
|
ticket: $("input[name=ticket]", $this).val(),
|
|
params: {
|
|
title: pluginParams.title,
|
|
calendarid: pluginParams.calendarid,
|
|
minvotes: pluginParams.minvotes,
|
|
locked: pluginParams.locked,
|
|
autolock: pluginParams.autolock,
|
|
voteoptions: pluginParams.voteoptions.join(', '),
|
|
}
|
|
};
|
|
|
|
$.post($.service("plugin", "replace"), params, function () {
|
|
$.get($.service("wiki", "get_page", {page: page}), function (data) {
|
|
unlockPage();
|
|
|
|
if (needReload) {
|
|
history.go(0);
|
|
} else {
|
|
if (data) {
|
|
let formId = "#" + $this.attr("id");
|
|
let $newForm = $(formId, data);
|
|
$(formId, "#page-data").empty().append($newForm.children());
|
|
}
|
|
}
|
|
}).always(function () {
|
|
initConvene();
|
|
});
|
|
|
|
})
|
|
.fail(function (jqXHR) {
|
|
$("#tikifeedback").showError(jqXHR);
|
|
})
|
|
.always(function () {
|
|
unlockPage();
|
|
$("#page-data").tikiModal();
|
|
});
|
|
}
|
|
}, pluginParams);
|
|
|
|
$(window).on('beforeunload', function () {
|
|
unlockPage();
|
|
});
|
|
|
|
window.pageLocked = false;
|
|
|
|
// set semaphore
|
|
let lockPage = function (callback, context, args) {
|
|
let theArgs = args || [];
|
|
if (!window.pageLocked) {
|
|
$.getJSON($.service("semaphore", "is_set"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
},
|
|
function (data) {
|
|
if (data) {
|
|
$("#tikifeedback").showError(
|
|
tr("This page is being edited by another user. Please reload the page and try again later."));
|
|
$("#page-data").tikiModal();
|
|
} else {
|
|
// no one else using it, so carry on...
|
|
$.getJSON($.service("semaphore", "set"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
}, function () {
|
|
window.pageLocked = true;
|
|
callback.apply(context, theArgs);
|
|
});
|
|
|
|
}
|
|
}
|
|
);
|
|
} else {
|
|
return callback.apply(context, theArgs);
|
|
}
|
|
};
|
|
|
|
// unset semaphore
|
|
let unlockPage = function () {
|
|
if (window.pageLocked) {
|
|
// needs to be synchronous to prevent page unload while executing
|
|
$.ajax($.service("semaphore", "unset"), {
|
|
async: false,
|
|
dataType: "json",
|
|
data: {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
},
|
|
success: function () {
|
|
window.pageLocked = false;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
let initConvene = function () {
|
|
$('.conveneAddDate', $this).click(function () {
|
|
lockPage(function () {
|
|
let dialogOptions = {
|
|
modal: true,
|
|
title: tr("Add Date"),
|
|
buttons: {}
|
|
};
|
|
|
|
dialogOptions.buttons[tr("Add")] = function () {
|
|
convene.addDate(o.find('input:first').val());
|
|
o.dialog('close');
|
|
};
|
|
|
|
let o = $('<div><input type="text" style="width: 100%;" /></div>')
|
|
.dialog(dialogOptions);
|
|
|
|
o.find('input:first')
|
|
.datetimepicker({
|
|
changeMonth: jqueryTiki.changeMonth,
|
|
changeYear: jqueryTiki.changeYear,
|
|
})
|
|
.focus();
|
|
return false;
|
|
}, this);
|
|
});
|
|
|
|
$('.conveneDeleteDate', $this)
|
|
.click(function () {
|
|
if (confirm(tr("Delete this date?"))) {
|
|
convene.deleteDate($(this).data("date"));
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$('.conveneDeleteUser', $this)
|
|
.click(function () {
|
|
if (confirm(tr("Are you sure you want to remove this user's votes?") + "\n" +
|
|
tr("There is no undo"))) {
|
|
convene.deleteUser($(this).data("user"));
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$('.conveneUpdateUser', $this).click(function () {
|
|
let $thisButton = $(this),
|
|
$row = $thisButton.parents("tr:first");
|
|
|
|
if ($('.conveneDeleteUser.btn-danger', $row).length) {
|
|
lockPage(function () {
|
|
|
|
$thisButton.find(".icon").popover("hide");
|
|
$('.conveneUpdateUser', $row).not($thisButton).hide();
|
|
// change the delete button into cancel
|
|
$('.conveneDeleteUser', $row)
|
|
.removeClass("btn-danger").addClass("btn-link")
|
|
.attr("title", tr("Cancel"))
|
|
.off("click").click(function () {
|
|
history.go(0);
|
|
})
|
|
.find('.icon').setIcon("ban");
|
|
|
|
$('.conveneDeleteDate', $row).hide();
|
|
$('.conveneMain', $row).hide();
|
|
$row.addClass('convene-highlight')
|
|
.find('td').not(':first')
|
|
.addClass('conveneTd');
|
|
|
|
$thisButton.find('.icon').setIcon("save");
|
|
$row.find('.vote').hide();
|
|
$row.find('input').each(function (){
|
|
|
|
let select_disable = "" , lock_icon = "";
|
|
|
|
let inputDataVote = $(this);
|
|
let convene_date_time = $(this).data("date");
|
|
let current_time = getCurrentDateTime();
|
|
|
|
let select_option = "";
|
|
pluginParams.voteoptions.forEach(row => {
|
|
let option = row.split('=');
|
|
select_option += '<option value="'+ option[0] +'">' + tr(option[1]) + '</option>';
|
|
});
|
|
|
|
if ( convene_date_time < current_time ){
|
|
lock_icon = '<div> <i class="fa fa-lock"></i> </div>';
|
|
select_disable = "disabled";
|
|
select_option = "";
|
|
}
|
|
|
|
$(`<select class="form-control" ${select_disable}>` +
|
|
select_option +
|
|
'</select>'+
|
|
lock_icon)
|
|
.val($(this).val())
|
|
.insertAfter($(this))
|
|
.change(function () {
|
|
let cl = '', icon = '';
|
|
|
|
if ( convene_date_time < current_time ){
|
|
$("#tikifeedback").showError(
|
|
tr("You cannot vote on a date and time that has already passed."));
|
|
$("#page-data").tikiModal();
|
|
|
|
convene.updateUsers = false;
|
|
|
|
} else {
|
|
const optionValue = $(this).val() * 1;
|
|
switch (true) {
|
|
case (optionValue > 0):
|
|
cl = 'convene-ok alert-success';
|
|
icon = 'ok';
|
|
break;
|
|
case (optionValue < 0):
|
|
cl = 'convene-no alert-danger';
|
|
icon = 'remove';
|
|
break;
|
|
default:
|
|
cl = 'convene-unconfirmed alert-light';
|
|
icon = 'help';
|
|
}
|
|
|
|
$(this)
|
|
.parent()
|
|
.removeClass('convene-no convene-ok convene-unconfirmed alert-success alert-danger alert-light')
|
|
.addClass(cl)
|
|
.find(".icon")
|
|
.setIcon(icon);
|
|
$(this)
|
|
.parent()
|
|
.find(".icon")
|
|
.addClass("fa-2x");
|
|
|
|
|
|
//Add Comment dialogue
|
|
let dialogCommentOptions = {
|
|
modal: true,
|
|
title: tr("Add Comment"),
|
|
buttons: {}
|
|
};
|
|
|
|
dialogCommentOptions.buttons[tr("Add")] = function () {
|
|
let comment = o.find('input:first').val();
|
|
inputDataVote.data("comment", comment);
|
|
o.dialog('close');
|
|
};
|
|
|
|
let o = $('<div><input type="text" style="width: 100%;" value="'+inputDataVote.data("comment")+'" /></div>')
|
|
.dialog(dialogCommentOptions);
|
|
|
|
o.find('input:first').focus();
|
|
|
|
convene.updateUsers = true;
|
|
}
|
|
})
|
|
.parent().css({position: "relative"});
|
|
|
|
});
|
|
|
|
}, this);
|
|
} else {
|
|
$('.conveneUpdateUser', $row).show();
|
|
$('.conveneDeleteUser', $row).show();
|
|
$('.conveneDeleteDate', $row).show();
|
|
$row.removeClass('convene-highlight')
|
|
.find('.conveneTd')
|
|
.removeClass('convene-highlight');
|
|
|
|
$('.conveneMain').show();
|
|
$(this).find('span.icon-pencil');
|
|
parent = $(this).parent().parent().parent().parent();
|
|
parent.find('select').each(function (i) {
|
|
parent.find('input.conveneUserVote').eq(i).val($(this).val());
|
|
|
|
$(this).remove();
|
|
});
|
|
|
|
if (convene.updateUsers) {
|
|
convene.updateUsersVotes();
|
|
convene.save();
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
|
|
let addUsers = $('.conveneAddUser')
|
|
.click(function () {
|
|
if (!$(this).data('clicked')) {
|
|
$(this)
|
|
.data('initval', $(this).val())
|
|
.val('')
|
|
.data('clicked', true);
|
|
}
|
|
})
|
|
.blur(function () {
|
|
if (!$(this).val()) {
|
|
$(this)
|
|
.val($(this).data('initval'))
|
|
.data('clicked', '');
|
|
|
|
}
|
|
})
|
|
.keydown(function (e) {
|
|
let user = $(this).val();
|
|
|
|
if (e.which == 13) {//enter
|
|
convene.addUser(user);
|
|
return false;
|
|
}
|
|
});
|
|
|
|
//ensure autocomplete works, it may not be available in mobile mode
|
|
if (addUsers.autocomplete) {
|
|
addUsers.tiki("autocomplete", "username");
|
|
}
|
|
|
|
$('.conveneAddUserButton', $this).click(function () {
|
|
if ($('.conveneAddUser', $this).val()) {
|
|
convene.addUser($('.conveneAddUser', $this).val());
|
|
} else {
|
|
$('.conveneAddUser', $this).val(jqueryTiki.username).focus()
|
|
}
|
|
return false;
|
|
});
|
|
|
|
if (jQuery.timeago) {
|
|
$("time.timeago").timeago();
|
|
}
|
|
if (jqueryTiki.tooltips) {
|
|
$this.tiki_popover();
|
|
}
|
|
convene.updateUsersVotes();
|
|
};
|
|
|
|
initConvene();
|
|
|
|
let getCurrentDateTime = function () {
|
|
let date_time = new Date();
|
|
let local_date = date_time.toDateString();
|
|
let local_time = date_time.toTimeString().split(":");
|
|
return Date.parseUnix(`${local_date} ${local_time[0]}:${local_time[1]}`);
|
|
};
|
|
|
|
});
|
|
}
|