Skip to content

O
officejs
Commit 36c435bf authored by Thibaut Frain's avatar Thibaut Frain
Browse files
Options

Basic version: 

 - contact list view with different status update
 - chatbox working
 - connection datas stored in localStorage

works with renderjs url management methods
parent 0008aed7
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 620 additions and 392 deletions
Gruntfile.js
View file @ 36c435bf
......@@ -102,8 +102,8 @@ module.exports = function (grunt) {
"<%= global_config.src %>/presentation_viewer/presentation_viewer.css",
"<%= global_config.dest %>/jabberclient/jabberclient.css":
"<%= global_config.src %>/jabberclient/jabberclient.css",
"<%= global_config.dest %>/jabberclient_login/jabberclient_login.css":
"<%= global_config.src %>/jabberclient_login/jabberclient_login.css",
"<%= global_config.dest %>/jabberclient_connection/jabberclient_connection.css":
"<%= global_config.src %>/jabberclient_connection/jabberclient_connection.css",
"<%= global_config.dest %>/jabberclient_contactlist/jabberclient_contactlist.css":
"<%= global_config.src %>/jabberclient_contactlist/jabberclient_contactlist.css",
"<%= global_config.dest %>/jabberclient_chatbox/jabberclient_chatbox.css":
......
src/jabberclient/index.html
View file @ 36c435bf
......@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jabber Client</title>
<link rel="stylesheet" href="../<%= curl.jquerymobilecss.relative_dest %>">
<link rel="stylesheet" href="jabberclient.css">
......@@ -18,15 +18,13 @@
<script src="jabberclient.js"></script>
</head>
<body>
<div data-role="header" data-position="fixed" data-theme="a"><h1>Jabber Client</h1></div>
<div data-role="page" class="login-page">
<div role="main" class="ui-content"></div>
<div class="jio_gadget"
data-gadget-url="../jabberclient_jio/index.html"
data-gadget-scope="jio">
</div>
<div data-role="page" class="contactlist-page">
<div role="main" class="ui-content"></div>
</div>
<div data-role="page" class="chatboxes-page">
<div role="main" class="ui-content"></div>
<div data-role="header" data-position="fixed" data-theme="a"><h1>Jabber Client</h1></div>
<div data-role="page" overflow="hidden">
<div role="main" class="ui-content gadget-container" overflow="hidden"></div>
</div>
</body>
</html>
src/jabberclient/jabberclient.js
View file @ 36c435bf
This diff is collapsed.
src/jabberclient_chatbox/index.html
View file @ 36c435bf
......@@ -8,15 +8,20 @@
<script src="../<%= curl.jquery.relative_dest %>"></script>
<script src="../<%= curl.strophejs.relative_dest %>"></script>
<script src="../<%= copy.handlebars.relative_dest %>"</script>
<script src="../<%= copy.rsvp.relative_dest %>"></script>
<script src="../<%= copy.renderjs.relative_dest %>"></script>
<script class="message-template" type="text/x-handlebars-template">
<p>[{{time}}]&nbsp<strong>{{jid}}:&nbsp</strong>{{content}}</p>
</script>
<script src="jabberclient_chatbox.js"></script>
</head>
<body>
<div id="contact"></div>
<div id="talk"></div>
<textarea id="talk-input"></textarea>
<button id="send-button">Send</button>
<div class="contact"></div>
<div class="talk-box ui-corner-all"></div>
<textarea class="talk-input ui-corner-all"></textarea>
<button class="send-button ui-btn ui-btn-inline ui-mini ui-corner-all">Send</button>
</body>
</html>
src/jabberclient_chatbox/jabberclient_chatbox.css
View file @ 36c435bf
......@@ -4,24 +4,28 @@ html {
body {
height: 100%;
}
#talk {
[data-gadget-scope="chatbox"] {
height: 95%;
}
.talk-box {
padding: 10px;
height: 82%;
border: solid 1px #aaa;
height: 80%;
border: solid 1px;
font-family: monospace;
overflow: auto;
}
#talk-input {
.talk-input {
width: 80%;
height: 5%;
border: solid 1px #aaa;
font-family: monospace;
overflow: auto;
float: left;
}
#send-button {
.send-button {
width: 10%;
height: 5%;
float: left;
......
src/jabberclient_chatbox/jabberclient_chatbox.js
View file @ 36c435bf
/*globals window, document, RSVP, XMLSerializer, DOMParser,
rJS, $, DOMParser, Strophe, $msg*/
(function ($, gadget) {
rJS, $, DOMParser, Handlebars, Strophe, $msg*/
/*jslint nomen: true*/
(function ($, rJS, Handlebars) {
"use strict";
var main,
parseXML = function (xmlString) {
return new DOMParser()
.parseFromString(xmlString, 'text/xml')
.children[0];
};
var gadget_klass = rJS(window),
message_template_source = gadget_klass.__template_element
.querySelector(".message-template").innerHTML,
message_template = Handlebars.compile(message_template_source);
function Chat(jid, name) {
this.jid = jid;
this.name = name;
function displayMessage(message) {
var html_message = message_template({
time: message.time,
jid: message.from,
content: message.content
});
$('.talk-box').append(html_message);
}
Chat.prototype.sendInput = function () {
var message = $('#talk-input').val(),
messageStanzas;
$('#talk-input').val("");
if (message) {
$('#talk').append('<p>Me: ' + message + '</p>');
messageStanzas = this.getMessageStanzas(message);
main.send(messageStanzas);
}
};
function Message(from, to, time, content) {
this.from = from;
this.to = to;
this.time = time;
this.content = content;
}
Chat.prototype.getMessageStanzas = function (message) {
return $msg({to: this.jid, type: "chat"}).c('body').t(message).toString();
};
function Talk(jid) {
this.jid = jid;
this.messages = [];
}
gadget
.declareAcquiredMethod('send', 'send')
function getTime() {
var date = new Date(),
timestamp = date.getFullYear() +
"-" + (date.getMonth() + 1) + "-" + date.getDate() + " ";
return timestamp + date.toTimeString();
}
.declareMethod('initContact', function (jid, name) {
this.chat = new Chat(jid, name);
$('#contact').html(jid);
return this.chat;
})
function parseXML(xmlString) {
return new DOMParser()
.parseFromString(xmlString, 'text/xml')
.children[0];
}
.declareMethod('receive', function (message) {
var xmlMessage = parseXML(message);
$('#talk').append(
'<p>' + Strophe.getBareJidFromJid($(xmlMessage).attr('from')) +
': ' +
$(xmlMessage).find('body').text() +
'</p>'
function sendInput(gadget) {
var content = $('.talk-input').val(),
from,
to,
time,
message;
$('.talk-input').val("");
if (content) {
from = gadget.props.jid;
to = gadget.props.current_contact_jid;
time = getTime();
message = new Message(from, to, time, content);
if (!gadget.props.talks[to]) {
gadget.props.talks[to] = new Talk(to);
}
gadget.props.talks[to].messages.push(message);
displayMessage(message);
gadget.send(
$msg({to: to, type: "chat"}).c('body').t(content).toString()
);
})
}
}
gadget_klass
.ready(function (g) {
main = g;
g.props = {
talks: {}
};
})
.declareMethod('render', function (options) {
var gadget = this;
this.props.jid = options.jid;
this.props.current_contact_jid = options.current_contact_jid;
$('[data-role="page"]').height("100%");
$('.gadget-container').height("93%");
$('#send-button').click(function () {
g.chat.sendInput();
$(this.__element).find(".send-button").click(function (e) {
e.preventDefault();
sendInput(gadget);
});
$("#talk-input").keypress(function (e) {
if (e.charCode === 13) {
e.preventDefault();
g.chat.sendInput();
$(this.__element).find(".talk-input").keypress(function (e) {
var charCode = (typeof e.which === "number") ? e.which : e.keyCode;
if (charCode === 13) {
if (!e.shiftKey) {
sendInput(gadget);
} else {
e.preventDefault();
$(gadget.__element).find(".talk-input").val(
$(gadget.__element).find(".talk-input").val() + "\n"
);
}
}
});
})
.declareAcquiredMethod('send', 'send')
.declareMethod('receive', function (datas) {
var xmlMessage = parseXML(datas),
from = Strophe.getBareJidFromJid($(xmlMessage).attr('from')),
to = Strophe.getBareJidFromJid($(xmlMessage).attr('to')),
time = getTime(),
content = $(xmlMessage).find('body').text(),
message = new Message(from, to, time, content);
if (!this.props.talks[from]) {
this.props.talks[from] = new Talk(from);
}
this.props.talks[from].messages.push(message);
displayMessage(message);
});
}($, rJS(window)));
}($, rJS, Handlebars));
src/jabberclient_login/index.html → src/jabberclient_connection/index.html
View file @ 36c435bf
......@@ -5,16 +5,17 @@
<title>Jabber login gadget</title>
<link rel="stylesheet" href="../<%= curl.jquerymobilecss.relative_dest %>">
<link rel="stylesheet" href="jabberclient_login.css">
<link rel="stylesheet" href="jabberclient_connection.css">
<script src="../<%= curl.jquery.relative_dest %>"></script>
<script src="../<%= curl.jquerymobilejs.relative_dest %>"></script>
<script src="../<%= copy.rsvp.relative_dest %>"></script>
<script src="../<%= copy.renderjs.relative_dest %>"></script>
<script src="../<%= curl.strophejs.relative_dest %>"></script>
<script src="../<%= copy.handlebars.relative_dest %>"></script>
<script src="jabberclient_login.js"></script>
<script src="../mixin_promise/mixin_promise.js" ></script>
<script src="jabberclient_connection.js"></script>
</head>
<body>
<div class="login-box ui-corner-all ui-shadow">
......@@ -24,10 +25,10 @@
<input type="url" name="server" placeholder="Jabber server url" value="https://mail.tiolive.com/chat/http-bind/" required>
</div>
<div class="ui-field-contain">
<input type="text" name="jid" placeholder="Jabber ID" value="thibaut.frain@tiolive.com" required>
<input type="text" name="jid" placeholder="Jabber ID" required>
</div>
<div class="ui-field-contain">
<input type="password" name="passwd" placeholder="Password" value="&Cg8)Rl9" required>
<input type="password" name="passwd" placeholder="Password" required>
</div>
<fieldset class="ui-btn-inline">
<input type="submit" value="Log In">
......
src/jabberclient_connection/jabberclient_connection.js 0 → 100644
View file @ 36c435bf
/*global window, rJS, Strophe, $, $iq,
XMLSerializer, DOMParser, RSVP, localStorage*/
/*jslint nomen: true*/
(function ($, Strophe, rJS) {
"use strict";
function parseXML(xmlString) {
return new DOMParser()
.parseFromString(xmlString, 'text/xml')
.children[0];
}
function serializeXML(xml) {
return new XMLSerializer().serializeToString(xml);
}
function showLogin(gadget, params) {
var login_box = gadget.props.login_box,
logout_box = gadget.props.logout_box;
$(login_box).find('input[name="server"]').val(params.server);
$(login_box).find('input[name="jid"]').val(params.jid);
$(login_box).find('input[name="passwd"]').val(params.passwd);
$(logout_box).hide();
$(login_box).show();
}
function showLogout(gadget, params) {
var login_box = gadget.props.login_box,
logout_box = gadget.props.logout_box;
$(logout_box).find('.server').html(params.server);
$(logout_box).find('.jid').html(params.jid);
$(login_box).hide();
$(logout_box).show();
}
function loopConnectionListener(gadget, params) {
var connection = new Strophe.Connection(params.server),
connection_callback;
function canceller() {
if (connection_callback !== undefined) {
connection.disconnect();
}
}
function resolver(resolve, reject) {
connection_callback = function (status) {
if (status === Strophe.Status.CONNECTED) {
// init jabber inputs
connection.xmlInput = function (domElement) {
[].forEach.call(domElement.children, function (child) {
gadget.receive(serializeXML(child));
});
};
connection.send(
$iq({type: 'get'}).c('query', {xmlns: 'jabber:iq:roster'}).tree()
);
// inform parent gadget
gadget.publishConnectionState('connected');
// show logout box
showLogout(gadget, params);
// register params in localStorage
localStorage.setItem('jabberclient_login', JSON.stringify(params));
} else if (status === Strophe.Status.DISCONNECTED) {
// Destroy connection object
gadget.props.connection = null;
// Inform parent gadget
gadget.publishConnectionState('disconnected');
// Show login box
showLogin(gadget, params);
// remove params in localStorage
localStorage.removeItem('jabberclient_login');
}
};
connection.connect(params.jid, params.passwd, connection_callback);
gadget.props.connection = connection;
}
return new RSVP.Promise(resolver, canceller);
}
rJS(window)
.declareAcquiredMethod('pleaseRedirectMyHash', 'pleaseRedirectMyHash')
.declareAcquiredMethod('publishConnectionState', 'publishConnectionState')
.declareMethod("isConnected", function () {
if (this.props.connection) {
return this.props.connection.connected;
}
return false;
})
.declareAcquiredMethod('receive', 'receive')
.declareMethod('getJID', function () {
return Strophe.getBareJidFromJid(this.props.connection.jid);
})
.declareMethod('send', function (xmlString) {
return this.props.connection.send(parseXML(xmlString));
})
.declareMethod('disconnect', function () {
if (this.connection && this.connection.connected) {
return this.connection.disconnect();
}
})
.declareMethod("pleaseConnectMe", function () {
var params = JSON.parse(localStorage.getItem('jabberclient_login'));
if (params !== null &&
typeof params === 'object' &&
Object.keys(params).length === 3) {
return loopConnectionListener(this, params);
}
return this.pleaseRedirectMyHash("#page=connection");
})
.ready(function (g) {
g.props = {
login_box: g.__element.querySelector('.login-box'),
logout_box: g.__element.querySelector('.logout_box')
};
g.submitLoginCallback = function (e) {
e.preventDefault();
g.props.params = {};
$(this).serializeArray().forEach(function (elem) {
g.props.params[elem.name] = elem.value;
});
loopConnectionListener(g, g.props.params);
return false;
};
g.submitLogoutCallback = function (e) {
g.connection.disconnect();
g.publishConnectionState('disconnected');
};
window.g = g;
return new RSVP.Promise(function (resolve) {
$(document).on('submit', 'form.login-form', g.submitLoginCallback);
$(document).on('click', '.logout-box button', g.submitLogoutCallback);
resolve();
}, function () {
$(document).off('submit', 'form.login-form', g.submitLoginCallback);
$(document).off('click', '.logout-box button', g.submitLogoutCallback);
});
});
}($, Strophe, rJS));
src/jabberclient_contactlist/index.html
View file @ 36c435bf
......@@ -13,25 +13,32 @@
<script src="../<%= copy.renderjs.relative_dest %>"></script>
<script src="../<%= curl.strophejs.relative_dest %>"></script>
<script src="../<%= copy.handlebars.relative_dest %>"></script>
<script src="jabberclient_contactlist.js"></script>
</head>
<body>
<div id=contact-list><ul data-role="listview" data-inset="true"></ul></div>
<script id="contact-template" type="text/x-handlebars-template">
<script class="offline-contact-template" type="text/x-handlebars-template">
<li>
{{#if offline}}
<img src="../jabberclient_contactlist/images/offline.png">
{{else}}
{{#if status}}
<img src="../jabberclient_contactlist/images/misc.png">
{{else}}
<h2>{{name}}&nbsp&nbsp{{jid}}</h2>
</li>
</script>
<script class="online-contact-template" type="text/x-handlebars-template">
<li>
<img src="../jabberclient_contactlist/images/online.png">
{{/if}}
{{/if}}
<h2>{{name}}&nbsp&nbsp{{#if status}}({{status}}){{/if}}</h2>
<h2>{{name}}&nbsp&nbsp{{jid}}</h2>
</li>
</script>
<script class="status-contact-template" type="text/x-handlebars-template">
<li>
<img src="../jabberclient_contactlist/images/status.png">
<h2>{{name}}&nbsp&nbsp{{jid}}&nbsp&nbsp({{status}})</h2>
</li>
</script>
</head>
<body>
<div id=contact-list><ul data-role="listview" data-inset="true"></ul></div>
</body>
</html>
src/jabberclient_contactlist/jabberclient_contactlist.css
View file @ 36c435bf
......@@ -7,6 +7,10 @@
padding-left: 3.25em;
}
#contact-list li > * {
cursor: pointer;
}
#contact-list h2 {
margin: -0.6em 0;
margin-top: -0.3em;
......
src/jabberclient_contactlist/jabberclient_contactlist.js
View file @ 36c435bf
/*global window, rJS, Strophe, $, DOMParser,
XMLSerializer, Handlebars, $iq, $pres*/
/*jslint nomen: true*/
(function ($, Strophe, gadget) {
"use strict";
var contactTemplate, main;
var gadget_klass = rJS(window),
offline_contact_source = gadget_klass.__template_element
.querySelector(".offline-contact-template").innerHTML,
offline_contact_template = Handlebars.compile(offline_contact_source),
online_contact_source = gadget_klass.__template_element
.querySelector(".online-contact-template").innerHTML,
online_contact_template = Handlebars.compile(online_contact_source),
status_contact_source = gadget_klass.__template_element
.querySelector(".status-contact-template").innerHTML,
status_contact_template = Handlebars.compile(status_contact_source);
function parseXML(xmlString) {
return new DOMParser()
......@@ -12,45 +22,52 @@
.children[0];
}
function Contact(jid, options) {
this.jid = jid;
this.offline = true;
this.status = null;
if (typeof options === 'object') {
$.extend(this, options);
function updateContactElement(gadget, contact) {
var template,
options = {};
if (contact.el) { contact.el.remove(); }
if (contact.offline) {
template = offline_contact_template;
} else if (contact.status) {
template = status_contact_template;
options.status = contact.status;
} else {
template = online_contact_template;
}
this.updateElement();
options.jid = contact.jid;
options.name = contact.name;
contact.el = $(template(options));
contact.el.click(function () {
gadget.openChat(contact.jid);
});
}
Contact.prototype.update = function (presence) {
this.status = null;
function updateContact(gadget, contact, presence) {
contact.status = null;
if (presence.getAttribute('type') === 'unavailable') {
this.offline = true;
contact.offline = true;
} else {
var show = $(presence).find('show');
this.offline = false;
contact.offline = false;
if (show.length !== 0 && show.text() !== "online") {
this.status = show.text();
contact.status = show.text();
}
}
this.updateElement();
};
Contact.prototype.updateElement = function () {
var that = this;
if (this.el) { this.el.remove(); }
this.el = $(contactTemplate({
jid: this.jid,
name: this.name,
offline: this.offline,
status: this.status
}));
this.el.click(function () {
main.openChat(that.jid);
});
};
updateContactElement(gadget, contact);
}
function Contact(gadget, jid, options) {
this.jid = jid;
this.offline = true;
this.status = null;
if (typeof options === 'object') {
$.extend(this, options);
}
updateContactElement(gadget, this);
}
function ContactList(rosterIq) {
function ContactList(gadget, rosterIq) {
var that = this,
contactItems = rosterIq.childNodes[0].childNodes,
jid,
......@@ -63,25 +80,27 @@
[].forEach.call(item.attributes, function (attr) {
options[attr.name] = attr.value;
});
that.list[jid] = new Contact(jid, options);
that.list[jid] = new Contact(gadget, jid, options);
that.el.append(that.list[jid].el);
that.el.listview('refresh');
});
main.send($pres().toString());
this.el.listview();
gadget.send($pres().toString());
}
ContactList.prototype.update = function (presence) {
function updateContactList(gadget, presence) {
var jid = Strophe.getBareJidFromJid($(presence).attr('from')),
contact = this.list[jid];
contact = gadget.contactList.list[jid];
if (contact) {
contact.update(presence);
updateContact(gadget, contact, presence);
if (contact.offline) {
this.el.append(contact.el);
gadget.contactList.el.append(contact.el);
} else {
this.el.prepend(contact.el);
gadget.contactList.el.prepend(contact.el);
}
this.el.listview('refresh');
gadget.contactList.el.listview('refresh');
}
};
}
gadget
......@@ -89,11 +108,11 @@
.declareAcquiredMethod('openChat', 'openChat')
.declareMethod('receiveRoster', function (roster) {
this.contactList = new ContactList(parseXML(roster));
this.contactList = new ContactList(this, parseXML(roster));
})
.declareMethod('receivePresence', function (presence) {
this.contactList.update(parseXML(presence));
updateContactList(this, parseXML(presence));
})
.declareMethod('receive', function (message) {
......@@ -105,24 +124,14 @@
this.contactList = new ContactList($(body).find('iq')[0]);
} else if ($(body).find('presence')) {
$(body).find('presence').each(function (index, elem) {
that.contactList.update(elem);
updateContactList(that, elem);
});
}
})
.declareMethod('updatePresence', function (presence) {
presence = parseXML(presence);
this.contactList.update(presence);
})
.ready(function (g) {
main = g;
g.getElement()
.then(function (element) {
contactTemplate = Handlebars.compile(
$(element).find('#contact-template').html()
);
});
updateContactList(this, presence);
});
}($, Strophe, rJS(window)));
src/jabberclient_jio/index.html 0 → 100644
View file @ 36c435bf
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>Jio Gadget</title>
<!-- renderjs -->
<script src="../<%= copy.rsvp.relative_dest %>" type="text/javascript"></script>
<script src="../<%= copy.uritemplate.relative_dest %>" type="text/javascript"></script>
<script src="../<%= copy.renderjs.relative_dest %>" type="text/javascript"></script>
<script src="../<%= copy.uri.relative_dest %>" type="text/javascript"></script>
<script src="../<%= concat.jio.relative_dest %>" type="text/javascript"></script>
<!-- custom script -->
<script src="jabberclient_jio.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
src/jabberclient_jio/jabberclient_jio.js 0 → 100644
View file @ 36c435bf
/*global rJS, jIO, RSVP, encodeURI */
/*jslint nomen: true*/
(function (rJS, jIO) {
"use strict";
rJS(window)
.ready(function (gadget) {
// Initialize the gadget local parameters
gadget.state_parameter_dict = {};
gadget.save = {};
})
.declareMethod('createJio', function (jio_options) {
this.state_parameter_dict.jio_storage = jIO.createJIO(jio_options);
this.save = {};
})
.declareMethod('allDocs', function (options) {
var storage = this.state_parameter_dict.jio_storage,
that = this;
if (that.save.data !== undefined) {
return that.save;
}
return storage.allDocs(options)
.then(function (result) {
if (options.save) {
that.save = result;
}
return result;
});
})
.declareMethod('get', function (param) {
var storage = this.state_parameter_dict.jio_storage,
result = this.save,
length,
i;
if (result.data !== undefined) {
length = result.data.rows.length;
for (i = 0; i < length; i += 1) {
if ((result.data.rows[i].id === encodeURI(param._id))
|| (result.data.rows[i].id === param._id)) {
return ({"data": {"title" : result.data.rows[i].doc.title,
"type" : result.data.rows[i].doc.type}});
}
}
}
return storage.get.apply(storage, arguments);
})
.declareMethod('getAttachment', function () {
var storage = this.state_parameter_dict.jio_storage;
return storage.getAttachment.apply(storage, arguments)
.then(function (response) {
return response.data;
});
})
.declareMethod('putAttachment', function () {
var storage = this.state_parameter_dict.jio_storage;
return storage.putAttachment.apply(storage, arguments);
})
.declareMethod('post', function () {
var storage = this.state_parameter_dict.jio_storage;
return storage.post.apply(storage, arguments);
})
.declareMethod('remove', function () {
var storage = this.state_parameter_dict.jio_storage;
return storage.remove.apply(storage, arguments);
})
.declareMethod('removeAttachment', function () {
var storage = this.state_parameter_dict.jio_storage;
return storage.removeAttachment.apply(storage, arguments);
})
.declareMethod('put', function () {
var storage = this.state_parameter_dict.jio_storage;
return storage.put.apply(storage, arguments);
});
}(rJS, jIO));
src/jabberclient_login/jabberclient_login.js deleted 100644 → 0
View file @ 0008aed7
/*global window, rJS, Strophe, $, $iq,
XMLSerializer, DOMParser, RSVP, localStorage*/
(function ($, Strophe, rJS) {
"use strict";
rJS(window)
.declareAcquiredMethod('connected', 'connected')
.declareAcquiredMethod('disconnected', 'disconnected')
.declareAcquiredMethod('receive', 'receive')
.declareMethod('getJID', function () {
return Strophe.getBareJidFromJid(this.connection.jid);
})
.declareMethod('send', function (xmlString) {
return this.connection.send(this.parseXML(xmlString));
})
.declareMethod('disconnect', function () {
if (this.connection && this.connection.connected) {
return this.connection.disconnect();
}
this.disconnected();
})
.ready(function (g) {
g.serializeXML = function (domElement) {
return new XMLSerializer()
.serializeToString(domElement);
};
g.parseXML = function (xmlString) {
return new DOMParser()
.parseFromString(xmlString, 'text/xml')
.children[0];
};
g.showLogin = function (params) {
$(document).find('.login-box input[name="server"]').val(params.server);
$(document).find('.login-box input[name="jid"]').val(params.jid);
$(document).find('.login-box input[name="passwd"]').val(params.passwd);
$(document).find('.logout-box').hide();
$(document).find('.login-box').show();
};
g.showLogout = function (params) {
$(document).find('.logout-box .server').html(params.server);
$(document).find('.logout-box .jid').html(params.jid);
$(document).find('.login-box').hide();
$(document).find('.logout-box').show();
};
g.login = function (params) {
g.connection = new Strophe.Connection(params.server);
g.connection.connect(params.jid, params.passwd, function (status) {
if (status === Strophe.Status.CONNECTED) {
// init jabber inputs
g.connection.xmlInput = function (domElement) {
[].forEach.call(domElement.children, function (child) {
g.receive(g.serializeXML(child));
});
};
// inform parent gadget
g.connected();
// show logout box
g.showLogout(params);
// register params in localStorage
localStorage.setItem('jabberclient_login', JSON.stringify(params));
} else if (status === Strophe.Status.DISCONNECTED) {
// Destroy connection object
g.connection = null;
// Inform parent gadget
g.disconnected();
// Show login box
g.showLogin(params);
// remove params in localStorage
g.params = null;
localStorage.removeItem('jabberclient_login');
}
});
};
g.submitLoginCallback = function (e) {
g.params = {};
$(this).serializeArray().forEach(function (elem) {
g.params[elem.name] = elem.value;
});
g.login(g.params);
return false;
};
g.submitLogoutCallback = function (e) {
g.connection.disconnect();
g.disconnected();
};
g.params = JSON.parse(localStorage.getItem('jabberclient_login'));
if (g.params !== null &&
typeof g.params === 'object' &&
Object.keys(g.params).length === 3) {
g.login(g.params);
}
// DEBUG
window.g = g;
return new RSVP.Promise(function (resolve) {
$(document).on('submit', 'form.login-form', g.submitLoginCallback);
$(document).on('click', '.logout-box button', g.submitLogoutCallback);
resolve();
}, function () {
$(document).off('submit', 'form.login-form', g.submitLoginCallback);
$(document).off('click', '.logout-box button', g.submitLogoutCallback);
});
});
}($, Strophe, rJS));
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7