dnrops
/
cryptpad
mirror of https://github.com/xwiki-labs/cryptpad
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Delete calendar

This commit is contained in:
yflory 2021-04-06 11:31:25 +02:00
parent 5a4bf71f63
commit 610d8d6d9c
4 changed files with 107 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/calendar/app-calendar.less
View File

@ -16,6 +16,10 @@
margin: 0;
}
.cp-forcehide {
display: none !important;
}
.tui-full-calendar-layout {
background-color: @cp_sidebar-right-bg !important;
color: @cryptpad_text_col;
@ -103,7 +107,7 @@
.cp-calendar-entry {
display: flex;
align-items: center;
justify-content: space-around;
justify-content: space-between;
padding: 5px;
cursor: pointer;
&:not(:last-child) {

115
www/calendar/inner.js
View File

@ -53,6 +53,9 @@ Messages.calendar_day = "Day";
Messages.calendar_week = "Week";
Messages.calendar_month = "Month";
Messages.calendar_today = "Today";
Messages.calendar_deleteConfirm = "Are you sure you want to delete this calendar from your account?";
Messages.calendar_deleteTeamConfirm = "Are you sure you want to delete this calendar from this team?";
Messages.calendar_deleteOwned = " It will still be visible for the users it has been shared with.";
var onCalendarsUpdate = Util.mkEvent();
@ -163,6 +166,7 @@ Messages.calendar_today = "Today";
// Is it a new calendar?
var isNew = !APP.calendars[data.id];
console.error(data, data.content.metadata.color);
if (data.deleted) {
// Remove this calendar
delete APP.calendars[data.id];
@ -173,6 +177,7 @@ Messages.calendar_today = "Today";
// If calendar if initialized, update it
if (!cal) { return; }
console.error('OK');
cal.setCalendars(getCalendars());
onCalendarsUpdate.fire();
renderCalendar();
@ -292,6 +297,79 @@ Messages.calendar_today = "Today";
UI.openCustomModal(m);
};
var makeEditDropdown = function (id, teamId) {
var options = [{
tag: 'a',
attributes: {
'class': 'fa fa-pencil',
},
content: h('span', Messages.tag_edit),
action: function (e) {
e.stopPropagation();
editCalendar(id);
}
}, {
tag: 'a',
attributes: {
'class': 'fa fa-trash-o',
},
content: h('span', Messages.kanban_delete),
action: function (e) {
e.stopPropagation();
var cal = APP.calendars[id];
var key = Messages.calendar_deleteConfirm;
var teams = (cal && cal.teams) || [];
if (teams.length === 1 && teams[0] !== 1) {
key = Messages.calendar_deleteTeamConfirm;
}
if (cal.owned) {
key += Messages.calendar_deleteOwned;
}
UI.confirm(Messages.calendar_deleteConfirm, function (yes) {
deleteCalendar({
id: id,
teamId: teamId,
}, function (err) {
if (err) {
console.error(err);
UI.warn(Messages.error);
}
});
});
}
}];
var dropdownConfig = {
text: '',
options: options, // Entries displayed in the menu
common: common,
buttonCls: 'btn btn-cancel fa fa-ellipsis-h small'
};
return UIElements.createDropdown(dropdownConfig)[0];
};
var makeCalendarEntry = function (id, teamId) {
var data = APP.calendars[id];
var edit;
if (!data.readOnly) {
edit = makeEditDropdown(id, teamId);
}
var md = Util.find(data, ['content', 'metadata']);
if (!md) { return; }
var active = data.hidden ? '' : '.cp-active';
var calendar = h('div.cp-calendar-entry'+active, [
h('span.cp-calendar-color', {
style: 'background-color: '+md.color+';'
}),
h('span.cp-calendar-title', md.title),
edit
]);
$(calendar).click(function () {
data.hidden = !data.hidden;
$(calendar).toggleClass('cp-active', !data.hidden);
renderCalendar();
});
if (APP.$calendars) { APP.$calendars.append(calendar); }
return calendar;
};
var makeLeftside = function (calendar, $container) {
var $topContainer = $(h('div.cp-calendar-new')).appendTo($container);
// Add new button
@ -349,40 +427,20 @@ Messages.calendar_today = "Today";
// Show calendars
var calendars = h('div.cp-calendar-list');
var $calendars = $(calendars).appendTo($container);
var $calendars = APP.$calendars = $(calendars).appendTo($container);
onCalendarsUpdate.reg(function () {
$calendars.empty();
Object.keys(APP.calendars || {}).forEach(function (id) {
var data = APP.calendars[id];
var edit;
if (!data.readOnly) {
edit = h('button.btn.btn-cancel.fa.fa-pencil.small');
$(edit).click(function (e) {
e.stopPropagation();
editCalendar(id);
});
}
var md = Util.find(data, ['content', 'metadata']);
if (!md) { return; }
var active = data.hidden ? '' : '.cp-active';
var calendar = h('div.cp-calendar-entry'+active, [
h('span.cp-calendar-color', {
style: 'background-color: '+md.color+';'
}),
h('span.cp-calendar-title', md.title),
edit
]);
$(calendar).click(function () {
data.hidden = !data.hidden;
$(calendar).toggleClass('cp-active', !data.hidden);
renderCalendar();
var cal = APP.calendars[id];
if (!cal) { return; }
(cal.teams || []).forEach(function (teamId) {
makeCalendarEntry(id, teamId);
});
$calendars.append(calendar);
});
});
onCalendarsUpdate.fire();
};
var makeCalendar = function (ctx) {
var makeCalendar = function () {
var $container = $('#cp-sidebarlayout-container');
var leftside;
$container.append([
@ -535,6 +593,11 @@ Messages.calendar_today = "Today";
$el.find('input').attr('autocomplete', 'off');
$el.find('.tui-full-calendar-dropdown-button').addClass('btn btn-secondary');
$el.find('.tui-full-calendar-popup-close').addClass('btn btn-cancel fa fa-times cp-calendar-close').empty();
var isUpdate = Boolean($el.find('#tui-full-calendar-schedule-title').val());
if (isUpdate) {
$el.find('.tui-full-calendar-dropdown-button').attr('disabled', 'disabled').off('click');
$el.find('.tui-full-calendar-dropdown-menu').addClass('cp-forcehide');
}
};
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {

1
www/common/outer/async-store.js
View File

@ -1522,6 +1522,7 @@ define([
broadcast([], "UPDATE_METADATA");
},
pinPads: function (data, cb) { Store.pinPads(null, data, cb); },
unpinPads: function (data, cb) { Store.unpinPads(null, data, cb); },
}, waitFor, function (ev, data, clients) {
clients.forEach(function (cId) {
postMessage(cId, 'UNIVERSAL_EVENT', {

17
www/common/outer/calendar.js
View File

@ -95,6 +95,7 @@ ctx.calendars[channel] = {
id: c.channel,
readOnly: c.readOnly,
deleted: !c.stores.length,
owned: false, // XXX XXX destroy
content: Util.clone(c.proxy)
}, ctx.clients);
};
@ -179,7 +180,6 @@ ctx.calendars[channel] = {
lm.proxy.on('ready', function () {
c.ready = true;
console.warn('READY', channel);
if (!proxy.metadata) {
proxy.metadata = {
color: data.color,
@ -296,7 +296,10 @@ ctx.calendars[channel] = {
var cal = store.proxy.calendars[id];
if (!cal) { return void cb(); } // Already deleted
// Delete
delete store.proxy.calendars[id];
// Unpin
var unpin = store.unpin || ctx.unpinPads;
unpin([id], function (res) {
if (res && res.error) {
@ -304,13 +307,14 @@ ctx.calendars[channel] = {
}
});
// Clear/update ctx data
// Remove this store from the calendar's clients
var ctxCal = ctx.calendars[id];
var idx = ctxCal.stores.indexOf(store.id || 1);
// Remove this store from the calendar's clients
ctxCal.stores.splice(idx, 1);
// If the calendar doesn't exist in any other team, stop it and delete it from ctx
if (!ctxCal.stores.length) {
// If the calendar doesn't exist in any other team, stop it and delete it
// from ctx
ctxCal.lm.stop();
delete ctx.calendars[id];
}
@ -319,7 +323,6 @@ ctx.calendars[channel] = {
sendUpdate(ctx, ctxCal);
cb();
});
// XXX broadcast to inner
};
// XXX when we destroy a calendar, make sure we also delete it
@ -371,6 +374,7 @@ ctx.calendars[channel] = {
store: store,
Store: cfg.Store,
pinPads: cfg.pinPads,
unpinPads: cfg.unpinPads,
updateMetadata: cfg.updateMetadata,
emit: emit,
onReady: Util.mkEvent(true),
@ -398,6 +402,9 @@ ctx.calendars[channel] = {
if (cmd === 'UPDATE') {
return void updateCalendar(ctx, data, clientId, cb);
}
if (cmd === 'DELETE') {
return void deleteCalendar(ctx, data, clientId, cb);
}
if (cmd === 'CREATE_EVENT') {
return void createEvent(ctx, data, clientId, cb);
}