Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Fix logout

Browse Source
This commit is contained in:
JC Brand 2018-02-20 16:51:59 +01:00
parent 21556832f8
commit 1470b86896
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mockup/user-panel.html
View File

@ -5,7 +5,7 @@
<span class="username w-100 align-self-center">Walter White</span> <span class="username w-100 align-self-center">Walter White</span>
<!-- <a class="chatbox-btn fa fa-vcard align-self-center" title="Your profile" data-toggle="modal" data-target="#userProfileModal"></a> --> <!-- <a class="chatbox-btn fa fa-vcard align-self-center" title="Your profile" data-toggle="modal" data-target="#userProfileModal"></a> -->
<!-- <a class="chatbox-btn fa fa-cog align-self-center" title="Change settings" data-toggle="modal" data-target="#settingsModal"></a> --> <!-- <a class="chatbox-btn fa fa-cog align-self-center" title="Change settings" data-toggle="modal" data-target="#settingsModal"></a> -->
<a class="chatbox-btn fa fa-sign-out align-self-center" title="Log out"></a> <a class="chatbox-btn logout fa fa-sign-out align-self-center" title="Log out"></a>
</div> </div>
<div class="d-flex xmpp-status"> <div class="d-flex xmpp-status">
<span class="online w-100 align-self-center" data-value="online"> <span class="online w-100 align-self-center" data-value="online">

16
src/converse-profile.js
View File

@ -42,7 +42,8 @@
"click a.choose-xmpp-status": "toggleOptions", "click a.choose-xmpp-status": "toggleOptions",
"click #fancy-xmpp-status-select a.change-xmpp-status-message": "renderStatusChangeForm", "click #fancy-xmpp-status-select a.change-xmpp-status-message": "renderStatusChangeForm",
"submit": "setStatusMessage", "submit": "setStatusMessage",
"click .dropdown dd ul li a": "setStatus" "click .dropdown dd ul li a": "setStatus",
"click .logout": "logOut"
}, },
initialize () { initialize () {
@ -88,15 +89,18 @@
this.model.setStatusMessage(ev.target.querySelector('input').value); this.model.setStatusMessage(ev.target.querySelector('input').value);
}, },
logOut (ev) {
ev.preventDefault();
const result = confirm(__("Are you sure you want to log out?"));
if (result === true) {
_converse.logOut();
}
},
setStatus (ev) { setStatus (ev) {
ev.preventDefault(); ev.preventDefault();
const value = ev.target.getAttribute('data-value'); const value = ev.target.getAttribute('data-value');
if (value === 'logout') {
_converse.logOut();
} else {
this.model.setStatus(value); this.model.setStatus(value);
}
utils.slideIn(this.el.querySelector("#target dd ul"));
}, },
getPrettyStatus (stat) { getPrettyStatus (stat) {

2
src/templates/profile_view.html
View File

@ -6,7 +6,7 @@
<span class="username w-100 align-self-center">{{{o.fullname}}}</span> <span class="username w-100 align-self-center">{{{o.fullname}}}</span>
<!-- <a class="chatbox-btn fa fa-vcard align-self-center" title="{{{o.title_your_profile}}}" data-toggle="modal" data-target="#userProfileModal"></a> --> <!-- <a class="chatbox-btn fa fa-vcard align-self-center" title="{{{o.title_your_profile}}}" data-toggle="modal" data-target="#userProfileModal"></a> -->
<!-- <a class="chatbox-btn fa fa-cog align-self-center" title="{{{o.title_change_status}}}" data-toggle="modal" data-target="#settingsModal"></a> --> <!-- <a class="chatbox-btn fa fa-cog align-self-center" title="{{{o.title_change_status}}}" data-toggle="modal" data-target="#settingsModal"></a> -->
<a class="chatbox-btn fa fa-sign-out align-self-center" title="{{{o.title_log_out}}}"></a> <a class="chatbox-btn logout fa fa-sign-out align-self-center" title="{{{o.title_log_out}}}"></a>
</div> </div>
<div class="d-flex xmpp-status"> <div class="d-flex xmpp-status">
<span class="{{{o.chat_status}}} w-100 align-self-center" data-value="{{{o.chat_status}}}"> <span class="{{{o.chat_status}}} w-100 align-self-center" data-value="{{{o.chat_status}}}">