xmpp.chapril.org-conversejs/src/converse-profile.js

172 lines
6.3 KiB
JavaScript
Raw Normal View History

// Converse.js (A browser based XMPP chat client)
// http://conversejs.org
//
// Copyright (c) 2012-2017, Jan-Carel Brand <jc@opkode.com>
// Licensed under the Mozilla Public License (MPLv2)
//
/*global define */
(function (root, factory) {
define(["converse-core",
"bootstrap",
2018-02-21 12:31:25 +01:00
"tpl!chat_status_modal",
2018-02-23 16:32:47 +01:00
"tpl!profile_modal",
"tpl!profile_view",
"tpl!status_option",
"converse-vcard",
"converse-modal"
], factory);
}(this, function (
converse,
2018-02-21 12:31:25 +01:00
bootstrap,
tpl_chat_status_modal,
2018-02-23 16:32:47 +01:00
tpl_profile_modal,
tpl_profile_view,
tpl_status_option
) {
"use strict";
const { Strophe, Backbone, Promise, utils, _, moment } = converse.env;
2018-02-21 16:10:13 +01:00
const u = converse.env.utils;
converse.plugins.add('converse-profile', {
dependencies: ["converse-modal"],
initialize () {
/* The initialize function gets called as soon as the plugin is
* loaded by converse.js's plugin machinery.
*/
const { _converse } = this,
{ __ } = _converse;
2018-02-23 16:32:47 +01:00
_converse.ProfileModal = _converse.BootstrapModal.extend({
toHTML () {
return tpl_profile_modal(_.extend(this.model.toJSON(), {
2018-02-23 23:10:46 +01:00
'heading_profile': __('Your Profile'),
2018-02-23 16:32:47 +01:00
'label_close': __('Close')
}));
},
});
_converse.ChatStatusModal = _converse.BootstrapModal.extend({
events: {
2018-02-21 16:10:13 +01:00
"submit form#set-xmpp-status": "onFormSubmitted",
"click .clear-input": "clearStatusMessage"
},
2018-02-21 12:31:25 +01:00
toHTML () {
return tpl_chat_status_modal(_.extend(this.model.toJSON(), {
'label_away': __('Away'),
'label_close': __('Close'),
'label_busy': __('Busy'),
'label_cancel': __('Cancel'),
'label_custom_status': __('Custom status'),
'label_offline': __('Offline'),
'label_online': __('Online'),
'label_save': __('Save'),
'label_xa': __('Away for long'),
'modal_title': __('Change chat status'),
'placeholder_status_message': __('Personal status message')
}));
},
2018-03-26 21:11:32 +02:00
afterRender () {
this.el.addEventListener('shown.bs.modal', () => {
this.el.querySelector('input[name="status_message"]').focus();
}, false);
},
2018-02-21 16:10:13 +01:00
clearStatusMessage (ev) {
if (ev && ev.preventDefault) {
ev.preventDefault();
u.hideElement(this.el.querySelector('.clear-input'));
}
const roster_filter = this.el.querySelector('input[name="status_message"]');
roster_filter.value = '';
},
onFormSubmitted (ev) {
ev.preventDefault();
2018-02-21 16:10:13 +01:00
const data = new FormData(ev.target);
this.model.save({
'status_message': data.get('status_message'),
'status': data.get('chat_status')
});
this.modal.hide();
2018-02-21 12:31:25 +01:00
}
});
_converse.XMPPStatusView = Backbone.VDOMView.extend({
tagName: "div",
events: {
2018-02-23 16:32:47 +01:00
"click a.show-profile": "showProfileModal",
2018-02-21 16:10:13 +01:00
"click a.change-status": "showStatusChangeModal",
2018-02-20 16:51:59 +01:00
"click .logout": "logOut"
},
initialize () {
2018-02-19 22:12:50 +01:00
this.model.on("change", this.render, this);
},
toHTML () {
const chat_status = this.model.get('status') || 'offline';
return tpl_profile_view(_.extend(this.model.toJSON(), {
'fullname': this.model.get('fullname') || _converse.bare_jid,
'status_message': this.model.get('status_message') ||
__("I am %1$s", this.getPrettyStatus(chat_status)),
'chat_status': chat_status,
2018-03-25 10:43:56 +02:00
'_converse': _converse,
'title_change_settings': __('Change settings'),
'title_change_status': __('Click to change your chat status'),
'title_log_out': __('Log out'),
'title_your_profile': __('Your profile')
}));
},
2018-02-23 16:32:47 +01:00
showProfileModal (ev) {
if (_.isUndefined(this.profile_modal)) {
this.profile_modal = new _converse.ProfileModal({model: this.model});
}
this.profile_modal.show(ev);
},
showStatusChangeModal (ev) {
if (_.isUndefined(this.status_modal)) {
this.status_modal = new _converse.ChatStatusModal({model: this.model});
}
this.status_modal.show(ev);
2018-02-21 16:10:13 +01:00
},
2018-02-20 16:51:59 +01:00
logOut (ev) {
ev.preventDefault();
2018-02-20 16:51:59 +01:00
const result = confirm(__("Are you sure you want to log out?"));
if (result === true) {
_converse.logOut();
}
2018-02-20 16:51:59 +01:00
},
getPrettyStatus (stat) {
if (stat === 'chat') {
return __('online');
} else if (stat === 'dnd') {
return __('busy');
} else if (stat === 'xa') {
return __('away for long');
} else if (stat === 'away') {
return __('away');
} else if (stat === 'offline') {
return __('offline');
} else {
return __(stat) || __('online');
}
}
});
}
});
}));