1077 lines
43 KiB
JavaScript
1077 lines
43 KiB
JavaScript
define([
|
||
'jquery',
|
||
'/common/common-util.js',
|
||
'/common/common-hash.js',
|
||
'/common/common-interface.js',
|
||
'/common/common-ui-elements.js',
|
||
'/common/hyperscript.js',
|
||
'/customize/messages.js',
|
||
'/bower_components/nthen/index.js',
|
||
], function ($, Util, Hash, UI, UIElements, h,
|
||
Messages, nThen) {
|
||
var Access = {};
|
||
|
||
// XXX contacts, teams, access_noContact
|
||
Messages.contacts = "Contacts"; // XXX
|
||
Messages.teams = "Teams"; // XXX
|
||
Messages.access_noContact = "No other contact to add"; // XXX
|
||
|
||
|
||
var getOwnersTab = function (common, data, opts, _cb) {
|
||
var cb = Util.once(Util.mkAsync(_cb));
|
||
|
||
var friends = common.getFriends(true);
|
||
var sframeChan = common.getSframeChannel();
|
||
var priv = common.getMetadataMgr().getPrivateData();
|
||
var user = common.getMetadataMgr().getUserData();
|
||
var edPublic = priv.edPublic;
|
||
var channel = data.channel;
|
||
var owners = data.owners || [];
|
||
var pending_owners = data.pending_owners || [];
|
||
var teams = priv.teams;
|
||
var teamsData = Util.tryParse(JSON.stringify(priv.teams)) || {};
|
||
var teamOwner = data.teamId;
|
||
|
||
opts = opts || {};
|
||
var redrawAll = function () {};
|
||
|
||
var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
|
||
|
||
var div1 = h('div.cp-share-column.cp-ownership');
|
||
var divMid = h('div.cp-share-column-mid', addBtn);
|
||
var div2 = h('div.cp-share-column.cp-ownership');
|
||
var $div1 = $(div1);
|
||
var $div2 = $(div2);
|
||
|
||
// Remove owner column
|
||
var drawRemove = function (pending) {
|
||
var _owners = {};
|
||
var o = (pending ? pending_owners : owners) || [];
|
||
o.forEach(function (ed) {
|
||
var f;
|
||
Object.keys(friends).some(function (c) {
|
||
if (friends[c].edPublic === ed) {
|
||
f = friends[c];
|
||
return true;
|
||
}
|
||
});
|
||
Object.keys(teams).some(function (id) {
|
||
if (teams[id].edPublic === ed) {
|
||
f = teams[id];
|
||
f.teamId = id;
|
||
}
|
||
});
|
||
if (ed === edPublic) {
|
||
f = f || user;
|
||
if (f.name) { f.edPublic = edPublic; }
|
||
}
|
||
_owners[ed] = f ? Util.clone(f) : {
|
||
displayName: Messages._getKey('owner_unknownUser', [ed]),
|
||
edPublic: ed,
|
||
};
|
||
});
|
||
|
||
var remove = function (el) {
|
||
// Check selection
|
||
var me = false;
|
||
var $el = $(el);
|
||
var ed = $el.attr('data-ed');
|
||
if (!ed) { return; }
|
||
if (teamOwner && teams[teamOwner] && teams[teamOwner].edPublic === ed) { me = true; }
|
||
if (ed === edPublic && !teamOwner) { me = true; }
|
||
nThen(function (waitFor) {
|
||
var msg = me ? Messages.owner_removeMeConfirm : Messages.owner_removeConfirm; // XXX check existing keys
|
||
UI.confirm(msg, waitFor(function (yes) {
|
||
if (!yes) {
|
||
waitFor.abort();
|
||
return;
|
||
}
|
||
}));
|
||
}).nThen(function (waitFor) {
|
||
// Send the command
|
||
sframeChan.query('Q_SET_PAD_METADATA', {
|
||
channel: channel,
|
||
command: pending ? 'RM_PENDING_OWNERS' : 'RM_OWNERS',
|
||
value: [ed],
|
||
teamId: teamOwner
|
||
}, waitFor(function (err, res) {
|
||
err = err || (res && res.error);
|
||
if (err) {
|
||
waitFor.abort();
|
||
redrawAll(true);
|
||
var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
|
||
: Messages.error;
|
||
return void UI.warn(text);
|
||
}
|
||
UI.log(Messages.saved);
|
||
}));
|
||
}).nThen(function (waitFor) {
|
||
var curve = $el.attr('data-curve');
|
||
var friend = curve === user.curvePublic ? user : friends[curve];
|
||
if (!friend) { return; }
|
||
common.mailbox.sendTo("RM_OWNER", {
|
||
channel: channel,
|
||
title: data.title,
|
||
pending: pending
|
||
}, {
|
||
channel: friend.notifications,
|
||
curvePublic: friend.curvePublic
|
||
}, waitFor());
|
||
}).nThen(function () {
|
||
redrawAll(true);
|
||
});
|
||
};
|
||
|
||
var msg = pending ? Messages.owner_removePendingText
|
||
: Messages.owner_removeText;
|
||
var removeCol = UIElements.getUserGrid(msg, {
|
||
common: common,
|
||
large: true,
|
||
data: _owners,
|
||
noSelect: true,
|
||
list: true,
|
||
remove: remove
|
||
}, function () {
|
||
});
|
||
var $div = $(removeCol.div);
|
||
return $div;
|
||
};
|
||
|
||
// Add owners column
|
||
var drawAdd = function () {
|
||
var $div = $(h('div.cp-share-column'));
|
||
var _friends = Util.clone(friends);
|
||
Object.keys(_friends).forEach(function (curve) {
|
||
if (owners.indexOf(_friends[curve].edPublic) !== -1 ||
|
||
pending_owners.indexOf(_friends[curve].edPublic) !== -1 ||
|
||
!_friends[curve].notifications) {
|
||
delete _friends[curve];
|
||
}
|
||
});
|
||
// XXX if no more friends, display message...
|
||
if (!Object.keys(_friends).length) {
|
||
$div.append(h('div.cp-app-prop', [
|
||
Messages.contacts,
|
||
h('br'),
|
||
h('span.cp-app-prop-content', Messages.access_noContact)
|
||
]));
|
||
} else {
|
||
var addCol = UIElements.getUserGrid(Messages.contacts, {
|
||
common: common,
|
||
large: true,
|
||
data: _friends
|
||
}, function () {
|
||
//console.log(arguments);
|
||
});
|
||
$div.append(addCol.div);
|
||
}
|
||
|
||
var _teamsData = Util.clone(teamsData);
|
||
Object.keys(teamsData).forEach(function (id) {
|
||
var t = teamsData[id];
|
||
t.teamId = id;
|
||
if (owners.indexOf(t.edPublic) !== -1 || pending_owners.indexOf(t.edPublic) !== -1) {
|
||
delete _teamsData[id];
|
||
}
|
||
});
|
||
if (!Object.keys(_teamsData).length) { return $div; }
|
||
var teamsList = UIElements.getUserGrid(Messages.teams, {
|
||
common: common,
|
||
large: true,
|
||
noFilter: true,
|
||
data: _teamsData
|
||
}, function () {});
|
||
$div.append(teamsList.div);
|
||
|
||
return $div;
|
||
};
|
||
|
||
$(addBtn).click(function () {
|
||
var $div = $div2.find('.cp-share-column');
|
||
// Check selection
|
||
var $sel = $div.find('.cp-usergrid-user.cp-selected');
|
||
var sel = $sel.toArray();
|
||
if (!sel.length) { return; }
|
||
var toAdd = sel.map(function (el) {
|
||
var curve = $(el).attr('data-curve');
|
||
// If the pad is woned by a team, we can transfer ownership to ourselves
|
||
if (curve === user.curvePublic && teamOwner) { return priv.edPublic; }
|
||
var friend = friends[curve];
|
||
if (!friend) { return; }
|
||
return friend.edPublic;
|
||
}).filter(function (x) { return x; });
|
||
var toAddTeams = sel.map(function (el) {
|
||
var team = teamsData[$(el).attr('data-teamid')];
|
||
if (!team || !team.edPublic) { return; }
|
||
return {
|
||
edPublic: team.edPublic,
|
||
id: $(el).attr('data-teamid')
|
||
};
|
||
}).filter(function (x) { return x; });
|
||
|
||
nThen(function (waitFor) {
|
||
var msg = Messages.owner_addConfirm;
|
||
UI.confirm(msg, waitFor(function (yes) {
|
||
if (!yes) {
|
||
waitFor.abort();
|
||
return;
|
||
}
|
||
}));
|
||
}).nThen(function (waitFor) {
|
||
// Add one of our teams as an owner
|
||
if (toAddTeams.length) {
|
||
// Send the command
|
||
sframeChan.query('Q_SET_PAD_METADATA', {
|
||
channel: channel,
|
||
command: 'ADD_OWNERS',
|
||
value: toAddTeams.map(function (obj) { return obj.edPublic; }),
|
||
teamId: teamOwner
|
||
}, waitFor(function (err, res) {
|
||
err = err || (res && res.error);
|
||
if (err) {
|
||
waitFor.abort();
|
||
redrawAll(true);
|
||
var text = err === "INSUFFICIENT_PERMISSIONS" ?
|
||
Messages.fm_forbidden : Messages.error;
|
||
return void UI.warn(text);
|
||
}
|
||
var isTemplate = priv.isTemplate || opts.isTemplate;
|
||
toAddTeams.forEach(function (obj) {
|
||
sframeChan.query('Q_STORE_IN_TEAM', {
|
||
href: data.href || data.rohref,
|
||
password: data.password,
|
||
path: isTemplate ? ['template'] : undefined,
|
||
title: data.title || '',
|
||
teamId: obj.id
|
||
}, waitFor(function (err) {
|
||
if (err) { return void console.error(err); }
|
||
}));
|
||
});
|
||
}));
|
||
}
|
||
}).nThen(function (waitFor) {
|
||
// Offer ownership to a friend
|
||
if (toAdd.length) {
|
||
// Send the command
|
||
sframeChan.query('Q_SET_PAD_METADATA', {
|
||
channel: channel,
|
||
command: 'ADD_PENDING_OWNERS',
|
||
value: toAdd,
|
||
teamId: teamOwner
|
||
}, waitFor(function (err, res) {
|
||
err = err || (res && res.error);
|
||
if (err) {
|
||
waitFor.abort();
|
||
redrawAll(true);
|
||
var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
|
||
: Messages.error;
|
||
return void UI.warn(text);
|
||
}
|
||
}));
|
||
}
|
||
}).nThen(function (waitFor) {
|
||
sel.forEach(function (el) {
|
||
var curve = $(el).attr('data-curve');
|
||
var friend = curve === user.curvePublic ? user : friends[curve];
|
||
if (!friend) { return; }
|
||
common.mailbox.sendTo("ADD_OWNER", {
|
||
channel: channel,
|
||
href: data.href,
|
||
password: data.password,
|
||
title: data.title
|
||
}, {
|
||
channel: friend.notifications,
|
||
curvePublic: friend.curvePublic
|
||
}, waitFor());
|
||
});
|
||
}).nThen(function () {
|
||
redrawAll(true);
|
||
UI.log(Messages.saved);
|
||
});
|
||
});
|
||
|
||
redrawAll = function (reload) {
|
||
nThen(function (waitFor) {
|
||
if (!reload) { return; }
|
||
common.getPadMetadata({
|
||
channel: data.channel
|
||
}, waitFor(function (md) {
|
||
data.owners = md.owners || [];
|
||
data.pending_owners = md.pending_owners || [];
|
||
}));
|
||
}).nThen(function () {
|
||
owners = data.owners || [];
|
||
pending_owners = data.pending_owners || [];
|
||
$div1.empty();
|
||
$div2.empty();
|
||
$div1.append(drawRemove(false)).append(drawRemove(true));
|
||
$div2.append(drawAdd());
|
||
});
|
||
};
|
||
redrawAll();
|
||
|
||
var handler = sframeChan.on('EV_RT_METADATA', function (md) {
|
||
if (!$div1.length) {
|
||
return void handler.stop();
|
||
}
|
||
data.owners = md.owners || [];
|
||
data.pending_owners = md.pending_owners || [];
|
||
redrawAll();
|
||
});
|
||
|
||
// Create modal
|
||
var link = h('div.cp-share-columns', [
|
||
div1,
|
||
divMid,
|
||
div2
|
||
]);
|
||
cb(void 0, link);
|
||
};
|
||
|
||
var getAllowTab = function (common, data, opts, _cb) {
|
||
var cb = Util.once(Util.mkAsync(_cb));
|
||
opts = opts || {};
|
||
|
||
// XXX reload all this data in the "draw" functions
|
||
|
||
var friends = common.getFriends(true);
|
||
var sframeChan = common.getSframeChannel();
|
||
var priv = common.getMetadataMgr().getPrivateData();
|
||
var user = common.getMetadataMgr().getUserData();
|
||
var edPublic = priv.edPublic;
|
||
var channel = data.channel;
|
||
|
||
var owners = data.owners || [];
|
||
var restricted = data.restricted || false;
|
||
var allowed = data.allowed || [];
|
||
|
||
var teams = priv.teams;
|
||
var teamsData = Util.tryParse(JSON.stringify(priv.teams)) || {};
|
||
var teamOwner = data.teamId;
|
||
|
||
var redrawAll = function () {};
|
||
|
||
var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
|
||
|
||
var div1 = h('div.cp-share-column.cp-allowlist');
|
||
var divMid = h('div.cp-share-column-mid.cp-overlay-container', [
|
||
addBtn,
|
||
h('div.cp-overlay')
|
||
]);
|
||
var div2 = h('div.cp-share-column.cp-allowlist');
|
||
var $div1 = $(div1);
|
||
var $div2 = $(div2);
|
||
|
||
// Create modal
|
||
var link = h('div.cp-share-columns', [
|
||
div1,
|
||
divMid,
|
||
div2
|
||
]);
|
||
|
||
var setLock = function (locked) {
|
||
$(link).find('.cp-overlay').toggle(locked);
|
||
};
|
||
|
||
// Remove owner column
|
||
var drawRemove = function () {
|
||
var _allowed = {};
|
||
var all = Util.deduplicateString(owners.concat(allowed));
|
||
all.forEach(function (ed) {
|
||
var f;
|
||
Object.keys(friends).some(function (c) {
|
||
if (friends[c].edPublic === ed) {
|
||
f = friends[c];
|
||
return true;
|
||
}
|
||
});
|
||
Object.keys(teams).some(function (id) {
|
||
if (teams[id].edPublic === ed) {
|
||
f = teams[id];
|
||
f.teamId = id;
|
||
}
|
||
});
|
||
if (ed === edPublic) {
|
||
f = f || user;
|
||
if (f.name) { f.edPublic = edPublic; }
|
||
}
|
||
_allowed[ed] = f ? Util.clone(f) : {
|
||
displayName: Messages._getKey('owner_unknownUser', [ed]),
|
||
edPublic: ed,
|
||
};
|
||
|
||
if (owners.indexOf(ed) !== -1) {
|
||
_allowed[ed].notRemovable = true;
|
||
}
|
||
});
|
||
|
||
// XXX allow_removeConfirm, allow_checkbox, allow_text
|
||
Messages.allow_removeConfirm = "Are you sure?"; // XXX
|
||
Messages.allow_checkbox = "Enable allow list"; // XXX
|
||
Messages.allow_text = 'Pewpewpew'; // XXX
|
||
|
||
var remove = function (el) {
|
||
// Check selection
|
||
var $el = $(el);
|
||
var ed = $el.attr('data-ed');
|
||
if (!ed) { return; }
|
||
nThen(function (waitFor) {
|
||
var msg = Messages.allow_removeConfirm;
|
||
UI.confirm(msg, waitFor(function (yes) {
|
||
if (!yes) {
|
||
waitFor.abort();
|
||
return;
|
||
}
|
||
}));
|
||
}).nThen(function (waitFor) {
|
||
// Send the command
|
||
sframeChan.query('Q_SET_PAD_METADATA', {
|
||
channel: channel,
|
||
command: 'RM_ALLOWED',
|
||
value: [ed],
|
||
teamId: teamOwner
|
||
}, waitFor(function (err, res) {
|
||
err = err || (res && res.error);
|
||
redrawAll(true);
|
||
if (err) {
|
||
waitFor.abort();
|
||
var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
|
||
: Messages.error;
|
||
return void UI.warn(text);
|
||
}
|
||
UI.log(Messages.saved);
|
||
}));
|
||
});
|
||
};
|
||
|
||
var cbox = UI.createCheckbox('cp-allowlist', Messages.allow_checkbox, restricted);
|
||
var $cbox = $(cbox);
|
||
var spinner = UI.makeSpinner($cbox);
|
||
var $checkbox = $cbox.find('input').on('change', function () {
|
||
if (spinner.getState()) {
|
||
$checkbox.prop('checked', !$checkbox.prop('checked'));
|
||
return;
|
||
}
|
||
spinner.spin();
|
||
var val = $checkbox.is(':checked');
|
||
sframeChan.query('Q_SET_PAD_METADATA', {
|
||
channel: channel,
|
||
command: 'RESTRICT_ACCESS',
|
||
value: [Boolean(val)],
|
||
teamId: teamOwner
|
||
}, function (err, res) {
|
||
err = err || (res && res.error);
|
||
redrawAll(true);
|
||
if (err) {
|
||
spinner.hide();
|
||
var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
|
||
: Messages.error;
|
||
return void UI.warn(text);
|
||
}
|
||
spinner.done();
|
||
UI.log(Messages.saved);
|
||
});
|
||
});
|
||
|
||
|
||
var msg = Messages._getKey('allow_label', ['']);
|
||
var removeCol = UIElements.getUserGrid(msg, {
|
||
common: common,
|
||
large: true,
|
||
data: _allowed,
|
||
noSelect: true,
|
||
list: true,
|
||
remove: remove
|
||
}, function () { });
|
||
$(removeCol.div).addClass('cp-overlay-container').append(h('div.cp-overlay'));
|
||
return h('div', [
|
||
h('p', Messages.allow_text),
|
||
h('p', cbox),
|
||
removeCol.div
|
||
]);
|
||
};
|
||
|
||
// Add owners column
|
||
var drawAdd = function () {
|
||
var $div = $(h('div.cp-share-column'));
|
||
|
||
$div.addClass('cp-overlay-container').append(h('div.cp-overlay'));
|
||
|
||
var _friends = Util.clone(friends);
|
||
Object.keys(_friends).forEach(function (curve) {
|
||
if (owners.indexOf(_friends[curve].edPublic) !== -1 ||
|
||
allowed.indexOf(_friends[curve].edPublic) !== -1) {
|
||
delete _friends[curve];
|
||
}
|
||
});
|
||
if (!Object.keys(_friends).length) {
|
||
$div.append(h('div.cp-app-prop', [
|
||
Messages.contacts,
|
||
h('br'),
|
||
h('span.cp-app-prop-content', Messages.access_noContact)
|
||
]));
|
||
} else {
|
||
var addCol = UIElements.getUserGrid(Messages.contacts, {
|
||
common: common,
|
||
large: true,
|
||
data: _friends
|
||
}, function () {
|
||
//console.log(arguments);
|
||
});
|
||
$div.append(addCol.div);
|
||
}
|
||
|
||
var _teamsData = Util.clone(teamsData);
|
||
Object.keys(teamsData).forEach(function (id) {
|
||
var t = teamsData[id];
|
||
t.teamId = id;
|
||
if (owners.indexOf(t.edPublic) !== -1 || allowed.indexOf(t.edPublic) !== -1) {
|
||
delete _teamsData[id];
|
||
}
|
||
});
|
||
if (!Object.keys(_teamsData).length) { return $div; }
|
||
var teamsList = UIElements.getUserGrid(Messages.teams, {
|
||
common: common,
|
||
large: true,
|
||
noFilter: true,
|
||
data: _teamsData
|
||
}, function () {});
|
||
$div.append(teamsList.div);
|
||
|
||
return $div;
|
||
};
|
||
|
||
$(addBtn).click(function () {
|
||
var $div = $div2.find('.cp-share-column');
|
||
// Check selection
|
||
var $sel = $div.find('.cp-usergrid-user.cp-selected');
|
||
var sel = $sel.toArray();
|
||
if (!sel.length) { return; }
|
||
var toAdd = sel.map(function (el) {
|
||
var curve = $(el).attr('data-curve');
|
||
var teamId = $(el).attr('data-teamid');
|
||
// If the pad is woned by a team, we can transfer ownership to ourselves
|
||
if (curve === user.curvePublic && teamOwner) { return priv.edPublic; }
|
||
var data = friends[curve] || teamsData[teamId];
|
||
if (!data) { return; }
|
||
return data.edPublic;
|
||
}).filter(function (x) { return x; });
|
||
|
||
nThen(function (waitFor) {
|
||
var msg = Messages.owner_addConfirm;
|
||
UI.confirm(msg, waitFor(function (yes) {
|
||
if (!yes) {
|
||
waitFor.abort();
|
||
return;
|
||
}
|
||
}));
|
||
}).nThen(function (waitFor) {
|
||
// Offer ownership to a friend
|
||
if (toAdd.length) {
|
||
// Send the command
|
||
sframeChan.query('Q_SET_PAD_METADATA', {
|
||
channel: channel,
|
||
command: 'ADD_ALLOWED',
|
||
value: toAdd,
|
||
teamId: teamOwner
|
||
}, waitFor(function (err, res) {
|
||
err = err || (res && res.error);
|
||
redrawAll(true);
|
||
if (err) {
|
||
waitFor.abort();
|
||
var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
|
||
: Messages.error;
|
||
return void UI.warn(text);
|
||
}
|
||
}));
|
||
}
|
||
}).nThen(function () {
|
||
UI.log(Messages.saved);
|
||
});
|
||
});
|
||
|
||
redrawAll = function (reload) {
|
||
nThen(function (waitFor) {
|
||
if (!reload) { return; }
|
||
common.getPadMetadata({
|
||
channel: data.channel
|
||
}, waitFor(function (md) {
|
||
data.owners = md.owners;
|
||
data.restricted = md.restricted;
|
||
data.allowed = md.allowed;
|
||
}));
|
||
}).nThen(function () {
|
||
owners = data.owners || [];
|
||
restricted = data.restricted || false;
|
||
allowed = data.allowed || [];
|
||
$div1.empty();
|
||
$div2.empty();
|
||
$div1.append(drawRemove());
|
||
$div2.append(drawAdd());
|
||
setLock(!restricted);
|
||
});
|
||
};
|
||
redrawAll();
|
||
|
||
var handler = sframeChan.on('EV_RT_METADATA', function (md) {
|
||
if (!$div1.length) {
|
||
return void handler.stop();
|
||
}
|
||
data.owners = md.owners || [];
|
||
data.pending_owners = md.pending_owners || [];
|
||
redrawAll();
|
||
});
|
||
|
||
cb(void 0, link);
|
||
};
|
||
|
||
var isOwned = function (common, data) {
|
||
data = data || {};
|
||
var priv = common.getMetadataMgr().getPrivateData();
|
||
var edPublic = priv.edPublic;
|
||
var owned = false;
|
||
if (data.owners && data.owners.length) {
|
||
if (data.owners.indexOf(edPublic) !== -1) {
|
||
owned = true;
|
||
} else {
|
||
Object.keys(priv.teams || {}).some(function (id) {
|
||
var team = priv.teams[id] || {};
|
||
if (team.viewer) { return; }
|
||
if (data.owners.indexOf(team.edPublic) === -1) { return; }
|
||
owned = id;
|
||
return true;
|
||
});
|
||
}
|
||
}
|
||
return owned;
|
||
};
|
||
|
||
var getUserList = function (common, list) {
|
||
if (!Array.isArray(list)) { return; }
|
||
var priv = common.getMetadataMgr().getPrivateData();
|
||
var user = common.getMetadataMgr().getUserData();
|
||
var edPublic = priv.edPublic;
|
||
var strangers = 0;
|
||
var _owners = {};
|
||
list.forEach(function (ed) {
|
||
// If a friend is an owner, add their name to the list
|
||
// otherwise, increment the list of strangers
|
||
|
||
// Our edPublic? print "Yourself"
|
||
if (ed === edPublic) {
|
||
_owners[ed] = {
|
||
//selected: true,
|
||
name: user.name,
|
||
avatar: user.avatar
|
||
};
|
||
return;
|
||
}
|
||
// One of our teams? print the team name
|
||
if (Object.keys(priv.teams || {}).some(function (id) {
|
||
var team = priv.teams[id] || {};
|
||
if (team.edPublic !== ed) { return; }
|
||
_owners[ed] = {
|
||
name: team.name,
|
||
avatar: team.avatar
|
||
};
|
||
return true;
|
||
})) {
|
||
return;
|
||
}
|
||
// One of our friends? print the friend name
|
||
if (Object.keys(priv.friends || {}).some(function (c) {
|
||
var friend = priv.friends[c] || {};
|
||
if (friend.edPublic !== ed || c === 'me') { return; }
|
||
_owners[friend.edPublic] = {
|
||
name: friend.displayName,
|
||
avatar: friend.avatar
|
||
};
|
||
return true;
|
||
})) {
|
||
return;
|
||
}
|
||
// Otherwise it's a stranger
|
||
_owners[ed] = {
|
||
name: '???', // XXX unkwown?
|
||
};
|
||
strangers++;
|
||
});
|
||
if (!Object.keys(_owners).length) { return; }
|
||
/*
|
||
if (strangers) {
|
||
_owners['stangers'] = {
|
||
name: Messages._getKey('properties_unknownUser', [strangers]),
|
||
};
|
||
}
|
||
*/
|
||
return UIElements.getUserGrid(null, {
|
||
common: common,
|
||
noSelect: true,
|
||
data: _owners,
|
||
large: true
|
||
}, function () {});
|
||
};
|
||
|
||
var getAccessTab = function (common, data, opts, _cb) {
|
||
var cb = Util.once(Util.mkAsync(_cb));
|
||
opts = opts || {};
|
||
|
||
var priv = common.getMetadataMgr().getPrivateData();
|
||
var sframeChan = common.getSframeChannel();
|
||
|
||
var $div = $(h('div.cp-share-columns'));
|
||
if (!data) { return void cb(void 0, $div); }
|
||
|
||
var div1 = h('div.cp-usergrid-user.cp-share-column.cp-access');
|
||
var div2 = h('div.cp-usergrid-user.cp-share-column.cp-access');
|
||
var $div1 = $(div1).appendTo($div);
|
||
var $div2 = $(div2).appendTo($div);
|
||
|
||
var parsed = Hash.parsePadUrl(data.href || data.roHref);
|
||
if (!parsed || !parsed.hashData) { return void console.error("Invalid href"); }
|
||
|
||
var drawLeft = function () {
|
||
var $d = $('<div>');
|
||
|
||
var owned = isOwned(common, data);
|
||
|
||
if (!opts.noExpiration) {
|
||
var expire = Messages.creation_expireFalse;
|
||
if (data.expire && typeof (data.expire) === "number") {
|
||
expire = new Date(data.expire).toLocaleString();
|
||
}
|
||
$d.append(h('div.cp-app-prop', [
|
||
Messages.creation_expiration,
|
||
h('br'),
|
||
h('span.cp-app-prop-content', expire)
|
||
]));
|
||
}
|
||
|
||
$('<label>', {'for': 'cp-app-prop-password'}).text(Messages.creation_passwordValue).appendTo($d);
|
||
var password = UI.passwordInput({
|
||
id: 'cp-app-prop-password',
|
||
readonly: 'readonly'
|
||
});
|
||
$d.append(password);
|
||
if (!data.noPassword) {
|
||
var hasPassword = data.password;
|
||
var $password = $(password);
|
||
var $pwInput = $password.find('.cp-password-input');
|
||
$pwInput.val(data.password || '').click(function () {
|
||
$pwInput[0].select();
|
||
});
|
||
|
||
// In the properties, we should have the edit href if we know it.
|
||
// We should know it because the pad is stored, but it's better to check...
|
||
if (!data.noEditPassword && owned && data.href) { // FIXME SHEET fix password change for sheets
|
||
var isOO = parsed.type === 'sheet';
|
||
var isFile = parsed.hashData.type === 'file';
|
||
var isSharedFolder = parsed.type === 'drive';
|
||
|
||
var changePwTitle = Messages.properties_changePassword;
|
||
var changePwConfirm = isFile ? Messages.properties_confirmChangeFile : Messages.properties_confirmChange;
|
||
if (!hasPassword) {
|
||
changePwTitle = Messages.properties_addPassword;
|
||
changePwConfirm = isFile ? Messages.properties_confirmNewFile : Messages.properties_confirmNew;
|
||
}
|
||
$('<label>', {'for': 'cp-app-prop-change-password'})
|
||
.text(changePwTitle).appendTo($d);
|
||
var newPassword = UI.passwordInput({
|
||
id: 'cp-app-prop-change-password',
|
||
style: 'flex: 1;'
|
||
});
|
||
var passwordOk = h('button', Messages.properties_changePasswordButton);
|
||
var changePass = h('span.cp-password-change-container', [
|
||
newPassword,
|
||
passwordOk
|
||
]);
|
||
var pLocked = false;
|
||
$(passwordOk).click(function () {
|
||
var newPass = $(newPassword).find('input').val();
|
||
if (data.password === newPass ||
|
||
(!data.password && !newPass)) {
|
||
return void UI.alert(Messages.properties_passwordSame);
|
||
}
|
||
if (pLocked) { return; }
|
||
pLocked = true;
|
||
UI.confirm(changePwConfirm, function (yes) {
|
||
if (!yes) { pLocked = false; return; }
|
||
$(passwordOk).html('').append(h('span.fa.fa-spinner.fa-spin', {style: 'margin-left: 0'}));
|
||
var q = isFile ? 'Q_BLOB_PASSWORD_CHANGE' :
|
||
(isOO ? 'Q_OO_PASSWORD_CHANGE' : 'Q_PAD_PASSWORD_CHANGE');
|
||
|
||
// If this is a file password change, register to the upload events:
|
||
// * if there is a pending upload, ask if we shoudl interrupt
|
||
// * display upload progress
|
||
var onPending;
|
||
var onProgress;
|
||
if (isFile) {
|
||
onPending = sframeChan.on('Q_BLOB_PASSWORD_CHANGE_PENDING', function (data, cb) {
|
||
onPending.stop();
|
||
UI.confirm(Messages.upload_uploadPending, function (yes) {
|
||
cb({cancel: yes});
|
||
});
|
||
});
|
||
onProgress = sframeChan.on('EV_BLOB_PASSWORD_CHANGE_PROGRESS', function (data) {
|
||
if (typeof (data) !== "number") { return; }
|
||
var p = Math.round(data);
|
||
$(passwordOk).text(p + '%');
|
||
});
|
||
}
|
||
|
||
sframeChan.query(q, {
|
||
teamId: typeof(owned) !== "boolean" ? owned : undefined,
|
||
href: data.href,
|
||
password: newPass
|
||
}, function (err, data) {
|
||
$(passwordOk).text(Messages.properties_changePasswordButton);
|
||
pLocked = false;
|
||
if (err || data.error) {
|
||
console.error(err || data.error);
|
||
return void UI.alert(Messages.properties_passwordError);
|
||
}
|
||
UI.findOKButton().click();
|
||
|
||
$pwInput.val(newPass);
|
||
|
||
// If the current document is a file or if we're changing the password from a drive,
|
||
// we don't have to reload the page at the end.
|
||
// Tell the user the password change was successful and abort
|
||
if (isFile || priv.app !== parsed.type) {
|
||
if (onProgress && onProgress.stop) { onProgress.stop(); }
|
||
$(passwordOk).text(Messages.properties_changePasswordButton);
|
||
var alertMsg = data.warning ? Messages.properties_passwordWarningFile
|
||
: Messages.properties_passwordSuccessFile;
|
||
return void UI.alert(alertMsg, undefined, {force: true});
|
||
}
|
||
|
||
// Pad password changed: update the href
|
||
// Use hidden hash if needed (we're an owner of this pad so we know it is stored)
|
||
var useUnsafe = Util.find(priv, ['settings', 'security', 'unsafeLinks']);
|
||
var href = (priv.readOnly && data.roHref) ? data.roHref : data.href;
|
||
if (useUnsafe === false) {
|
||
var newParsed = Hash.parsePadUrl(href);
|
||
var newSecret = Hash.getSecrets(newParsed.type, newParsed.hash, newPass);
|
||
var newHash = Hash.getHiddenHashFromKeys(parsed.type, newSecret, {});
|
||
href = Hash.hashToHref(newHash, parsed.type);
|
||
}
|
||
|
||
if (data.warning) {
|
||
return void UI.alert(Messages.properties_passwordWarning, function () {
|
||
common.gotoURL(href);
|
||
}, {force: true});
|
||
}
|
||
return void UI.alert(Messages.properties_passwordSuccess, function () {
|
||
if (!isSharedFolder) {
|
||
common.gotoURL(href);
|
||
}
|
||
}, {force: true});
|
||
});
|
||
});
|
||
});
|
||
$d.append(changePass);
|
||
}
|
||
}
|
||
return $d;
|
||
};
|
||
var drawRight = function () {
|
||
// XXX allow_enabled, allow_disabled, allow_label
|
||
Messages.allow_enabled = 'ENABLED'; // XXX
|
||
Messages.allow_disabled = 'DISABLED'; // XXX
|
||
Messages.allow_label = 'Allow list: {0}'; // XXX
|
||
|
||
// Owners
|
||
var content = [];
|
||
var _ownersGrid = getUserList(common, data.owners);
|
||
if (_ownersGrid && _ownersGrid.div) {
|
||
content.push(h('label', Messages.creation_owners));
|
||
content.push(_ownersGrid.div);
|
||
} else {
|
||
content.push(UI.dialog.selectable(Messages.creation_noOwner, {
|
||
id: 'cp-app-prop-owners',
|
||
}));
|
||
}
|
||
|
||
// Request edit access
|
||
if (data.roHref && !data.href) {
|
||
var requestButton = h('button.btn.btn-secondary.no-margin',
|
||
Messages.requestEdit_button);
|
||
var requestBlock = h('p', requestButton);
|
||
var $requestBlock = $(requestBlock).hide();
|
||
content.push(requestBlock);
|
||
sframeChan.query('Q_REQUEST_ACCESS', {
|
||
send: false,
|
||
metadata: data
|
||
}, function (err, obj) {
|
||
// Abort if no mailbox available
|
||
if (!(obj && obj.state)) { return; }
|
||
|
||
var spinner = UI.makeSpinner($requestBlock);
|
||
$requestBlock.show().find('button').click(function () {
|
||
if (spinner.getState()) { return; }
|
||
spinner.spin();
|
||
sframeChan.query('Q_REQUEST_ACCESS', {
|
||
send: true,
|
||
metadata: data
|
||
}, function (err, obj) {
|
||
if (obj && obj.state) {
|
||
UI.log(Messages.requestEdit_sent);
|
||
$requestBlock.find('button').prop('disabled', true);
|
||
spinner.done();
|
||
} else {
|
||
spinner.hide();
|
||
}
|
||
});
|
||
});
|
||
});
|
||
}
|
||
|
||
// Allow list
|
||
var state = data.restricted ? Messages.allow_enabled : Messages.allow_disabled;
|
||
content.push(h('label', Messages._getKey('allow_label', [state])));
|
||
if (data.restricted) {
|
||
var _allowed = Util.deduplicateString(data.owners.concat(data.allowed));
|
||
var _allowedGrid = getUserList(common, _allowed);
|
||
content.push(_allowedGrid.div);
|
||
}
|
||
return h('div', content);
|
||
};
|
||
|
||
var redraw = function () {
|
||
$div1.empty();
|
||
$div1.append(drawLeft());
|
||
$div2.empty();
|
||
$div2.append(drawRight());
|
||
};
|
||
var handler = sframeChan.on('EV_RT_METADATA', function (md) {
|
||
if (!$div.length) {
|
||
handler.stop();
|
||
return;
|
||
}
|
||
md = JSON.parse(JSON.stringify(md));
|
||
data.owners = md.owners;
|
||
data.expire = md.expire;
|
||
data.pending_owners = md.pending_owners;
|
||
data.mailbox = md.mailbox;
|
||
redraw();
|
||
});
|
||
redraw();
|
||
|
||
cb(void 0, $div);
|
||
};
|
||
|
||
var getAccessData = function (common, opts, _cb) {
|
||
var cb = Util.once(Util.mkAsync(_cb));
|
||
opts = opts || {};
|
||
var data = {};
|
||
nThen(function (waitFor) {
|
||
var base = common.getMetadataMgr().getPrivateData().origin;
|
||
common.getPadAttribute('', waitFor(function (err, val) {
|
||
if (err || !val) {
|
||
waitFor.abort();
|
||
return void cb(err || 'EEMPTY');
|
||
}
|
||
if (!val.fileType) {
|
||
delete val.owners;
|
||
delete val.expire;
|
||
}
|
||
Util.extend(data, val);
|
||
if (data.href) { data.href = base + data.href; }
|
||
if (data.roHref) { data.roHref = base + data.roHref; }
|
||
}), opts.href);
|
||
|
||
// If this is a file, don't try to look for metadata
|
||
if (opts.channel && opts.channel.length > 34) { return; }
|
||
common.getPadMetadata({
|
||
channel: opts.channel // optional, fallback to current pad
|
||
}, waitFor(function (obj) {
|
||
if (obj && obj.error) { console.error(obj.error); return; }
|
||
data.owners = obj.owners;
|
||
data.expire = obj.expire;
|
||
data.pending_owners = obj.pending_owners;
|
||
data.mailbox = obj.mailbox;
|
||
}));
|
||
}).nThen(function () {
|
||
cb(void 0, data);
|
||
});
|
||
};
|
||
Access.getAccessModal = function (common, opts, cb) {
|
||
var data;
|
||
var tab1, tab2, tab3;
|
||
var owned = false;
|
||
var button = [{
|
||
className: 'cancel',
|
||
name: Messages.filePicker_close,
|
||
onClick: function () {},
|
||
keys: [13,27]
|
||
}];
|
||
nThen(function (waitFor) {
|
||
getAccessData(common, opts, waitFor(function (e, _data) {
|
||
if (e) {
|
||
waitFor.abort();
|
||
return void cb(e);
|
||
}
|
||
data = _data;
|
||
}));
|
||
}).nThen(function (waitFor) {
|
||
owned = isOwned(common, data);
|
||
|
||
getAccessTab(common, data, opts, waitFor(function (e, c) {
|
||
if (e) {
|
||
waitFor.abort();
|
||
return void cb(e);
|
||
}
|
||
tab1 = UI.dialog.customModal(c[0], {
|
||
buttons: button
|
||
});
|
||
}));
|
||
|
||
if (!owned) { return; }
|
||
|
||
getAllowTab(common, data, opts, waitFor(function (e, c) {
|
||
if (e) {
|
||
waitFor.abort();
|
||
return void cb(e);
|
||
}
|
||
tab2 = UI.dialog.customModal(c, {
|
||
buttons: button
|
||
});
|
||
}));
|
||
getOwnersTab(common, data, opts, waitFor(function (e, c) {
|
||
if (e) {
|
||
waitFor.abort();
|
||
return void cb(e);
|
||
}
|
||
tab3 = UI.dialog.customModal(c, {
|
||
buttons: button
|
||
});
|
||
}));
|
||
}).nThen(function () {
|
||
// XXX access_main, access_allow
|
||
Messages.access_main = 'ACCESS'; // XXX
|
||
Messages.access_allow = 'ALLOW'; // XXX
|
||
|
||
var tabs = UI.dialog.tabs([{
|
||
title: Messages.access_main,
|
||
icon: "fa fa-unlock-alt",
|
||
content: tab1
|
||
}, {
|
||
title: Messages.access_allow,
|
||
disabled: !owned,
|
||
icon: "fa fa-list",
|
||
content: tab2
|
||
}, {
|
||
title: Messages.creation_owners,
|
||
disabled: !owned,
|
||
icon: "fa fa-id-badge",
|
||
content: tab3
|
||
}]);
|
||
var modal = UI.openCustomModal(tabs, {
|
||
wide: true
|
||
});
|
||
cb (void 0, modal);
|
||
});
|
||
};
|
||
|
||
return Access;
|
||
});
|