Streams/streams
Streams/streams
1
0
Fork 0
mirror of https://codeberg.org/streams/streams.git synced 2024-09-20 00:35:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Browser notification issued when member enters chat room

Browse source
This commit is contained in:
Andrew Manning 2016-05-11 20:02:19 -04:00
parent 4dd3839c41
commit b40d8070f3
1 changed files with 76 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
view/tpl/chat.tpl
View file

@ -103,6 +103,7 @@ $(document).ready(function() {
$('#chatroom_bookmarks, #vcard').hide();
$('#chatroom_list, #chatroom_members').show();
adjustInlineTopBarHeight();
chatNotificationInit();
});
$(window).resize(function () {
@ -138,6 +139,8 @@ function load_chats() {
}
var previousChatRoomMembers = null; // initialize chat room member change register
var currentChatRoomMembers = null; // initialize chat room member change register
function update_inroom(inroom) {
var html = document.createElement('div');
var count = inroom.length;
@ -147,9 +150,37 @@ function update_inroom(inroom) {
$(newNode).html('<img style="height: 32px; width: 32px;" src="' + item.img + '" alt="' + item.name + '" /> ' + '<span class="name">' + item.name + '</span><br /><span class="' + item.status_class + '">' + item.status + '</span>');
html.appendChild(newNode);
});
memberChange = chatRoomMembersChange(inroom); // get list of arrivals and departures
if(memberChange.membersArriving.length > 0) {
// Issue pop-up notification if anyone enters the room.
chat_issue_notification(JSON.stringify(memberChange.membersArriving.pop().name) + ' entered the room', 'Hubzilla Chat');
}
$('#chatMembers').html(html);
}
// Determine if the new list of chat room members has any new members or if any have left
function chatRoomMembersChange(inroom) {
previousChatRoomMembers = currentChatRoomMembers;
currentChatRoomMembers = inroom;
var membersArriving = [];
var membersLeaving = [];
if(previousChatRoomMembers !== null) {
var newMember = false;
$.each( currentChatRoomMembers, function(index, currMember) {
newMember = true;
$.each( previousChatRoomMembers, function(index, prevMember) {
if (prevMember.name === currMember.name) {
newMember = false;
}
});
if (newMember === true) {
membersArriving.push(currMember);
}
});
}
return {membersArriving: membersArriving, membersLeaving: membersLeaving};
}
function update_chats(chats) {
var count = chats.length;
$.each( chats, function(index, item) {
@ -172,6 +203,51 @@ function update_chats(chats) {
});
}
var chat_notify_granted = false; // Initialize notification permission to denied
// Request notification access from the user
// TODO: Check Hubzilla member config setting before requesting permission
function chatNotificationInit() {
if (!("Notification" in window)) {
window.console.log("This browser does not support system notifications");
}
// Let's check whether notification permissions have already been granted
else if (Notification.permission === "granted") {
// If it's okay let's create a notification
chat_notify_granted = true; //var notification = new Notification("Hi there!");
}
// Otherwise, we need to ask the user for permission
else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
// If the user accepts, let's create a notification
if (permission === "granted") {
chat_notify_granted = true; //var notification = new Notification("Hi there!");
}
});
}
}
// Issue a pop-up notification using the web standard Notification API
// https://developer.mozilla.org/docs/Web/API/notification
var chat_issue_notification = function (theBody,theTitle) {
if ( !chat_notify_granted ) {
return;
}
var nIcon = "/images/icons/48/group.png";
var options = {
body: theBody,
icon: nIcon,
silent: false
}
var n = new Notification(theTitle,options);
n.onclick = function (event) {
setTimeout(n.close.bind(n), 300);
}
// TODO: Allow audio notification option
//chat_notify_audio.play();
}
function chatJotGetLink() {
reply = prompt("{{$linkurl}}");
if(reply && reply.length) {