infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Add owners tab

Browse Source
pull/1/head
yflory 5 years ago
parent 4ec6d8072c
commit 81a0bbb0ef
4 changed files with 376 additions and 274 deletions
Show Stats Download Patch File Download Diff File

31
customize.dist/src/less2/include/alertify.less
Unescape Escape View File

@ -182,6 +182,7 @@
margin-bottom: 10px; margin-bottom: 10px;
box-sizing: content-box; box-sizing: content-box;
span { span {
.tools_unselectable();
font-size: 20px; font-size: 20px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
@ -190,12 +191,16 @@
border-left: 1px solid lighten(@alertify-base, 10%); border-left: 1px solid lighten(@alertify-base, 10%);
border-right: 1px solid lighten(@alertify-base, 10%); border-right: 1px solid lighten(@alertify-base, 10%);
cursor: pointer; cursor: pointer;
&:hover { &:not(.disabled):hover {
background-color: @alertify-light-bg; background-color: @alertify-light-bg;
} }
&.disabled {
color: #949494;
cursor: not-allowed;
}
} }
span.alertify-tabs-active { span.alertify-tabs-active {
background-color: @alertify-fore; background-color: @alertify-fore !important;
border-left: 1px solid @alertify-fore; border-left: 1px solid @alertify-fore;
border-right: 1px solid @alertify-fore; border-right: 1px solid @alertify-fore;
color: @alertify-base; color: @alertify-base;
@ -386,18 +391,13 @@
} }
} }
div.wide { div.wide {
div.alertify-tabs {
p.msg:not(:last-child) {
border-bottom: 1px solid @alertify-fore;
}
}
.cp-share-columns { .cp-share-columns {
display: flex; display: flex;
flex-flow: row; flex-flow: row;
& > .cp-share-column { & > .cp-share-column {
width: 50%; width: 50%;
padding: 0 10px; //padding: 0 10px;
position: relative; position: relative;
&.contains-nav { &.contains-nav {
nav { nav {
@ -414,7 +414,20 @@
} }
} }
&:first-child { &:first-child {
border-right: 1px solid @alertify-fore; margin-right: @alertify_padding-base;
}
&:last-child {
margin-left: @alertify_padding-base;
}
}
& > .cp-share-column-mid {
display: flex;
align-items: center;
button {
width: 50px;
margin: 0;
min-width: 0;
font-size: 18px;
} }
} }
} }

7
www/common/common-interface.js
Unescape Escape View File

@ -218,14 +218,15 @@ define([
var titles = []; var titles = [];
var active = 0; var active = 0;
tabs.forEach(function (tab, i) { tabs.forEach(function (tab, i) {
if (!tab.content || !tab.title) { return; } if (!(tab.content || tab.disabled) || !tab.title) { return; }
var content = h('div.alertify-tabs-content', tab.content); var content = h('div.alertify-tabs-content', tab.content);
var title = h('span.alertify-tabs-title', tab.title); var title = h('span.alertify-tabs-title'+ (tab.disabled ? '.disabled' : ''), tab.title);
if (tab.icon) { if (tab.icon) {
var icon = h('i', {class: tab.icon}); var icon = h('i', {class: tab.icon});
$(title).prepend(' ').prepend(icon); $(title).prepend(' ').prepend(icon);
} }
$(title).click(function () { $(title).click(function () {
if (tab.disabled) { return; }
var old = tabs[active]; var old = tabs[active];
if (old.onHide) { old.onHide(); } if (old.onHide) { old.onHide(); }
titles.forEach(function (t) { $(t).removeClass('alertify-tabs-active'); }); titles.forEach(function (t) { $(t).removeClass('alertify-tabs-active'); });
@ -239,7 +240,7 @@ define([
}); });
titles.push(title); titles.push(title);
contents.push(content); contents.push(content);
if (tab.active) { active = i; } if (tab.active && !tab.disabled) { active = i; }
}); });
if (contents.length) { if (contents.length) {
$(contents[active]).addClass('alertify-tabs-content-active'); $(contents[active]).addClass('alertify-tabs-content-active');

17
www/common/common-ui-elements.js
Unescape Escape View File

@ -284,6 +284,12 @@ define([
UIElements.getProperties = function (common, opts, cb) { UIElements.getProperties = function (common, opts, cb) {
var data; var data;
var content; var content;
var button = [{
className: 'cancel',
name: Messages.filePicker_close,
onClick: function () {},
keys: [13,27]
}];
NThen(function (waitFor) { NThen(function (waitFor) {
getPropertiesData(common, opts, waitFor(function (e, _data) { getPropertiesData(common, opts, waitFor(function (e, _data) {
if (e) { if (e) {
@ -298,10 +304,17 @@ define([
waitFor.abort(); waitFor.abort();
return void cb(e); return void cb(e);
} }
content = c[0]; content = UI.dialog.customModal(c[0], {
buttons: button
});
})); }));
}).nThen(function () { }).nThen(function () {
var modal = UI.alert(content); var tabs = UI.dialog.tabs([{
title: Messages.fc_prop,
icon: "fa fa-info-circle",
content: content
}]);
var modal = UI.openCustomModal(tabs);
cb (void 0, modal); cb (void 0, modal);
}); });
}; };

595
www/common/inner/access.js
Unescape Escape View File

@ -9,11 +9,11 @@ define([
'/bower_components/nthen/index.js', '/bower_components/nthen/index.js',
], function ($, Util, Hash, UI, UIElements, h, ], function ($, Util, Hash, UI, UIElements, h,
Messages, nThen) { Messages, nThen) {
console.log(UI, UIElements, h);
var Access = {}; var Access = {};
var createOwnerModal = function (common, data) { var getOwnersTab = function (common, data, opts, _cb) {
var cb = Util.once(Util.mkAsync(_cb));
var friends = common.getFriends(true); var friends = common.getFriends(true);
var sframeChan = common.getSframeChannel(); var sframeChan = common.getSframeChannel();
var priv = common.getMetadataMgr().getPrivateData(); var priv = common.getMetadataMgr().getPrivateData();
@ -23,13 +23,19 @@ console.log(UI, UIElements, h);
var owners = data.owners || []; var owners = data.owners || [];
var pending_owners = data.pending_owners || []; var pending_owners = data.pending_owners || [];
var teams = priv.teams; var teams = priv.teams;
var teamsData = Util.tryParse(JSON.stringify(priv.teams)) || {};
var teamOwner = data.teamId; var teamOwner = data.teamId;
opts = opts || {};
var redrawAll = function () {}; var redrawAll = function () {};
var div1 = h('div.cp-usergrid-user.cp-share-column.cp-ownership'); var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
var div2 = h('div.cp-usergrid-user.cp-share-column.cp-ownership');
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 $div1 = $(div1);
$divMid = $(divMid);
var $div2 = $(div2); var $div2 = $(div2);
// Remove owner column // Remove owner column
@ -105,7 +111,7 @@ console.log(UI, UIElements, h);
err = err || (res && res.error); err = err || (res && res.error);
if (err) { if (err) {
waitFor.abort(); waitFor.abort();
redrawAll(); redrawAll(true);
var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
: Messages.error; : Messages.error;
return void UI.warn(text); return void UI.warn(text);
@ -127,7 +133,7 @@ console.log(UI, UIElements, h);
}, waitFor()); }, waitFor());
}); });
}).nThen(function () { }).nThen(function () {
redrawAll(); redrawAll(true);
}); });
}); });
$div.append(h('p', removeButton)); $div.append(h('p', removeButton));
@ -154,7 +160,6 @@ console.log(UI, UIElements, h);
}); });
$div.append(addCol.div); $div.append(addCol.div);
var teamsData = Util.tryParse(JSON.stringify(priv.teams)) || {};
Object.keys(teamsData).forEach(function (id) { Object.keys(teamsData).forEach(function (id) {
var t = teamsData[id]; var t = teamsData[id];
t.teamId = id; t.teamId = id;
@ -171,293 +176,289 @@ console.log(UI, UIElements, h);
$div.append(teamsList.div); $div.append(teamsList.div);
// When clicking on the add button, we get the selected users. // When clicking on the add button, we get the selected users.
var addButton = h('button.no-margin', Messages.owner_addButton); //var addButton = h('button.no-margin', Messages.owner_addButton); // XXX
$(addButton).click(function () { //$div.append(h('p', addButton));
// Check selection return $div;
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) { $(addBtn).click(function () {
var msg = Messages.owner_addConfirm; var $div = $div2.find('.cp-share-column');
UI.confirm(msg, waitFor(function (yes) { // Check selection
if (!yes) { 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(); waitFor.abort();
return; 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) { }
// Add one of our teams as an owner }).nThen(function (waitFor) {
if (toAddTeams.length) { // Offer ownership to a friend
// Send the command if (toAdd.length) {
sframeChan.query('Q_SET_PAD_METADATA', { // Send the command
channel: channel, sframeChan.query('Q_SET_PAD_METADATA', {
command: 'ADD_OWNERS', channel: channel,
value: toAddTeams.map(function (obj) { return obj.edPublic; }), command: 'ADD_PENDING_OWNERS',
teamId: teamOwner value: toAdd,
}, waitFor(function (err, res) { teamId: teamOwner
err = err || (res && res.error); }, waitFor(function (err, res) {
if (err) { err = err || (res && res.error);
waitFor.abort(); if (err) {
redrawAll(); waitFor.abort();
var text = err === "INSUFFICIENT_PERMISSIONS" ? redrawAll(true);
Messages.fm_forbidden : Messages.error; var text = err === "INSUFFICIENT_PERMISSIONS" ? Messages.fm_forbidden
return void UI.warn(text); : Messages.error;
} return void UI.warn(text);
var isTemplate = priv.isTemplate || data.isTemplate; }
toAddTeams.forEach(function (obj) { }));
sframeChan.query('Q_STORE_IN_TEAM', { }
href: data.href || data.rohref, }).nThen(function (waitFor) {
password: data.password, sel.forEach(function (el) {
path: isTemplate ? ['template'] : undefined, var curve = $(el).attr('data-curve');
title: data.title || '', var friend = curve === user.curvePublic ? user : friends[curve];
teamId: obj.id if (!friend) { return; }
}, waitFor(function (err) { common.mailbox.sendTo("ADD_OWNER", {
if (err) { return void console.error(err); } channel: channel,
})); href: data.href,
}); password: data.password,
})); title: data.title
} }, {
}).nThen(function (waitFor) { channel: friend.notifications,
// Offer ownership to a friend curvePublic: friend.curvePublic
if (toAdd.length) { }, waitFor());
// 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();
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();
UI.log(Messages.saved);
}); });
}).nThen(function () {
redrawAll(true);
UI.log(Messages.saved);
}); });
$div.append(h('p', addButton)); });
return $div;
};
redrawAll = function (md) { redrawAll = function (reload) {
var todo = function (obj) { nThen(function (waitFor) {
if (obj && obj.error) { return; } if (!reload) { return; }
owners = obj.owners || []; common.getPadMetadata({
pending_owners = obj.pending_owners || []; 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(); $div1.empty();
$div2.empty(); $div2.empty();
$div1.append(drawRemove(false)).append(drawRemove(true)); $div1.append(drawRemove(false)).append(drawRemove(true));
$div2.append(drawAdd()); $div2.append(drawAdd());
}; });
if (md) { return void todo(md); }
common.getPadMetadata({
channel: data.channel
}, todo);
}; };
redrawAll();
$div1.append(drawRemove(false)).append(drawRemove(true));
$div2.append(drawAdd());
var handler = sframeChan.on('EV_RT_METADATA', function (md) { var handler = sframeChan.on('EV_RT_METADATA', function (md) {
if (!$div1.length) { if (!$div1.length) {
return void handler.stop(); return void handler.stop();
} }
owners = md.owners || []; data.owners = md.owners || [];
pending_owners = md.pending_owners || []; data.pending_owners = md.pending_owners || [];
redrawAll(md); redrawAll();
}); });
// Create modal // Create modal
var link = h('div.cp-share-columns', [ var link = h('div.cp-share-columns', [
div1, div1,
divMid,
div2 div2
/*drawRemove()[0],
drawAdd()[0]*/
]); ]);
var linkButtons = [{ cb(void 0, link);
className: 'cancel',
name: Messages.filePicker_close,
onClick: function () {},
keys: [27]
}];
return UI.dialog.customModal(link, {buttons: linkButtons});
}; };
var getRightsProperties = function (common, data, cb) { var isOwned = function (common, data) {
var $div = $('<div>'); data = data || {};
if (!data) { return void cb(void 0, $div); } var priv = common.getMetadataMgr().getPrivateData();
var edPublic = priv.edPublic;
var draw = function () { var owned = false;
var $d = $('<div>'); if (data.owners && data.owners.length) {
var priv = common.getMetadataMgr().getPrivateData(); if (data.owners.indexOf(edPublic) !== -1) {
var user = common.getMetadataMgr().getUserData(); owned = true;
var edPublic = priv.edPublic; } else {
var owned = false; Object.keys(priv.teams || {}).some(function (id) {
var _owners = {}; var team = priv.teams[id] || {};
if (data.owners && data.owners.length) { if (team.viewer) { return; }
if (data.owners.indexOf(edPublic) !== -1) { if (data.owners.indexOf(team.edPublic) === -1) { return; }
owned = true; owned = id;
} else { return true;
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;
});
}
var strangers = 0;
data.owners.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
strangers++;
}); });
if (strangers) {
_owners['stangers'] = {
name: Messages._getKey('properties_unknownUser', [strangers]),
};
}
} }
var _ownersGrid = UIElements.getUserGrid(Messages.creation_owners, { }
common: common, return owned;
noSelect: true, };
data: _owners,
large: true
}, function () {});
if (_ownersGrid && Object.keys(_owners).length) {
$d.append(_ownersGrid.div);
} else {
$d.append([
h('label', Messages.creation_owners),
]);
$d.append(UI.dialog.selectable(Messages.creation_noOwner, {
id: 'cp-app-prop-owners',
}));
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
var parsed; if (Object.keys(priv.teams || {}).some(function (id) {
if (data.href || data.roHref) { var team = priv.teams[id] || {};
parsed = Hash.parsePadUrl(data.href || data.roHref); if (team.edPublic !== ed) { return; }
_owners[ed] = {
name: team.name,
avatar: team.avatar
};
return true;
})) {
return;
} }
if (owned && parsed.hashData.type === 'pad') { // One of our friends? print the friend name
var manageOwners = h('button.no-margin', Messages.owner_openModalButton); if (Object.keys(priv.friends || {}).some(function (c) {
$(manageOwners).click(function () { var friend = priv.friends[c] || {};
data.teamId = typeof(owned) !== "boolean" ? owned : undefined; if (friend.edPublic !== ed || c === 'me') { return; }
var modal = createOwnerModal(common, data); _owners[friend.edPublic] = {
UI.openCustomModal(modal, { name: friend.displayName,
wide: true, avatar: friend.avatar
}); };
}); return true;
$d.append(h('p', manageOwners)); })) {
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 () {});
};
if (!data.noExpiration) { var getAccessTab = function (common, data, opts, _cb) {
var cb = Util.once(Util.mkAsync(_cb));
opts = opts || {};
var priv = common.getMetadataMgr().getPrivateData();
var edPublic = priv.edPublic;
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; var expire = Messages.creation_expireFalse;
if (data.expire && typeof (data.expire) === "number") { if (data.expire && typeof (data.expire) === "number") {
expire = new Date(data.expire).toLocaleString(); expire = new Date(data.expire).toLocaleString();
} }
$('<label>', {'for': 'cp-app-prop-expire'}).text(Messages.creation_expiration) $d.append(h('div.cp-app-prop', [
.appendTo($d); Messages.creation_expiration,
$d.append(UI.dialog.selectable(expire, { h('br'),
id: 'cp-app-prop-expire', h('span.cp-app-prop-content', expire)
})); ]));
} }
var $pwLabel = $('<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) { if (!data.noPassword) {
var hasPassword = data.password; var hasPassword = data.password;
var $pwLabel = $('<label>', {'for': 'cp-app-prop-password'}).text(Messages.creation_passwordValue) var $password = $(password);
.hide().appendTo($d);
var password = UI.passwordInput({
id: 'cp-app-prop-password',
readonly: 'readonly'
});
var $password = $(password).hide();
var $pwInput = $password.find('.cp-password-input'); var $pwInput = $password.find('.cp-password-input');
$pwInput.val(data.password).click(function () { $pwInput.val(data.password || '').click(function () {
$pwInput[0].select(); $pwInput[0].select();
}); });
$d.append(password);
if (hasPassword) {
$pwLabel.show();
$password.css('display', 'flex');
}
// In the properties, we should have the edit href if we know it. // 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... // We should know it because the pad is stored, but it's better to check...
@ -532,8 +533,6 @@ console.log(UI, UIElements, h);
} }
UI.findOKButton().click(); UI.findOKButton().click();
$pwLabel.show();
$password.css('display', 'flex');
$pwInput.val(newPass); $pwInput.val(newPass);
// If the current document is a file or if we're changing the password from a drive, // If the current document is a file or if we're changing the password from a drive,
@ -576,8 +575,45 @@ console.log(UI, UIElements, h);
} }
return $d; return $d;
}; };
var drawRight = function () {
var content = [
h('label', Messages.creation_owners),
];
var _ownersGrid = getUserList(common, data.owners);
if (_ownersGrid && _ownersGrid.div) {
content.push(_ownersGrid.div);
} else {
content.push(UI.dialog.selectable(Messages.creation_noOwner, {
id: 'cp-app-prop-owners',
}));
}
/*
var owned = isOwned(common, data);
var parsed = Hash.parsePadUrl(data.href || data.roHref);
if (!parsed || !parsed.hashData) { return; }
if (owned && parsed.hashData.type === 'pad') {
var manageOwners = h('button.no-margin', Messages.owner_openModalButton);
$(manageOwners).click(function () {
data.teamId = typeof(owned) !== "boolean" ? owned : undefined;
var modal = createOwnerModal(common, data);
UI.openCustomModal(modal, {
wide: true,
});
});
$d.append(h('p', manageOwners));
}
*/
return h('div', content);
};
var sframeChan = common.getSframeChannel(); var sframeChan = common.getSframeChannel();
var redraw = function () {
$div1.empty();
$div1.append(drawLeft());
$div2.empty();
$div2.append(drawRight());
};
var handler = sframeChan.on('EV_RT_METADATA', function (md) { var handler = sframeChan.on('EV_RT_METADATA', function (md) {
if (!$div.length) { if (!$div.length) {
handler.stop(); handler.stop();
@ -587,10 +623,9 @@ console.log(UI, UIElements, h);
data.owners = md.owners; data.owners = md.owners;
data.expire = md.expire; data.expire = md.expire;
data.pending_owners = md.pending_owners; data.pending_owners = md.pending_owners;
$div.empty(); redraw();
$div.append(draw());
}); });
$div.append(draw()); redraw();
cb(void 0, $div); cb(void 0, $div);
}; };
@ -631,7 +666,14 @@ console.log(UI, UIElements, h);
}; };
Access.getAccessModal = function (common, opts, cb) { Access.getAccessModal = function (common, opts, cb) {
var data; var data;
var content; var tab1, tab2, tab3;
var owned = false;
var button = [{
className: 'cancel',
name: Messages.filePicker_close,
onClick: function () {},
keys: [13,27]
}];
nThen(function (waitFor) { nThen(function (waitFor) {
getAccessData(common, opts, waitFor(function (e, _data) { getAccessData(common, opts, waitFor(function (e, _data) {
if (e) { if (e) {
@ -641,15 +683,48 @@ console.log(UI, UIElements, h);
data = _data; data = _data;
})); }));
}).nThen(function (waitFor) { }).nThen(function (waitFor) {
getRightsProperties(common, data, waitFor(function (e, c) { owned = isOwned(common, data);
getAccessTab(common, data, opts, waitFor(function (e, c) {
if (e) { if (e) {
waitFor.abort(); waitFor.abort();
return void cb(e); return void cb(e);
} }
content = c[0]; tab1 = UI.dialog.customModal(c[0], {
buttons: button
});
}));
if (!owned) { return; }
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 () { }).nThen(function () {
var modal = UI.alert(content); var tabs = UI.dialog.tabs([{
title: "ACCESS", // XXX
icon: "fa fa-unlock-alt",
content: tab1
}, {
title: "ALLOW LIST", // XXX
disabled: !owned,
icon: "fa fa-list",
content: h('div')
}, {
title: Messages.creation_owners,
disabled: !owned,
icon: "fa fa-id-badge",
content: tab3
}]);
var modal = UI.openCustomModal(tabs, {
wide: true
});
cb (void 0, modal); cb (void 0, modal);
}); });
}; };

Write Preview
Loading…
Cancel
Save