|
|
define([
|
|
|
'jquery',
|
|
|
'/common/toolbar3.js',
|
|
|
'/common/drive-ui.js',
|
|
|
'/common/common-util.js',
|
|
|
'/common/common-hash.js',
|
|
|
'/common/common-interface.js',
|
|
|
'/common/common-ui-elements.js',
|
|
|
'/common/common-feedback.js',
|
|
|
'/common/common-constants.js',
|
|
|
'/bower_components/nthen/index.js',
|
|
|
'/common/sframe-common.js',
|
|
|
'/common/proxy-manager.js',
|
|
|
'/common/hyperscript.js',
|
|
|
'/customize/application_config.js',
|
|
|
'/common/messenger-ui.js',
|
|
|
'/customize/messages.js',
|
|
|
|
|
|
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
|
|
|
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
|
|
'less!/teams/app-team.less',
|
|
|
], function (
|
|
|
$,
|
|
|
Toolbar,
|
|
|
DriveUI,
|
|
|
Util,
|
|
|
Hash,
|
|
|
UI,
|
|
|
UIElements,
|
|
|
Feedback,
|
|
|
Constants,
|
|
|
nThen,
|
|
|
SFCommon,
|
|
|
ProxyManager,
|
|
|
h,
|
|
|
AppConfig,
|
|
|
MessengerUI,
|
|
|
Messages)
|
|
|
{
|
|
|
var APP = {};
|
|
|
var driveAPP = {};
|
|
|
//var SHARED_FOLDER_NAME = Messages.fm_sharedFolderName;
|
|
|
|
|
|
var copyObjectValue = function (objRef, objToCopy) {
|
|
|
for (var k in objRef) { delete objRef[k]; }
|
|
|
$.extend(true, objRef, objToCopy);
|
|
|
};
|
|
|
var updateSharedFolders = function (sframeChan, manager, drive, folders, cb) {
|
|
|
if (!drive || !drive.sharedFolders) {
|
|
|
return void cb();
|
|
|
}
|
|
|
var oldIds = Object.keys(folders);
|
|
|
nThen(function (waitFor) {
|
|
|
Object.keys(drive.sharedFolders).forEach(function (fId) {
|
|
|
var sfData = drive.sharedFolders[fId] || {};
|
|
|
var parsed = Hash.parsePadUrl(sfData.href);
|
|
|
var secret = Hash.getSecrets('drive', parsed.hash, sfData.password);
|
|
|
sframeChan.query('Q_DRIVE_GETOBJECT', {
|
|
|
sharedFolder: fId
|
|
|
}, waitFor(function (err, newObj) {
|
|
|
folders[fId] = folders[fId] || {};
|
|
|
copyObjectValue(folders[fId], newObj);
|
|
|
if (manager && oldIds.indexOf(fId) === -1) {
|
|
|
manager.addProxy(fId, { proxy: folders[fId] }, null, secret.keys.secondaryKey);
|
|
|
}
|
|
|
}));
|
|
|
});
|
|
|
}).nThen(function () {
|
|
|
cb();
|
|
|
});
|
|
|
};
|
|
|
var updateObject = function (sframeChan, obj, cb) {
|
|
|
sframeChan.query('Q_DRIVE_GETOBJECT', null, function (err, newObj) {
|
|
|
copyObjectValue(obj, newObj);
|
|
|
cb();
|
|
|
});
|
|
|
};
|
|
|
|
|
|
var setEditable = DriveUI.setEditable;
|
|
|
|
|
|
var mainCategories = {
|
|
|
'list': [
|
|
|
'cp-team-list',
|
|
|
],
|
|
|
'create': [
|
|
|
'cp-team-create',
|
|
|
],
|
|
|
'general': [
|
|
|
'cp-team-info',
|
|
|
],
|
|
|
};
|
|
|
var teamCategories = {
|
|
|
'back': {
|
|
|
onClick: function (common) {
|
|
|
var sframeChan = common.getSframeChannel();
|
|
|
APP.module.execCommand('SUBSCRIBE', null, function () {
|
|
|
sframeChan.query('Q_SET_TEAM', null, function (err) {
|
|
|
if (err) { return void console.error(err); }
|
|
|
if (APP.drive && APP.drive.close) { APP.drive.close(); }
|
|
|
$('.cp-toolbar-title-value').text(Messages.type.teams);
|
|
|
sframeChan.event('EV_SET_TAB_TITLE', Messages.type.teams);
|
|
|
APP.team = null;
|
|
|
APP.teamEdPublic = null;
|
|
|
APP.drive = null;
|
|
|
APP.buildUI(common);
|
|
|
if (APP.usageBar) {
|
|
|
APP.usageBar.stop();
|
|
|
APP.usageBar = null;
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
'drive': [
|
|
|
'cp-team-drive'
|
|
|
],
|
|
|
'members': [
|
|
|
'cp-team-roster'
|
|
|
],
|
|
|
'chat': [
|
|
|
'cp-team-chat'
|
|
|
],
|
|
|
'admin': [
|
|
|
'cp-team-edpublic',
|
|
|
'cp-team-name',
|
|
|
'cp-team-avatar',
|
|
|
'cp-team-delete',
|
|
|
],
|
|
|
};
|
|
|
|
|
|
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, teamAdmin) {
|
|
|
APP.$leftside.empty();
|
|
|
var $categories = $('<div>', {'class': 'cp-sidebarlayout-categories'})
|
|
|
.appendTo(APP.$leftside);
|
|
|
|
|
|
var categories = team ? teamCategories : mainCategories;
|
|
|
var active = team ? 'drive' : 'list';
|
|
|
|
|
|
if (team && APP.team) {
|
|
|
var $category = $('<div>', {'class': 'cp-sidebarlayout-category cp-team-cat-header'}).appendTo($categories);
|
|
|
var avatar = h('div.cp-avatar');
|
|
|
var $avatar = $(avatar);
|
|
|
APP.module.execCommand('GET_TEAM_METADATA', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
common.displayAvatar($avatar, obj.avatar, obj.name);
|
|
|
$category.append($avatar);
|
|
|
$avatar.append(h('span.cp-sidebarlayout-category-name', obj.name));
|
|
|
});
|
|
|
}
|
|
|
|
|
|
Object.keys(categories).forEach(function (key) {
|
|
|
if (key === 'admin' && !teamAdmin) { return; }
|
|
|
|
|
|
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 === 'chat') { $category.append($('<span>', {'class': 'fa fa-comments'})); }
|
|
|
if (key === 'drive') { $category.append($('<span>', {'class': 'fa fa-hdd-o'})); }
|
|
|
if (key === 'admin') { $category.append($('<span>', {'class': 'fa fa-cogs'})); }
|
|
|
|
|
|
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' || key === 'chat') {
|
|
|
APP.$rightside.addClass('cp-rightside-drive');
|
|
|
APP.$leftside.addClass('cp-leftside-narrow');
|
|
|
} else {
|
|
|
APP.$rightside.removeClass('cp-rightside-drive');
|
|
|
APP.$leftside.removeClass('cp-leftside-narrow');
|
|
|
}
|
|
|
if (key === 'chat') {
|
|
|
$category.find('.cp-team-chat-notification').removeClass('cp-team-chat-notification');
|
|
|
}
|
|
|
|
|
|
$categories.find('.cp-leftside-active').removeClass('cp-leftside-active');
|
|
|
$category.addClass('cp-leftside-active');
|
|
|
showCategories(categories[key]);
|
|
|
});
|
|
|
|
|
|
$category.append(h('span.cp-sidebarlayout-category-name', Messages['team_cat_'+key] || key));
|
|
|
});
|
|
|
if (active === 'drive') {
|
|
|
APP.$rightside.addClass('cp-rightside-drive');
|
|
|
APP.$leftside.on('mouseover', function() {
|
|
|
APP.$leftside.addClass('cp-leftside-narrow');
|
|
|
APP.$leftside.off('mouseover');
|
|
|
});
|
|
|
} else {
|
|
|
APP.$rightside.removeClass('cp-rightside-drive');
|
|
|
APP.$leftside.removeClass('cp-leftside-narrow');
|
|
|
}
|
|
|
showCategories(categories[active]);
|
|
|
};
|
|
|
|
|
|
var buildUI = APP.buildUI = function (common, team, teamAdmin) {
|
|
|
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, teamAdmin);
|
|
|
};
|
|
|
|
|
|
// Team APP
|
|
|
|
|
|
var loadTeam = function (common, id) {
|
|
|
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");
|
|
|
}
|
|
|
if (APP.usageBar) { APP.usageBar.stop(); }
|
|
|
APP.usageBar = common.createUsageBar(APP.team, function (err, $limitContainer) {
|
|
|
if (err) { return void DriveUI.logError(err); }
|
|
|
driveAPP.$limit = $limitContainer;
|
|
|
$limitContainer.attr('title', Messages.team_quota);
|
|
|
}, true);
|
|
|
driveAPP.team = id;
|
|
|
|
|
|
// Provide secondaryKey
|
|
|
var teamData = (proxy.teams || {})[id];
|
|
|
var secret;
|
|
|
if (teamData) {
|
|
|
secret = Hash.getSecrets('team', teamData.hash, teamData.password);
|
|
|
}
|
|
|
var drive = DriveUI.create(common, {
|
|
|
proxy: proxy,
|
|
|
folders: folders,
|
|
|
updateObject: updateObject,
|
|
|
updateSharedFolders: updateSharedFolders,
|
|
|
APP: driveAPP,
|
|
|
edPublic: APP.teamEdPublic,
|
|
|
editKey: secret && secret.keys.secondaryKey
|
|
|
});
|
|
|
APP.drive = drive;
|
|
|
driveAPP.refresh = drive.refresh;
|
|
|
});
|
|
|
};
|
|
|
|
|
|
var loadMain = function (common) {
|
|
|
buildUI(common);
|
|
|
UI.removeLoadingScreen();
|
|
|
};
|
|
|
|
|
|
|
|
|
// Rightside elements
|
|
|
|
|
|
var makeBlock = function (key, getter, full) {
|
|
|
var safeKey = key.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); });
|
|
|
|
|
|
create[key] = function (common) {
|
|
|
var $div = $('<div>', {'class': 'cp-team-' + key + ' cp-sidebarlayout-element'});
|
|
|
if (full) {
|
|
|
$('<label>').text(Messages['team_'+safeKey+'Title'] || key).appendTo($div);
|
|
|
$('<span>', {'class': 'cp-sidebarlayout-description'})
|
|
|
.text(Messages['team_'+safeKey+'Hint'] || 'Coming soon...').appendTo($div);
|
|
|
}
|
|
|
getter(common, function (content) {
|
|
|
$div.append(content);
|
|
|
}, $div);
|
|
|
return $div;
|
|
|
};
|
|
|
};
|
|
|
|
|
|
makeBlock('info', function (common, cb) {
|
|
|
cb([
|
|
|
h('h3', Messages.team_infoLabel),
|
|
|
h('p', Messages.team_infoContent)
|
|
|
]);
|
|
|
});
|
|
|
|
|
|
var MAX_TEAMS_SLOTS = Constants.MAX_TEAMS_SLOTS;
|
|
|
var refreshList = function (common, cb) {
|
|
|
var sframeChan = common.getSframeChannel();
|
|
|
var content = [];
|
|
|
APP.module.execCommand('LIST_TEAMS', null, function (obj) {
|
|
|
if (!obj) { return; }
|
|
|
if (obj.error) { return void console.error(obj.error); }
|
|
|
var list = [];
|
|
|
var keys = Object.keys(obj).slice(0,3);
|
|
|
var slots = '('+Math.min(keys.length, MAX_TEAMS_SLOTS)+'/'+MAX_TEAMS_SLOTS+')';
|
|
|
for (var i = keys.length; i < MAX_TEAMS_SLOTS; i++) {
|
|
|
obj[i] = {
|
|
|
empty: true
|
|
|
};
|
|
|
keys.push(i);
|
|
|
}
|
|
|
|
|
|
content.push(h('h3', Messages.team_listTitle + ' ' + slots));
|
|
|
|
|
|
keys.forEach(function (id) {
|
|
|
var team = obj[id];
|
|
|
if (team.empty) {
|
|
|
list.push(h('div.cp-team-list-team.empty', [
|
|
|
h('span.cp-team-list-name.empty', Messages.team_listSlot)
|
|
|
]));
|
|
|
return;
|
|
|
}
|
|
|
var btn;
|
|
|
var avatar = h('span.cp-avatar');
|
|
|
list.push(h('div.cp-team-list-team', [
|
|
|
h('span.cp-team-list-avatar', avatar),
|
|
|
h('span.cp-team-list-name', {
|
|
|
title: team.metadata.name
|
|
|
}, team.metadata.name),
|
|
|
btn = h('button.cp-team-list-open.btn.btn-primary', Messages.team_listLoad)
|
|
|
]));
|
|
|
common.displayAvatar($(avatar), team.metadata.avatar, team.metadata.name);
|
|
|
$(btn).click(function () {
|
|
|
APP.module.execCommand('SUBSCRIBE', id, function () {
|
|
|
var t = Messages._getKey('team_title', [Util.fixHTML(team.metadata.name)]);
|
|
|
sframeChan.query('Q_SET_TEAM', id, function (err) {
|
|
|
if (err) { return void console.error(err); }
|
|
|
// Change title
|
|
|
$('.cp-toolbar-title-value').text(t);
|
|
|
sframeChan.event('EV_SET_TAB_TITLE', t);
|
|
|
// Load data
|
|
|
APP.team = id;
|
|
|
APP.teamEdPublic = Util.find(team, ['keys', 'drive', 'edPublic']);
|
|
|
buildUI(common, true, team.owner);
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
content.push(h('div.cp-team-list-container', list));
|
|
|
cb(content);
|
|
|
});
|
|
|
return content;
|
|
|
};
|
|
|
makeBlock('list', function (common, cb) {
|
|
|
refreshList(common, cb);
|
|
|
});
|
|
|
|
|
|
var refreshCreate = function (common, cb) {
|
|
|
var metadataMgr = common.getMetadataMgr();
|
|
|
var privateData = metadataMgr.getPrivateData();
|
|
|
var content = [];
|
|
|
|
|
|
var isOwner = Object.keys(privateData.teams || {}).some(function (id) {
|
|
|
return privateData.teams[id].owner;
|
|
|
}) && !privateData.devMode;
|
|
|
|
|
|
var getWarningBox = function () {
|
|
|
return h('div.alert.alert-warning', {
|
|
|
role:'alert'
|
|
|
}, isOwner ? Messages.team_maxOwner : Messages._getKey('team_maxTeams', [MAX_TEAMS_SLOTS]));
|
|
|
};
|
|
|
|
|
|
if (Object.keys(privateData.teams || {}).length >= 3 || isOwner) {
|
|
|
content.push(getWarningBox());
|
|
|
return void cb(content);
|
|
|
}
|
|
|
|
|
|
content.push(h('h3', Messages.team_createLabel));
|
|
|
content.push(h('label', Messages.team_createName));
|
|
|
var input = h('input', {type:'text'});
|
|
|
content.push(input);
|
|
|
var button = h('button.btn.btn-success', Messages.creation_create);
|
|
|
content.push(h('br'));
|
|
|
content.push(h('br'));
|
|
|
content.push(button);
|
|
|
var $spinner = $('<span>', {'class': 'fa fa-spinner fa-pulse'}).hide();
|
|
|
content.push($spinner[0]);
|
|
|
var state = false;
|
|
|
$(button).click(function () {
|
|
|
if (state) { return; }
|
|
|
var name = $(input).val();
|
|
|
if (!name.trim()) { return; }
|
|
|
state = true;
|
|
|
$spinner.show();
|
|
|
APP.module.execCommand('CREATE_TEAM', {
|
|
|
name: name
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
console.error(obj.error);
|
|
|
$spinner.hide();
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
// Redraw the create block
|
|
|
var $createDiv = $('div.cp-team-create').empty();
|
|
|
isOwner = true;
|
|
|
$createDiv.append(getWarningBox());
|
|
|
// Redraw the teams list
|
|
|
var $div = $('div.cp-team-list').empty();
|
|
|
refreshList(common, function (content) {
|
|
|
state = false;
|
|
|
$div.append(content);
|
|
|
$spinner.hide();
|
|
|
$('div.cp-team-cat-list').click();
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
cb(content);
|
|
|
};
|
|
|
makeBlock('create', function (common, cb) {
|
|
|
refreshCreate(common, cb);
|
|
|
});
|
|
|
|
|
|
makeBlock('drive', function (common, cb) {
|
|
|
$('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, APP.team, false);
|
|
|
});
|
|
|
|
|
|
var redrawRoster = function (common, _$roster) {
|
|
|
var $roster = _$roster || $('#cp-team-roster-container');
|
|
|
if (!$roster.length) { return; }
|
|
|
APP.module.execCommand('GET_TEAM_ROSTER', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
var roster = APP.refreshRoster(common, obj);
|
|
|
$roster.empty().append(roster);
|
|
|
});
|
|
|
};
|
|
|
|
|
|
var ROLES = ['MEMBER', 'ADMIN', 'OWNER'];
|
|
|
var describeUser = function (common, curvePublic, data, icon) {
|
|
|
APP.module.execCommand('DESCRIBE_USER', {
|
|
|
teamId: APP.team,
|
|
|
curvePublic: curvePublic,
|
|
|
data: data
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
$(icon).show();
|
|
|
return void UI.alert(Messages.error);
|
|
|
}
|
|
|
redrawRoster(common);
|
|
|
});
|
|
|
};
|
|
|
var makeMember = function (common, data, me, roster) {
|
|
|
if (!data.curvePublic) { return; }
|
|
|
|
|
|
var otherOwners = Object.keys(roster || {}).some(function (key) {
|
|
|
var user = roster[key];
|
|
|
return user.role === "OWNER" && user.curvePublic !== me.curvePublic && !user.pendingOwner;
|
|
|
});
|
|
|
|
|
|
// Avatar
|
|
|
var avatar = h('span.cp-avatar.cp-team-member-avatar');
|
|
|
common.displayAvatar($(avatar), data.avatar, data.displayName);
|
|
|
// Name
|
|
|
var name = h('span.cp-team-member-name', data.displayName);
|
|
|
if (data.pendingOwner) {
|
|
|
$(name).append(h('em', {
|
|
|
title: Messages.team_pendingOwnerTitle
|
|
|
}, ' ' + Messages.team_pendingOwner));
|
|
|
}
|
|
|
// Status
|
|
|
var status = h('span.cp-team-member-status'+(data.online ? '.online' : ''));
|
|
|
// Actions
|
|
|
var actions = h('span.cp-team-member-actions');
|
|
|
var $actions = $(actions);
|
|
|
var isMe = me && me.curvePublic === data.curvePublic;
|
|
|
var myRole = me ? (ROLES.indexOf(me.role) || 0) : -1;
|
|
|
var theirRole = ROLES.indexOf(data.role) || 0;
|
|
|
// If they're an admin and I am an owner, I can promote them to owner
|
|
|
if (!isMe && myRole > theirRole && theirRole === 1 && !data.pending) {
|
|
|
var promoteOwner = h('span.fa.fa-angle-double-up', {
|
|
|
title: Messages.team_rosterPromoteOwner
|
|
|
});
|
|
|
$(promoteOwner).click(function () {
|
|
|
UI.confirm(Messages.team_ownerConfirm, function (yes) {
|
|
|
if (!yes) { return; }
|
|
|
$(promoteOwner).hide();
|
|
|
APP.module.execCommand('OFFER_OWNERSHIP', {
|
|
|
teamId: APP.team,
|
|
|
curvePublic: data.curvePublic
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
console.error(obj.error);
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
UI.log(Messages.sent);
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
$actions.append(promoteOwner);
|
|
|
}
|
|
|
// If they're a member and I have a higher role than them, I can promote them to admin
|
|
|
if (!isMe && myRole > theirRole && theirRole === 0 && !data.pending) {
|
|
|
var promote = h('span.fa.fa-angle-double-up', {
|
|
|
title: Messages.team_rosterPromote
|
|
|
});
|
|
|
$(promote).click(function () {
|
|
|
$(promote).hide();
|
|
|
describeUser(common, data.curvePublic, {
|
|
|
role: 'ADMIN'
|
|
|
}, promote);
|
|
|
});
|
|
|
$actions.append(promote);
|
|
|
}
|
|
|
// If I'm not a member and I have an equal or higher role than them, I can demote them
|
|
|
// (if they're not already a MEMBER)
|
|
|
if (myRole >= theirRole && theirRole > 0 && !data.pending) {
|
|
|
var demote = h('span.fa.fa-angle-double-down', {
|
|
|
title: Messages.team_rosterDemote
|
|
|
});
|
|
|
$(demote).click(function () {
|
|
|
var todo = function () {
|
|
|
var role = ROLES[theirRole - 1] || 'MEMBER';
|
|
|
$(demote).hide();
|
|
|
describeUser(common, data.curvePublic, {
|
|
|
role: role
|
|
|
}, promote);
|
|
|
};
|
|
|
if (isMe) {
|
|
|
return void UI.confirm(Messages.team_demoteMeConfirm, function (yes) {
|
|
|
if (!yes) { return; }
|
|
|
todo();
|
|
|
});
|
|
|
}
|
|
|
todo();
|
|
|
});
|
|
|
if (!(isMe && myRole === 2 && !otherOwners)) {
|
|
|
$actions.append(demote);
|
|
|
}
|
|
|
}
|
|
|
// If I'm not a member and I have an equal or higher role than them, I can remove them
|
|
|
// Note: we can't remove owners, we have to demote them first
|
|
|
if (!isMe && myRole > 0 && myRole >= theirRole && theirRole !== 2) {
|
|
|
var remove = h('span.fa.fa-times', {
|
|
|
title: Messages.team_rosterKick
|
|
|
});
|
|
|
$(remove).click(function () {
|
|
|
$(remove).hide();
|
|
|
UI.confirm(Messages._getKey('team_kickConfirm', [Util.fixHTML(data.displayName)]), function (yes) {
|
|
|
if (!yes) { return; }
|
|
|
APP.module.execCommand('REMOVE_USER', {
|
|
|
pending: data.pending,
|
|
|
teamId: APP.team,
|
|
|
curvePublic: data.curvePublic,
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
$(remove).show();
|
|
|
return void UI.alert(Messages.error);
|
|
|
}
|
|
|
redrawRoster(common);
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
$actions.append(remove);
|
|
|
}
|
|
|
|
|
|
// User
|
|
|
var content = [
|
|
|
avatar,
|
|
|
name,
|
|
|
actions,
|
|
|
status,
|
|
|
];
|
|
|
var div = h('div.cp-team-roster-member', {
|
|
|
title: data.displayName
|
|
|
}, content);
|
|
|
if (data.profile) {
|
|
|
$(div).dblclick(function (e) {
|
|
|
e.preventDefault();
|
|
|
e.stopPropagation();
|
|
|
common.openURL('/profile/#' + data.profile);
|
|
|
});
|
|
|
}
|
|
|
return div;
|
|
|
};
|
|
|
APP.refreshRoster = function (common, roster) {
|
|
|
if (!roster || typeof(roster) !== "object" || Object.keys(roster) === 0) { return; }
|
|
|
var metadataMgr = common.getMetadataMgr();
|
|
|
var userData = metadataMgr.getUserData();
|
|
|
var me = roster[userData.curvePublic] || {};
|
|
|
var owner = Object.keys(roster).filter(function (k) {
|
|
|
if (roster[k].pending) { return; }
|
|
|
return roster[k].role === "OWNER" || roster[k].pendingOwner;
|
|
|
}).map(function (k) {
|
|
|
return makeMember(common, roster[k], me, roster);
|
|
|
});
|
|
|
var admins = Object.keys(roster).filter(function (k) {
|
|
|
if (roster[k].pending) { return; }
|
|
|
return roster[k].role === "ADMIN";
|
|
|
}).map(function (k) {
|
|
|
return makeMember(common, roster[k], me);
|
|
|
});
|
|
|
var members = Object.keys(roster).filter(function (k) {
|
|
|
if (roster[k].pending) { return; }
|
|
|
return roster[k].role === "MEMBER" || !roster[k].role;
|
|
|
}).map(function (k) {
|
|
|
return makeMember(common, roster[k], me);
|
|
|
});
|
|
|
var pending = Object.keys(roster).filter(function (k) {
|
|
|
if (!roster[k].pending) { return; }
|
|
|
return roster[k].role === "MEMBER" || !roster[k].role;
|
|
|
}).map(function (k) {
|
|
|
return makeMember(common, roster[k], me);
|
|
|
});
|
|
|
|
|
|
var header = h('div.cp-app-team-roster-header');
|
|
|
var $header = $(header);
|
|
|
|
|
|
// If you're an admin or an owner, you can invite your friends to the team
|
|
|
// TODO and acquaintances later?
|
|
|
if (me && (me.role === 'ADMIN' || me.role === 'OWNER')) {
|
|
|
var invite = h('button.btn.btn-primary', Messages.team_inviteButton);
|
|
|
var inviteFriends = common.getFriends();
|
|
|
Object.keys(inviteFriends).forEach(function (curve) {
|
|
|
// Keep only friends that are not already in the team and that you can contact
|
|
|
// via their mailbox
|
|
|
if (roster[curve] && !roster[curve].pending) {
|
|
|
delete inviteFriends[curve];
|
|
|
}
|
|
|
});
|
|
|
var inviteCfg = {
|
|
|
teamId: APP.team,
|
|
|
common: common,
|
|
|
friends: inviteFriends,
|
|
|
module: APP.module
|
|
|
};
|
|
|
$(invite).click(function () {
|
|
|
UIElements.createInviteTeamModal(inviteCfg);
|
|
|
});
|
|
|
$header.append(invite);
|
|
|
}
|
|
|
|
|
|
if (me && (me.role === 'ADMIN' || me.role === 'MEMBER')) {
|
|
|
var leave = h('button.btn.btn-danger', Messages.team_leaveButton);
|
|
|
$(leave).click(function () {
|
|
|
UI.confirm(Messages.team_leaveConfirm, function (yes) {
|
|
|
if (!yes) { return; }
|
|
|
APP.module.execCommand('LEAVE_TEAM', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
$header.append(leave);
|
|
|
}
|
|
|
|
|
|
var noPending = pending.length ? '' : '.cp-hidden';
|
|
|
|
|
|
return [
|
|
|
header,
|
|
|
h('h3', Messages.team_owner),
|
|
|
h('div', owner),
|
|
|
h('h3', Messages.team_admins),
|
|
|
h('div', admins),
|
|
|
h('h3', Messages.team_members),
|
|
|
h('div', members),
|
|
|
h('h3'+noPending, Messages.team_pending),
|
|
|
h('div'+noPending, pending)
|
|
|
];
|
|
|
};
|
|
|
makeBlock('roster', function (common, cb) {
|
|
|
var container = h('div#cp-team-roster-container');
|
|
|
var content = [container];
|
|
|
redrawRoster(common, $(container));
|
|
|
cb(content);
|
|
|
});
|
|
|
|
|
|
makeBlock('chat', function (common, cb) {
|
|
|
var container = h('div#cp-app-contacts-container.cp-app-contacts-inapp');
|
|
|
var content = [container];
|
|
|
APP.module.execCommand('OPEN_TEAM_CHAT', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.alert(Messages.error);
|
|
|
}
|
|
|
common.setTeamChat(obj.channel);
|
|
|
MessengerUI.create($(container), common, {
|
|
|
chat: $('.cp-team-cat-chat'),
|
|
|
team: true
|
|
|
});
|
|
|
cb(content);
|
|
|
});
|
|
|
});
|
|
|
|
|
|
makeBlock('edpublic', function (common, cb) {
|
|
|
var container = h('div');
|
|
|
var $div = $(container);
|
|
|
var metadataMgr = common.getMetadataMgr();
|
|
|
var privateData = metadataMgr.getPrivateData();
|
|
|
var team = privateData.teams[APP.team];
|
|
|
if (!team) { return void cb(); }
|
|
|
var publicKey = team.edPublic;
|
|
|
var name = team.name;
|
|
|
if (publicKey) {
|
|
|
var $key = $('<div>', {'class': 'cp-sidebarlayout-element'}).appendTo($div);
|
|
|
var userHref = Hash.getUserHrefFromKeys(privateData.origin, name, publicKey);
|
|
|
var $pubLabel = $('<span>', {'class': 'label'})
|
|
|
.text(Messages.settings_publicSigningKey);
|
|
|
$key.append($pubLabel).append(UI.dialog.selectable(userHref));
|
|
|
}
|
|
|
var content = [container];
|
|
|
cb(content);
|
|
|
});
|
|
|
|
|
|
makeBlock('name', function (common, cb) {
|
|
|
var $inputBlock = $('<div>', {'class': 'cp-sidebarlayout-input-block'});
|
|
|
var $input = $('<input>', {
|
|
|
'type': 'text',
|
|
|
'id': 'cp-settings-displayname',
|
|
|
'placeholder': Messages.anonymous}).appendTo($inputBlock);
|
|
|
var $save = $('<button>', {'class': 'btn btn-primary'}).text(Messages.settings_save).appendTo($inputBlock);
|
|
|
|
|
|
var $ok = $('<span>', {'class': 'fa fa-check', title: Messages.saved}).hide();
|
|
|
var $spinner = $('<span>', {'class': 'fa fa-spinner fa-pulse'}).hide();
|
|
|
|
|
|
var todo = function () {
|
|
|
var newName = $input.val();
|
|
|
if (!newName.trim()) { return; }
|
|
|
$spinner.show();
|
|
|
APP.module.execCommand('GET_TEAM_METADATA', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) { return void UI.warn(Messages.error); }
|
|
|
obj.name = newName;
|
|
|
APP.module.execCommand('SET_TEAM_METADATA', {
|
|
|
teamId: APP.team,
|
|
|
metadata: obj
|
|
|
}, function () {
|
|
|
$spinner.hide();
|
|
|
$ok.show();
|
|
|
});
|
|
|
});
|
|
|
};
|
|
|
|
|
|
APP.module.execCommand('GET_TEAM_METADATA', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
$input.val(obj.name);
|
|
|
$input.on('keyup', function (e) {
|
|
|
if ($input.val() !== obj.name) { $ok.hide(); }
|
|
|
if (e.which === 13) { todo(); }
|
|
|
});
|
|
|
$save.click(todo);
|
|
|
var content = [
|
|
|
$inputBlock[0],
|
|
|
$ok[0],
|
|
|
$spinner[0]
|
|
|
];
|
|
|
cb(content);
|
|
|
});
|
|
|
}, true);
|
|
|
|
|
|
makeBlock('avatar', function (common, cb) {
|
|
|
// Upload
|
|
|
var avatar = h('div.cp-team-avatar.cp-avatar');
|
|
|
var $avatar = $(avatar);
|
|
|
var data = UIElements.addAvatar(common, function (ev, data) {
|
|
|
if (!data.url) { return void UI.warn(Messages.error); }
|
|
|
APP.module.execCommand('GET_TEAM_METADATA', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) { return void UI.warn(Messages.error); }
|
|
|
obj.avatar = data.url;
|
|
|
APP.module.execCommand('SET_TEAM_METADATA', {
|
|
|
teamId: APP.team,
|
|
|
metadata: obj
|
|
|
}, function () {
|
|
|
$avatar.empty();
|
|
|
common.displayAvatar($avatar, data.url);
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
var $upButton = common.createButton('upload', false, data);
|
|
|
$upButton.text(Messages.profile_upload);
|
|
|
$upButton.prepend($('<span>', {'class': 'fa fa-upload'}));
|
|
|
|
|
|
APP.module.execCommand('GET_TEAM_METADATA', {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.warn(Messages.error);
|
|
|
}
|
|
|
var val = obj.avatar;
|
|
|
if (!val) {
|
|
|
var $img = $('<img>', {
|
|
|
src: '/customize/images/avatar.png',
|
|
|
title: Messages.profile_avatar,
|
|
|
alt: 'Avatar'
|
|
|
});
|
|
|
var mt = h('media-tag', $img[0]);
|
|
|
$avatar.append(mt);
|
|
|
} else {
|
|
|
common.displayAvatar($avatar, val);
|
|
|
}
|
|
|
|
|
|
// Display existing + button
|
|
|
var content = [
|
|
|
avatar,
|
|
|
h('br'),
|
|
|
$upButton[0]
|
|
|
];
|
|
|
cb(content);
|
|
|
});
|
|
|
}, true);
|
|
|
|
|
|
makeBlock('delete', function (common, cb) {
|
|
|
var deleteTeam = h('button.btn.btn-danger', Messages.team_deleteButton);
|
|
|
var $ok = $('<span>', {'class': 'fa fa-check', title: Messages.saved}).hide();
|
|
|
var $spinner = $('<span>', {'class': 'fa fa-spinner fa-pulse'}).hide();
|
|
|
|
|
|
var deleting = false;
|
|
|
$(deleteTeam).click(function () {
|
|
|
if (deleting) { return; }
|
|
|
UI.confirm(Messages.team_deleteConfirm, function (yes) {
|
|
|
if (!yes) { return; }
|
|
|
if (deleting) { return; }
|
|
|
deleting = true;
|
|
|
$spinner.show();
|
|
|
APP.module.execCommand("DELETE_TEAM", {
|
|
|
teamId: APP.team
|
|
|
}, function (obj) {
|
|
|
$spinner.hide();
|
|
|
deleting = false;
|
|
|
if (obj && obj.error) {
|
|
|
return void UI.warn(obj.error);
|
|
|
}
|
|
|
$ok.show();
|
|
|
UI.log(Messages.deleted);
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
|
|
|
cb([
|
|
|
deleteTeam,
|
|
|
$ok[0],
|
|
|
$spinner[0]
|
|
|
]);
|
|
|
}, true);
|
|
|
|
|
|
var main = function () {
|
|
|
var common;
|
|
|
var readOnly;
|
|
|
|
|
|
nThen(function (waitFor) {
|
|
|
$(waitFor(function () {
|
|
|
UI.addLoadingScreen();
|
|
|
}));
|
|
|
window.cryptpadStore.getAll(waitFor(function (val) {
|
|
|
driveAPP.store = JSON.parse(JSON.stringify(val));
|
|
|
}));
|
|
|
SFCommon.create(waitFor(function (c) { common = c; }));
|
|
|
}).nThen(function (waitFor) {
|
|
|
APP.$container = $('#cp-sidebarlayout-container');
|
|
|
APP.$leftside = $('<div>', {id: 'cp-sidebarlayout-leftside'}).appendTo(APP.$container);
|
|
|
APP.$rightside = $('<div>', {id: 'cp-sidebarlayout-rightside'}).appendTo(APP.$container);
|
|
|
var sFrameChan = common.getSframeChannel();
|
|
|
sFrameChan.onReady(waitFor());
|
|
|
}).nThen(function () {
|
|
|
var sframeChan = common.getSframeChannel();
|
|
|
var metadataMgr = common.getMetadataMgr();
|
|
|
var privateData = metadataMgr.getPrivateData();
|
|
|
|
|
|
readOnly = driveAPP.readOnly = metadataMgr.getPrivateData().readOnly;
|
|
|
|
|
|
driveAPP.loggedIn = common.isLoggedIn();
|
|
|
if (!driveAPP.loggedIn) { throw new Error('NOT_LOGGED_IN'); }
|
|
|
|
|
|
common.setTabTitle(Messages.type.teams);
|
|
|
|
|
|
// Drive data
|
|
|
driveAPP.disableSF = !privateData.enableSF && AppConfig.disableSharedFolders;
|
|
|
|
|
|
// Toolbar
|
|
|
var $bar = $('#cp-toolbar');
|
|
|
var configTb = {
|
|
|
displayed: ['useradmin', 'pageTitle', 'newpad', 'limit', 'notifications'],
|
|
|
pageTitle: Messages.type.teams,
|
|
|
metadataMgr: metadataMgr,
|
|
|
readOnly: privateData.readOnly,
|
|
|
sfCommon: common,
|
|
|
$container: $bar
|
|
|
};
|
|
|
var toolbar = Toolbar.create(configTb);
|
|
|
toolbar.$rightside.hide(); // hide the bottom part of the toolbar
|
|
|
// Update the name in the user menu
|
|
|
driveAPP.$displayName = $bar.find('.' + Toolbar.constants.username);
|
|
|
metadataMgr.onChange(function () {
|
|
|
var name = metadataMgr.getUserData().name || Messages.anonymous;
|
|
|
driveAPP.$displayName.text(name);
|
|
|
});
|
|
|
|
|
|
// Load the Team module
|
|
|
var onEvent = function (obj) {
|
|
|
var ev = obj.ev;
|
|
|
var data = obj.data;
|
|
|
if (ev === 'LEAVE_TEAM') {
|
|
|
$('div.cp-team-cat-back').click();
|
|
|
return;
|
|
|
}
|
|
|
if (ev === 'ROSTER_CHANGE') {
|
|
|
if (Number(APP.team) === Number(data)) {
|
|
|
redrawRoster(common);
|
|
|
}
|
|
|
return;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
APP.module = common.makeUniversal('team', {
|
|
|
onEvent: onEvent
|
|
|
});
|
|
|
|
|
|
$('body').css('display', '');
|
|
|
loadMain(common);
|
|
|
|
|
|
metadataMgr.onChange(function () {
|
|
|
var $div = $('div.cp-team-list');
|
|
|
if ($div.length) {
|
|
|
refreshList(common, function (content) {
|
|
|
$div.empty().append(content);
|
|
|
});
|
|
|
}
|
|
|
var $divCreate = $('div.cp-team-create');
|
|
|
if ($divCreate.length) {
|
|
|
refreshCreate(common, function (content) {
|
|
|
$divCreate.empty().append(content);
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var onDisconnect = function (noAlert) {
|
|
|
setEditable(false);
|
|
|
if (APP.team && driveAPP.refresh) { driveAPP.refresh(); }
|
|
|
toolbar.failed();
|
|
|
if (!noAlert) { UI.alert(Messages.common_connectionLost, undefined, true); }
|
|
|
};
|
|
|
var onReconnect = function (info) {
|
|
|
setEditable(true);
|
|
|
if (APP.team && driveAPP.refresh) { driveAPP.refresh(); }
|
|
|
toolbar.reconnecting(info.myId);
|
|
|
UI.findOKButton().click();
|
|
|
};
|
|
|
|
|
|
sframeChan.on('EV_DRIVE_LOG', function (msg) {
|
|
|
UI.log(msg);
|
|
|
});
|
|
|
sframeChan.on('EV_NETWORK_DISCONNECT', function () {
|
|
|
onDisconnect();
|
|
|
});
|
|
|
sframeChan.on('EV_NETWORK_RECONNECT', function (data) {
|
|
|
// data.myId;
|
|
|
onReconnect(data);
|
|
|
});
|
|
|
common.onLogout(function () { setEditable(false); });
|
|
|
});
|
|
|
};
|
|
|
main();
|
|
|
});
|