define([ 'jquery', '/common/toolbar3.js', '/common/drive-ui.js', '/common/common-util.js', '/common/common-interface.js', '/common/common-ui-elements.js', '/common/common-feedback.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!/team/app-team.less', ], function ( $, Toolbar, DriveUI, Util, UI, UIElements, Feedback, 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) { 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, folders[fId]); } })); }); }).nThen(function () { cb(); }); }; var updateObject = function (sframeChan, obj, cb) { sframeChan.query('Q_DRIVE_GETOBJECT', null, function (err, newObj) { copyObjectValue(obj, newObj); if (!driveAPP.loggedIn && driveAPP.newSharedFolder) { obj.drive.sharedFolders = obj.drive.sharedFolders || {}; obj.drive.sharedFolders[driveAPP.newSharedFolder] = {}; } cb(); }); }; var setEditable = DriveUI.setEditable; var mainCategories = { 'general': [ 'cp-team-info', ], 'list': [ 'cp-team-list', ], 'create': [ 'cp-team-create', ], }; 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(); } APP.team = null; APP.teamEdPublic = null; APP.drive = null; APP.buildUI(common); }); }); } }, 'drive': [ 'cp-team-drive' ], 'members': [ 'cp-team-roster' ], 'chat': [ 'cp-team-chat' ], 'admin': [ 'cp-team-name', 'cp-team-avatar' ], }; 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 = $('
', {'class': 'cp-sidebarlayout-categories'}) .appendTo(APP.$leftside); var categories = team ? teamCategories : mainCategories; var active = team ? 'drive' : 'list'; Object.keys(categories).forEach(function (key) { if (key === 'admin' && !teamAdmin) { return; } var $category = $('
', {'class': 'cp-sidebarlayout-category cp-team-cat-'+key}).appendTo($categories); if (key === 'general') { $category.append($('', {'class': 'fa fa-info-circle'})); } if (key === 'list') { $category.append($('', {'class': 'fa fa-list cp-team-cat-list'})); } if (key === 'create') { $category.append($('', {'class': 'fa fa-plus-circle'})); } if (key === 'back') { $category.append($('', {'class': 'fa fa-arrow-left'})); } if (key === 'members') { $category.append($('', {'class': 'fa fa-users'})); } if (key === 'chat') { $category.append($('', {'class': 'fa fa-comments'})); } if (key === 'drive') { $category.append($('', {'class': 'fa fa-hdd-o'})); } if (key === 'admin') { $category.append($('', {'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'); } 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, 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"); } driveAPP.team = id; var drive = DriveUI.create(common, { proxy: proxy, folders: folders, updateObject: updateObject, updateSharedFolders: updateSharedFolders, APP: driveAPP, edPublic: APP.teamEdPublic }); 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 = $('
', {'class': 'cp-team-' + key + ' cp-sidebarlayout-element'}); if (full) { $('