define([ 'jquery', '/api/config', '/bower_components/chainpad-crypto/crypto.js', '/common/toolbar3.js', '/bower_components/nthen/index.js', '/common/sframe-common.js', '/common/hyperscript.js', '/customize/messages.js', '/common/common-interface.js', '/common/common-util.js', '/common/common-hash.js', '/support/ui.js', 'css!/bower_components/bootstrap/dist/css/bootstrap.min.css', 'css!/bower_components/components-font-awesome/css/font-awesome.min.css', 'less!/admin/app-admin.less', ], function ( $, ApiConfig, Crypto, Toolbar, nThen, SFCommon, h, Messages, UI, Util, Hash, Support ) { var APP = {}; var common; var sFrameChan; var categories = { 'general': [ 'cp-admin-flush-cache', 'cp-admin-update-limit' ], 'stats': [ 'cp-admin-active-sessions', 'cp-admin-active-pads', 'cp-admin-open-files', 'cp-admin-registered', 'cp-admin-disk-usage', ], 'support': [ 'cp-admin-support-list', 'cp-admin-support-init' ] }; var create = {}; var makeBlock = function (key, addButton) { // Convert to camlCase for translation keys var safeKey = key.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); }); var $div = $('<div>', {'class': 'cp-admin-' + key + ' cp-sidebarlayout-element'}); $('<label>').text(Messages['admin_'+safeKey+'Title'] || key).appendTo($div); $('<span>', {'class': 'cp-sidebarlayout-description'}) .text(Messages['admin_'+safeKey+'Hint'] || 'Coming soon...').appendTo($div); if (addButton) { $('<button>', { 'class': 'btn btn-primary' }).text(Messages['admin_'+safeKey+'Button'] || safeKey).appendTo($div); } return $div; }; create['update-limit'] = function () { var key = 'update-limit'; var $div = makeBlock(key, true); $div.find('button').click(function () { sFrameChan.query('Q_UPDATE_LIMIT', null, function (e, res) { if (e || (res && res.error)) { return void console.error(e || res.error); } UI.alert(Messages.admin_updateLimitDone || 'done'); }); }); return $div; }; create['flush-cache'] = function () { var key = 'flush-cache'; var $div = makeBlock(key, true); var called = false; $div.find('button').click(function () { if (called) { return; } called = true; sFrameChan.query('Q_ADMIN_RPC', { cmd: 'FLUSH_CACHE', }, function (e, data) { called = false; UI.alert(data ? Messages.admin_flushCacheDone || 'done' : 'error' + e); }); }); return $div; }; create['active-sessions'] = function () { var key = 'active-sessions'; var $div = makeBlock(key); sFrameChan.query('Q_ADMIN_RPC', { cmd: 'ACTIVE_SESSIONS', }, function (e, data) { var total = data[0]; var ips = data[1]; $div.append(h('pre', total + ' (' + ips + ')')); }); return $div; }; create['active-pads'] = function () { var key = 'active-pads'; var $div = makeBlock(key); sFrameChan.query('Q_ADMIN_RPC', { cmd: 'ACTIVE_PADS', }, function (e, data) { console.log(e, data); $div.append(h('pre', String(data))); }); return $div; }; create['open-files'] = function () { var key = 'open-files'; var $div = makeBlock(key); sFrameChan.query('Q_ADMIN_RPC', { cmd: 'GET_FILE_DESCRIPTOR_COUNT', }, function (e, data) { console.log(e, data); $div.append(h('pre', String(data))); }); return $div; }; create['registered'] = function () { var key = 'registered'; var $div = makeBlock(key); sFrameChan.query('Q_ADMIN_RPC', { cmd: 'REGISTERED_USERS', }, function (e, data) { console.log(e, data); $div.append(h('pre', String(data))); }); return $div; }; create['disk-usage'] = function () { var key = 'disk-usage'; var $div = makeBlock(key, true); var called = false; $div.find('button').click(function () { $div.find('button').hide(); if (called) { return; } called = true; sFrameChan.query('Q_ADMIN_RPC', { cmd: 'DISK_USAGE', }, function (e, data) { console.log(e, data); if (e) { return void console.error(e); } var obj = data[0]; Object.keys(obj).forEach(function (key) { var val = obj[key]; var unit = Util.magnitudeOfBytes(val); if (unit === 'GB') { obj[key] = Util.bytesToGigabytes(val) + ' GB'; } else if (unit === 'MB') { obj[key] = Util.bytesToMegabytes(val) + ' MB'; } else { obj[key] = Util.bytesToKilobytes(val) + ' KB'; } }); $div.append(h('ul', Object.keys(obj).map(function (k) { return h('li', [ h('strong', k === 'total' ? k : '/' + k), ' : ', obj[k] ]); }))); }); }); return $div; }; var supportKey = ApiConfig.supportMailbox; create['support-list'] = function () { if (!supportKey || !APP.privateKey) { return; } var $container = makeBlock('support-list'); var $div = $(h('div.cp-support-container')).appendTo($container); var metadataMgr = common.getMetadataMgr(); var privateData = metadataMgr.getPrivateData(); var cat = privateData.category || ''; var linkedId = cat.indexOf('-') !== -1 && cat.slice(8); var hashesById = {}; var reorder = function () { var order = Object.keys(hashesById); order.sort(function (id1, id2) { var t1 = hashesById[id1]; var t2 = hashesById[id2]; if (!Array.isArray(t1)) { return 1; } if (!Array.isArray(t2)) { return -1; } var lastMsg1 = t1[t1.length - 1]; var lastMsg2 = t2[t2.length - 1]; var time1 = Util.find(lastMsg1, ['content', 'msg', 'content', 'time']); var time2 = Util.find(lastMsg2, ['content', 'msg', 'content', 'time']); var authorEd1 = Util.find(lastMsg1, ['content', 'msg', 'content', 'sender', 'edPublic']); var authorEd2 = Util.find(lastMsg2, ['content', 'msg', 'content', 'sender', 'edPublic']); var admin1 = ApiConfig.adminKeys.indexOf(authorEd1) !== -1; var admin2 = ApiConfig.adminKeys.indexOf(authorEd2) !== -1; // If one is answered and not the other, put the unanswered first if (admin1 && !admin2) { return 1; } if (!admin1 && admin2) { return -1; } // Otherwise, sort them by time return time2 - time1; }); order.forEach(function (id, i) { $div.find('[data-id="'+id+'"]').css('order', i); }); }; var to = Util.throttle(function () { var $ticket = $div.find('.cp-support-list-ticket[data-id="'+linkedId+'"]'); $ticket[0].scrollIntoView(); linkedId = undefined; }, 100); // Register to the "support" mailbox common.mailbox.subscribe(['supportadmin'], { onMessage: function (data) { /* Get ID of the ticket If we already have a div for this ID Push the message to the end of the ticket If it's a new ticket ID Make a new div for this ID */ var msg = data.content.msg; var hash = data.content.hash; var content = msg.content; var id = content.id; var $ticket = $div.find('.cp-support-list-ticket[data-id="'+id+'"]'); hashesById[id] = hashesById[id] || []; if (hashesById[id].indexOf(hash) === -1) { hashesById[id].push(data); } if (msg.type === 'CLOSE') { // A ticket has been closed by the admins... if (!$ticket.length) { return; } $ticket.addClass('cp-support-list-closed'); $ticket.append(APP.support.makeCloseMessage(content, hash)); return; } if (msg.type !== 'TICKET') { return; } if (!$ticket.length) { $ticket = APP.support.makeTicket($div, content, function () { var error = false; hashesById[id].forEach(function (d) { common.mailbox.dismiss(d, function (err) { if (err) { error = true; console.error(err); } }); }); if (!error) { $ticket.remove(); } }); } $ticket.append(APP.support.makeMessage(content, hash)); reorder(); if (linkedId) { to(); } } }); return $container; }; var checkAdminKey = function (priv) { if (!supportKey) { return; } return Hash.checkBoxKeyPair(priv, supportKey); }; create['support-init'] = function () { var $div = makeBlock('support-init'); if (!supportKey) { $div.append(h('p', Messages.admin_supportInitHelp)); return $div; } if (!APP.privateKey || !checkAdminKey(APP.privateKey)) { $div.append(h('p', Messages.admin_supportInitPrivate)); var error = h('div.cp-admin-support-error'); var input = h('input.cp-admin-add-private-key'); var button = h('button.btn.btn-primary', Messages.admin_supportAddKey); if (APP.privateKey && !checkAdminKey(APP.privateKey)) { $(error).text(Messages.admin_supportAddError); } $div.append(h('div', [ error, input, button ])); $(button).click(function () { var key = $(input).val(); if (!checkAdminKey(key)) { $(input).val(''); return void $(error).text(Messages.admin_supportAddError); } sFrameChan.query("Q_ADMIN_MAILBOX", key, function () { APP.privateKey = key; $('.cp-admin-support-init').hide(); APP.$rightside.append(create['support-list']()); }); }); return $div; } return; }; 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 () { var $categories = $('<div>', {'class': 'cp-sidebarlayout-categories'}) .appendTo(APP.$leftside); var metadataMgr = common.getMetadataMgr(); var privateData = metadataMgr.getPrivateData(); var active = privateData.category || 'general'; if (active.indexOf('-') !== -1) { active = active.split('-')[0]; } common.setHash(active); Object.keys(categories).forEach(function (key) { var $category = $('<div>', {'class': 'cp-sidebarlayout-category'}).appendTo($categories); if (key === 'general') { $category.append($('<span>', {'class': 'fa fa-user-o'})); } if (key === 'stats') { $category.append($('<span>', {'class': 'fa fa-hdd-o'})); } if (key === 'support') { $category.append($('<span>', {'class': 'fa fa-life-ring'})); } if (key === active) { $category.addClass('cp-leftside-active'); } $category.click(function () { if (!Array.isArray(categories[key]) && categories[key].onClick) { categories[key].onClick(); return; } active = key; common.setHash(key); $categories.find('.cp-leftside-active').removeClass('cp-leftside-active'); $category.addClass('cp-leftside-active'); showCategories(categories[key]); }); $category.append(Messages['admin_cat_'+key] || key); }); showCategories(categories[active]); }; var createToolbar = function () { var displayed = ['useradmin', 'newpad', 'limit', 'pageTitle', 'notifications']; var configTb = { displayed: displayed, sfCommon: common, $container: APP.$toolbar, pageTitle: Messages.adminPage || 'Admin', metadataMgr: common.getMetadataMgr(), }; APP.toolbar = Toolbar.create(configTb); APP.toolbar.$rightside.hide(); }; nThen(function (waitFor) { $(waitFor(UI.addLoadingScreen)); SFCommon.create(waitFor(function (c) { APP.common = common = c; })); }).nThen(function (waitFor) { APP.$container = $('#cp-sidebarlayout-container'); APP.$toolbar = $('#cp-toolbar'); APP.$leftside = $('<div>', {id: 'cp-sidebarlayout-leftside'}).appendTo(APP.$container); APP.$rightside = $('<div>', {id: 'cp-sidebarlayout-rightside'}).appendTo(APP.$container); sFrameChan = common.getSframeChannel(); sFrameChan.onReady(waitFor()); }).nThen(function (/*waitFor*/) { createToolbar(); var metadataMgr = common.getMetadataMgr(); var privateData = metadataMgr.getPrivateData(); common.setTabTitle(Messages.adminPage || 'Administration'); if (!privateData.edPublic || !ApiConfig.adminKeys || !Array.isArray(ApiConfig.adminKeys) || ApiConfig.adminKeys.indexOf(privateData.edPublic) === -1) { return void UI.errorLoadingScreen(Messages.admin_authError || '403 Forbidden'); } APP.privateKey = privateData.supportPrivateKey; APP.origin = privateData.origin; APP.readOnly = privateData.readOnly; APP.support = Support.create(common, true); // Content var $rightside = APP.$rightside; var addItem = function (cssClass) { var item = cssClass.slice(9); // remove 'cp-settings-' if (typeof (create[item]) === "function") { $rightside.append(create[item]()); } }; for (var cat in categories) { if (!Array.isArray(categories[cat])) { continue; } categories[cat].forEach(addItem); } createLeftside(); UI.removeLoadingScreen(); }); });