Display a team drive
yflory
parent
222ea650d1
commit
fa2d148df4
|
|
@ -40,6 +40,7 @@ define([
|
|||
Pinpad.create(ctx.store.network, data, function (e, call) {
|
||||
if (e) { return void cb(e); }
|
||||
team.rpc = call;
|
||||
cb();
|
||||
// XXX get pin limit?
|
||||
});
|
||||
});
|
||||
|
|
@ -159,7 +160,6 @@ define([
|
|||
});
|
||||
}
|
||||
delete ctx.onReadyHandlers[id];
|
||||
console.log(cb);
|
||||
cb();
|
||||
});
|
||||
|
||||
|
|
@ -171,7 +171,7 @@ define([
|
|||
|
||||
var cfg = {
|
||||
data: {},
|
||||
readOnly: Boolean(secret.keys.signKey),
|
||||
readOnly: !Boolean(secret.keys.signKey),
|
||||
network: ctx.store.network,
|
||||
channel: secret.channel,
|
||||
crypto: crypto,
|
||||
|
|
@ -192,15 +192,13 @@ define([
|
|||
var createTeam = function (ctx, data, cId, _cb) {
|
||||
var cb = Util.once(_cb);
|
||||
|
||||
console.log(data);
|
||||
|
||||
var password = Hash.createChannelId();
|
||||
var hash = Hash.createRandomHash('team', password);
|
||||
var secret = Hash.getSecrets('team', hash, password);
|
||||
var keyPair = Nacl.sign.keyPair(); // keyPair.secretKey , keyPair.publicKey
|
||||
|
||||
var membersSecret = Hash.getSecrets('members');
|
||||
var membersHashes = Hash.getHashes(secret);
|
||||
var membersHashes = Hash.getHashes(membersSecret);
|
||||
|
||||
var config = {
|
||||
network: ctx.store.network,
|
||||
|
|
@ -231,8 +229,8 @@ console.log(data);
|
|||
// Store keys in our drive
|
||||
var id = Util.createRandomInteger();
|
||||
var keys = {
|
||||
edPrivate: keyPair.secretKey,
|
||||
edPublic: keyPair.publicKey
|
||||
edPrivate: Nacl.util.encodeBase64(keyPair.secretKey),
|
||||
edPublic: Nacl.util.encodeBase64(keyPair.publicKey)
|
||||
};
|
||||
ctx.store.proxy.teams[id] = {
|
||||
hash: hash,
|
||||
|
|
@ -249,7 +247,7 @@ console.log(data);
|
|||
members: membersHashes.viewHash,
|
||||
};
|
||||
// Add rpc key
|
||||
proxy.edPublic = keyPair.publicKey;
|
||||
proxy.edPublic = Nacl.util.encodeBase64(keyPair.publicKey);
|
||||
|
||||
onReady(ctx, id, lm, {
|
||||
edPrivate: keyPair.secretKey,
|
||||
|
|
|
|||
|
|
@ -12,19 +12,18 @@
|
|||
.drive_main();
|
||||
.sidebar-layout_main();
|
||||
|
||||
.cp-app-team-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-flow: row;
|
||||
.cp-app-team-drive {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
&.hidden {
|
||||
display: none;
|
||||
#cp-sidebarlayout-container {
|
||||
div#cp-sidebarlayout-rightside.cp-rightside-drive {
|
||||
padding: 0;
|
||||
& > .cp-team-drive {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
.cp-app-drive-container {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,8 @@
|
|||
<body class="cp-app-team cp-body-drive">
|
||||
<div id="cp-toolbar" class="cp-toolbar-container"></div>
|
||||
<div id="cp-sidebarlayout-container" class="cp-app-team-container">
|
||||
<!-- <div class="cp-app-team-drive">
|
||||
<!--
|
||||
<div class="cp-app-team-drive">
|
||||
<div class="cp-app-drive-container" tabindex="0">
|
||||
<div id="cp-app-drive-tree">
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -83,16 +83,137 @@ define([
|
|||
],
|
||||
};
|
||||
var teamCategories = {
|
||||
'back': [
|
||||
],
|
||||
'back': {
|
||||
onClick: function (common) {
|
||||
var sframeChan = common.getSframeChannel();
|
||||
sframeChan.query('Q_SET_TEAM', null, function (err) {
|
||||
if (err) { return void console.error(err); }
|
||||
APP.buildUI(common);
|
||||
});
|
||||
}
|
||||
},
|
||||
'drive': [
|
||||
'cp-team-drive'
|
||||
],
|
||||
'members': [
|
||||
'cp-team-roster'
|
||||
],
|
||||
};
|
||||
|
||||
var create = {};
|
||||
|
||||
// Sidebar layout
|
||||
|
||||
var hideCategories = function () {
|
||||
APP.$rightside.find('> div').hide();
|
||||
};
|
||||
var showCategories = function (cat) {
|
||||
hideCategories();
|
||||
cat.forEach(function (c) {
|
||||
APP.$rightside.find('.'+c).show();
|
||||
});
|
||||
};
|
||||
var createLeftSide = APP.createLeftSide = function (common, team) {
|
||||
APP.$leftside.empty();
|
||||
var $categories = $('<div>', {'class': 'cp-sidebarlayout-categories'})
|
||||
.appendTo(APP.$leftside);
|
||||
|
||||
var categories = team ? teamCategories : mainCategories;
|
||||
var active = team ? 'drive' : 'list';
|
||||
|
||||
Object.keys(categories).forEach(function (key) {
|
||||
var $category = $('<div>', {'class': 'cp-sidebarlayout-category cp-team-cat-'+key}).appendTo($categories);
|
||||
if (key === 'general') { $category.append($('<span>', {'class': 'fa fa-info-circle'})); }
|
||||
if (key === 'list') { $category.append($('<span>', {'class': 'fa fa-list cp-team-cat-list'})); }
|
||||
if (key === 'create') { $category.append($('<span>', {'class': 'fa fa-plus-circle'})); }
|
||||
if (key === 'back') { $category.append($('<span>', {'class': 'fa fa-arrow-left'})); }
|
||||
if (key === 'members') { $category.append($('<span>', {'class': 'fa fa-users'})); }
|
||||
if (key === 'drive') { $category.append($('<span>', {'class': 'fa fa-hdd-o'})); }
|
||||
|
||||
if (key === active) {
|
||||
$category.addClass('cp-leftside-active');
|
||||
}
|
||||
|
||||
$category.click(function () {
|
||||
if (!Array.isArray(categories[key]) && categories[key].onClick) {
|
||||
categories[key].onClick(common);
|
||||
return;
|
||||
}
|
||||
if (active === key) { return; }
|
||||
active = key;
|
||||
if (key === 'drive') {
|
||||
APP.$rightside.addClass('cp-rightside-drive');
|
||||
} else {
|
||||
APP.$rightside.removeClass('cp-rightside-drive');
|
||||
}
|
||||
|
||||
$categories.find('.cp-leftside-active').removeClass('cp-leftside-active');
|
||||
$category.addClass('cp-leftside-active');
|
||||
showCategories(categories[key]);
|
||||
});
|
||||
|
||||
$category.append(Messages['team_cat_'+key] || key); // XXX
|
||||
});
|
||||
if (active === 'drive') {
|
||||
APP.$rightside.addClass('cp-rightside-drive');
|
||||
}
|
||||
showCategories(categories[active]);
|
||||
};
|
||||
|
||||
var buildUI = APP.buildUI = function (common, team) {
|
||||
var $rightside = APP.$rightside;
|
||||
$rightside.empty();
|
||||
var addItem = function (cssClass) {
|
||||
var item = cssClass.slice(8);
|
||||
if (typeof (create[item]) === "function") {
|
||||
$rightside.append(create[item](common));
|
||||
}
|
||||
};
|
||||
var categories = team ? teamCategories : mainCategories;
|
||||
for (var cat in categories) {
|
||||
if (!Array.isArray(categories[cat])) { continue; }
|
||||
categories[cat].forEach(addItem);
|
||||
}
|
||||
|
||||
createLeftSide(common, team);
|
||||
};
|
||||
|
||||
// Team APP
|
||||
|
||||
var loadTeam = function (common, firstLoad) {
|
||||
var sframeChan = common.getSframeChannel();
|
||||
var proxy = {};
|
||||
var folders = {};
|
||||
if (firstLoad) {
|
||||
buildUI(common, true);
|
||||
}
|
||||
nThen(function (waitFor) {
|
||||
updateObject(sframeChan, proxy, waitFor(function () {
|
||||
updateSharedFolders(sframeChan, null, proxy.drive, folders, waitFor());
|
||||
}));
|
||||
}).nThen(function () {
|
||||
if (!proxy.drive || typeof(proxy.drive) !== 'object') {
|
||||
throw new Error("Corrupted drive");
|
||||
}
|
||||
var drive = DriveUI.create(common, {
|
||||
proxy: proxy,
|
||||
folders: folders,
|
||||
updateObject: updateObject,
|
||||
updateSharedFolders: updateSharedFolders,
|
||||
APP: driveAPP
|
||||
});
|
||||
driveAPP.refresh = drive.refresh;
|
||||
});
|
||||
};
|
||||
|
||||
var loadMain = function (common) {
|
||||
buildUI(common);
|
||||
UI.removeLoadingScreen();
|
||||
};
|
||||
|
||||
|
||||
// Rightside elements
|
||||
|
||||
var makeBlock = function (key, getter) {
|
||||
create[key] = function (common) {
|
||||
var $div = $('<div>', {'class': 'cp-team-' + key + ' cp-sidebarlayout-element'});
|
||||
|
|
@ -111,6 +232,7 @@ define([
|
|||
});
|
||||
|
||||
var refreshList = function (common, cb) {
|
||||
var sframeChan = common.getSframeChannel();
|
||||
var content = [];
|
||||
content.push(h('h3', 'Your teams'));
|
||||
APP.module.execCommand('LIST_TEAMS', null, function (obj) {
|
||||
|
|
@ -126,7 +248,10 @@ define([
|
|||
h('li', a) // XXX
|
||||
])));
|
||||
$(a).click(function () {
|
||||
console.log('okok'); // XXX
|
||||
sframeChan.query('Q_SET_TEAM', id, function (err) {
|
||||
if (err) { return void console.error(err); }
|
||||
buildUI(common, true);
|
||||
});
|
||||
});
|
||||
});
|
||||
content.push(h('ul', lis));
|
||||
|
|
@ -174,101 +299,26 @@ define([
|
|||
cb(content);
|
||||
});
|
||||
|
||||
// Sidebar layout
|
||||
makeBlock('back', function (common, cb) {
|
||||
refreshList(common, cb);
|
||||
});
|
||||
|
||||
var hideCategories = function () {
|
||||
APP.$rightside.find('> div').hide();
|
||||
};
|
||||
var showCategories = function (cat) {
|
||||
hideCategories();
|
||||
cat.forEach(function (c) {
|
||||
APP.$rightside.find('.'+c).show();
|
||||
});
|
||||
};
|
||||
var createLeftside = function (team) {
|
||||
APP.$leftside.empty();
|
||||
var $categories = $('<div>', {'class': 'cp-sidebarlayout-categories'})
|
||||
.appendTo(APP.$leftside);
|
||||
makeBlock('drive', function (common, cb) {
|
||||
var $div = $('div.cp-team-drive').empty();
|
||||
var content = [
|
||||
h('div.cp-app-drive-container', {tabindex:0}, [
|
||||
h('div#cp-app-drive-tree'),
|
||||
h('div#cp-app-drive-content-container', [
|
||||
h('div#cp-app-drive-toolbar'),
|
||||
h('div#cp-app-drive-content', {tabindex:2})
|
||||
])
|
||||
])
|
||||
];
|
||||
UI.addLoadingScreen();
|
||||
cb(content);
|
||||
loadTeam(common, false);
|
||||
});
|
||||
|
||||
var categories = team ? teamCategories : mainCategories;
|
||||
var active = team ? 'drive' : 'general';
|
||||
|
||||
Object.keys(categories).forEach(function (key) {
|
||||
var $category = $('<div>', {'class': 'cp-sidebarlayout-category cp-team-cat-'+key}).appendTo($categories);
|
||||
if (key === 'general') { $category.append($('<span>', {'class': 'fa fa-info-circle'})); }
|
||||
if (key === 'list') { $category.append($('<span>', {'class': 'fa fa-list cp-team-cat-list'})); }
|
||||
if (key === 'create') { $category.append($('<span>', {'class': 'fa fa-plus-circle'})); }
|
||||
if (key === 'back') { $category.append($('<span>', {'class': 'fa fa-arrow-left'})); }
|
||||
if (key === 'members') { $category.append($('<span>', {'class': 'fa fa-users'})); }
|
||||
if (key === 'drive') { $category.append($('<span>', {'class': 'fa fa-hdd-o'})); }
|
||||
|
||||
if (key === active) {
|
||||
$category.addClass('cp-leftside-active');
|
||||
}
|
||||
|
||||
$category.click(function () {
|
||||
if (!Array.isArray(categories[key]) && categories[key].onClick) {
|
||||
categories[key].onClick();
|
||||
return;
|
||||
}
|
||||
$categories.find('.cp-leftside-active').removeClass('cp-leftside-active');
|
||||
$category.addClass('cp-leftside-active');
|
||||
showCategories(categories[key]);
|
||||
});
|
||||
|
||||
$category.append(Messages['team_cat_'+key] || key); // XXX
|
||||
});
|
||||
showCategories(categories[active]);
|
||||
};
|
||||
|
||||
var buildUI = function (common, team) {
|
||||
var $rightside = APP.$rightside;
|
||||
$rightside.empty();
|
||||
var addItem = function (cssClass) {
|
||||
var item = cssClass.slice(8);
|
||||
if (typeof (create[item]) === "function") {
|
||||
$rightside.append(create[item](common));
|
||||
}
|
||||
};
|
||||
var categories = team ? teamCategories : mainCategories;
|
||||
for (var cat in categories) {
|
||||
if (!Array.isArray(categories[cat])) { continue; }
|
||||
categories[cat].forEach(addItem);
|
||||
}
|
||||
|
||||
createLeftside(team);
|
||||
};
|
||||
|
||||
// Team APP
|
||||
|
||||
var loadTeam = function (common) {
|
||||
var sframeChan = common.getSframeChannel();
|
||||
var proxy = {};
|
||||
var folders = {};
|
||||
nThen(function (waitFor) {
|
||||
updateObject(sframeChan, proxy, waitFor(function () {
|
||||
updateSharedFolders(sframeChan, null, proxy.drive, folders, waitFor());
|
||||
}));
|
||||
}).nThen(function () {
|
||||
if (!proxy.drive || typeof(proxy.drive) !== 'object') {
|
||||
throw new Error("Corrupted drive");
|
||||
}
|
||||
var drive = DriveUI.create(common, {
|
||||
proxy: proxy,
|
||||
folders: folders,
|
||||
updateObject: updateObject,
|
||||
updateSharedFolders: updateSharedFolders,
|
||||
APP: driveAPP
|
||||
});
|
||||
driveAPP.refresh = drive.refresh;
|
||||
});
|
||||
buildUI(common, true);
|
||||
};
|
||||
|
||||
var loadMain = function (common) {
|
||||
buildUI(common);
|
||||
UI.removeLoadingScreen();
|
||||
};
|
||||
|
||||
var onEvent = function (obj) {
|
||||
var ev = obj.ev;
|
||||
|
|
@ -351,7 +401,7 @@ define([
|
|||
|
||||
$('body').css('display', '');
|
||||
if (privateData.teamId) {
|
||||
loadTeam(common, privateData.teamId);
|
||||
loadTeam(common, privateData.teamId, true);
|
||||
} else {
|
||||
loadMain(common);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@ define([
|
|||
var afterSecrets = function (Cryptpad, Utils, secret, cb) {
|
||||
var hash = window.location.hash.slice(1);
|
||||
if (hash && Utils.LocalStore.isLoggedIn()) {
|
||||
return; // XXX How to add a shared folder?
|
||||
// Add a shared folder!
|
||||
Cryptpad.addSharedFolder(teamId, secret, function (id) {
|
||||
window.CryptPad_newSharedFolder = id;
|
||||
|
|
@ -58,7 +59,13 @@ define([
|
|||
cb();
|
||||
};
|
||||
var addRpc = function (sframeChan, Cryptpad, Utils) {
|
||||
sframeChan.on('Q_SET_TEAM', function (data, cb) {
|
||||
teamId = data;
|
||||
cb();
|
||||
});
|
||||
|
||||
sframeChan.on('Q_DRIVE_USEROBJECT', function (data, cb) {
|
||||
if (!teamId) { return void cb({error: 'EINVAL'}); }
|
||||
data.teamId = teamId;
|
||||
Cryptpad.userObjectCommand(data, cb);
|
||||
});
|
||||
|
|
@ -68,6 +75,7 @@ define([
|
|||
Cryptpad.restoreDrive(data, cb);
|
||||
});*/
|
||||
sframeChan.on('Q_DRIVE_GETOBJECT', function (data, cb) {
|
||||
if (!teamId) { return void cb({error: 'EINVAL'}); }
|
||||
if (data && data.sharedFolder) {
|
||||
Cryptpad.getSharedFolder({
|
||||
teamId: teamId,
|
||||
|
|
|
|||
Loading…
Reference in New Issue