egroupware/collabeditor/js/webodf/collab/SessionListView.js

106 lines
3.8 KiB
JavaScript

/**
* Copyright (C) 2012-2013 KO GmbH <copyright@kogmbh.com>
*
* @licstart
* This file is part of WebODF.
*
* WebODF is free software: you can redistribute it and/or modify it
* under the terms of the GNU Affero General Public License (GNU AGPL)
* as published by the Free Software Foundation, either version 3 of
* the License, or (at your option) any later version.
*
* WebODF is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with WebODF. If not, see <http://www.gnu.org/licenses/>.
* @licend
*
* @source: http://www.webodf.org/
* @source: https://github.com/kogmbh/WebODF/
*/
/*global Node, define, runtime */
webodfModule.define("webodf/editor/SessionListView", [], function () {
"use strict";
return function SessionListView(sessionList, sessionListDiv, cb) {
function createSessionDescription(sessionDetails) {
return " (" + sessionDetails.cursors.length + " members) ";
}
/**
*/
function createSessionViewItem(sessionDetails) {
runtime.assert(sessionListDiv, "sessionListDiv unavailable");
var doc = sessionListDiv.ownerDocument,
htmlns = doc.documentElement.namespaceURI,
sessionDiv = doc.createElementNS(htmlns, "div"),
sessionDescriptionDiv = doc.createElementNS(htmlns, "span"),
sessionDownloadDiv;
sessionDiv.sessionId = sessionDetails.id; // TODO: namespace?
sessionDiv.appendChild(sessionDescriptionDiv);
sessionDiv.appendChild(doc.createTextNode(createSessionDescription(sessionDetails)));
sessionDescriptionDiv.appendChild(doc.createTextNode(sessionDetails.title));
sessionDescriptionDiv.style.cursor = "pointer"; // TODO: do not set on each element, use CSS
sessionDescriptionDiv.style.fontWeight = "bold";
sessionDescriptionDiv.onclick = function () {
cb(sessionDetails.id);
};
if (sessionDetails.fileUrl) {
sessionDownloadDiv = doc.createElementNS(htmlns, "a");
sessionDownloadDiv.appendChild(doc.createTextNode("Download"));
sessionDownloadDiv.setAttribute("href", sessionDetails.fileUrl);
sessionDiv.appendChild(sessionDownloadDiv);
}
sessionListDiv.appendChild(sessionDiv);
}
function updateSessionViewItem(sessionDetails) {
var node = sessionListDiv.firstChild;
while (node) {
if (node.sessionId === sessionDetails.id) {
node.firstChild.nextSibling.data = createSessionDescription(sessionDetails);
return;
}
node = node.nextSibling;
}
}
/**
* @param {!string} sessionId
*/
function removeSessionViewItem(sessionId) {
var node = sessionListDiv.firstChild;
while (node) {
if (node.sessionId === sessionId) {
sessionListDiv.removeChild(node);
return;
}
node = node.nextSibling;
}
}
function init() {
var idx,
subscriber = {onCreated: createSessionViewItem, onUpdated: updateSessionViewItem, onRemoved: removeSessionViewItem},
sessions = sessionList.getSessions(subscriber);
// fill session list
for (idx = 0; idx < sessions.length; idx += 1) {
createSessionViewItem(sessions[idx]);
}
}
init();
};
});