Added init version of desktop notifications.
This commit is contained in:
parent
dba39774f7
commit
18a7fc58e5
4 changed files with 222 additions and 0 deletions
|
@ -15,6 +15,10 @@ class App.Controller extends Spine.Controller
|
||||||
notify: (data) ->
|
notify: (data) ->
|
||||||
App.Event.trigger 'notify', data
|
App.Event.trigger 'notify', data
|
||||||
|
|
||||||
|
# add @notifyDesktop methode to create desktop notification
|
||||||
|
notifyDesktop: (data) ->
|
||||||
|
App.Event.trigger 'notifyDesktop', data
|
||||||
|
|
||||||
# add @navupdate methode to update navigation
|
# add @navupdate methode to update navigation
|
||||||
navupdate: (url) ->
|
navupdate: (url) ->
|
||||||
App.Event.trigger 'navupdate', url
|
App.Event.trigger 'navupdate', url
|
||||||
|
|
|
@ -55,6 +55,12 @@ class App.ChatWidget extends App.Controller
|
||||||
if length > 10
|
if length > 10
|
||||||
@messageLog = @messageLog.slice( length - max, length )
|
@messageLog = @messageLog.slice( length - max, length )
|
||||||
@render()
|
@render()
|
||||||
|
|
||||||
|
if !e.spool
|
||||||
|
@notifyDesktop(
|
||||||
|
msg: 'Chat'
|
||||||
|
body: "#{e.nick}: #{e.message}"
|
||||||
|
)
|
||||||
)
|
)
|
||||||
|
|
||||||
App.Event.bind(
|
App.Event.bind(
|
||||||
|
|
|
@ -14,6 +14,17 @@ class App.Notify extends Spine.Controller
|
||||||
@log 'notify:removeall', @
|
@log 'notify:removeall', @
|
||||||
@destroyAll()
|
@destroyAll()
|
||||||
|
|
||||||
|
App.Event.bind 'notifyDesktop', (data) =>
|
||||||
|
if !data['icon']
|
||||||
|
data['icon'] = 'unknown'
|
||||||
|
notify.createNotification( data.msg, data )
|
||||||
|
|
||||||
|
# request desktop notification after login
|
||||||
|
App.Event.bind 'auth', (data) ->
|
||||||
|
if !_.isEmpty(data)
|
||||||
|
notify.config( pageVisibility: false )
|
||||||
|
notify.requestPermission()
|
||||||
|
|
||||||
render: (data) ->
|
render: (data) ->
|
||||||
# notify = App.view('notify')(data: data)
|
# notify = App.view('notify')(data: data)
|
||||||
# @append( notify )
|
# @append( notify )
|
||||||
|
|
201
app/assets/javascripts/app/lib/base/desktop-notify.js
Normal file
201
app/assets/javascripts/app/lib/base/desktop-notify.js
Normal file
|
@ -0,0 +1,201 @@
|
||||||
|
/**
|
||||||
|
* Copyright 2012 Tsvetan Tsvetkov
|
||||||
|
*
|
||||||
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
* you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
*
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
* See the License for the specific language governing permissions and
|
||||||
|
* limitations under the License.
|
||||||
|
*
|
||||||
|
* Author: Tsvetan Tsvetkov (tsekach@gmail.com)
|
||||||
|
*/
|
||||||
|
(function (win) {
|
||||||
|
/*
|
||||||
|
Safari native methods required for Notifications do NOT run in strict mode.
|
||||||
|
*/
|
||||||
|
//"use strict";
|
||||||
|
var PERMISSION_DEFAULT = "default",
|
||||||
|
PERMISSION_GRANTED = "granted",
|
||||||
|
PERMISSION_DENIED = "denied",
|
||||||
|
PERMISSION = [PERMISSION_GRANTED, PERMISSION_DEFAULT, PERMISSION_DENIED],
|
||||||
|
defaultSetting = {
|
||||||
|
pageVisibility: true,
|
||||||
|
autoClose: 5000
|
||||||
|
},
|
||||||
|
empty = {},
|
||||||
|
emptyString = "",
|
||||||
|
isSupported = (function () {
|
||||||
|
var isSupported = false;
|
||||||
|
/*
|
||||||
|
* Use try {} catch() {} because the check for IE may throws an exception
|
||||||
|
* if the code is run on browser that is not Safar/Chrome/IE or
|
||||||
|
* Firefox with html5notifications plugin.
|
||||||
|
*
|
||||||
|
* Also, we canNOT detect if msIsSiteMode method exists, as it is
|
||||||
|
* a method of host object. In IE check for existing method of host
|
||||||
|
* object returns undefined. So, we try to run it - if it runs
|
||||||
|
* successfully - then it is IE9+, if not - an exceptions is thrown.
|
||||||
|
*/
|
||||||
|
try {
|
||||||
|
isSupported = !!(/* Safari, Chrome */win.Notification || /* Chrome & ff-html5notifications plugin */win.webkitNotifications || /* Firefox Mobile */navigator.mozNotification || /* IE9+ */(win.external && win.external.msIsSiteMode() !== undefined));
|
||||||
|
} catch (e) {}
|
||||||
|
return isSupported;
|
||||||
|
}()),
|
||||||
|
ieVerification = Math.floor((Math.random() * 10) + 1),
|
||||||
|
isFunction = function (value) { return (value && (value).constructor === Function); },
|
||||||
|
isString = function (value) {return (value && (value).constructor === String); },
|
||||||
|
isObject = function (value) {return (value && (value).constructor === Object); },
|
||||||
|
/**
|
||||||
|
* Dojo Mixin
|
||||||
|
*/
|
||||||
|
mixin = function (target, source) {
|
||||||
|
var name, s;
|
||||||
|
for (name in source) {
|
||||||
|
s = source[name];
|
||||||
|
if (!(name in target) || (target[name] !== s && (!(name in empty) || empty[name] !== s))) {
|
||||||
|
target[name] = s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return target; // Object
|
||||||
|
},
|
||||||
|
noop = function () {},
|
||||||
|
settings = defaultSetting;
|
||||||
|
function getNotification(title, options) {
|
||||||
|
var notification;
|
||||||
|
if (win.Notification) { /* Safari 6, Chrome (23+) */
|
||||||
|
notification = new win.Notification(title, {
|
||||||
|
/* The notification's icon - For Chrome in Windows, Linux & Chrome OS */
|
||||||
|
icon: isString(options.icon) ? options.icon : options.icon.x32,
|
||||||
|
/* The notification’s subtitle. */
|
||||||
|
body: options.body || emptyString,
|
||||||
|
/*
|
||||||
|
The notification’s unique identifier.
|
||||||
|
This prevents duplicate entries from appearing if the user has multiple instances of your website open at once.
|
||||||
|
*/
|
||||||
|
tag: options.tag || emptyString
|
||||||
|
});
|
||||||
|
} else if (win.webkitNotifications) { /* FF with html5Notifications plugin installed */
|
||||||
|
notification = win.webkitNotifications.createNotification(options.icon, title, options.body);
|
||||||
|
notification.show();
|
||||||
|
} else if (navigator.mozNotification) { /* Firefox Mobile */
|
||||||
|
notification = navigator.mozNotification.createNotification(title, options.body, options.icon);
|
||||||
|
notification.show();
|
||||||
|
} else if (win.external && win.external.msIsSiteMode()) { /* IE9+ */
|
||||||
|
//Clear any previous notifications
|
||||||
|
win.external.msSiteModeClearIconOverlay();
|
||||||
|
win.external.msSiteModeSetIconOverlay((isString(options.icon) ? options.icon : options.icon.x16), title);
|
||||||
|
win.external.msSiteModeActivate();
|
||||||
|
notification = {
|
||||||
|
"ieVerification": ieVerification + 1
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return notification;
|
||||||
|
}
|
||||||
|
function getWrapper(notification) {
|
||||||
|
return {
|
||||||
|
close: function () {
|
||||||
|
if (notification) {
|
||||||
|
if (notification.close) {
|
||||||
|
//http://code.google.com/p/ff-html5notifications/issues/detail?id=58
|
||||||
|
notification.close();
|
||||||
|
} else if (win.external && win.external.msIsSiteMode()) {
|
||||||
|
if (notification.ieVerification === ieVerification) {
|
||||||
|
win.external.msSiteModeClearIconOverlay();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
function requestPermission(callback) {
|
||||||
|
if (!isSupported) { return; }
|
||||||
|
var callbackFunction = isFunction(callback) ? callback : noop;
|
||||||
|
if (win.webkitNotifications && win.webkitNotifications.checkPermission) {
|
||||||
|
/*
|
||||||
|
* Chrome 23 supports win.Notification.requestPermission, but it
|
||||||
|
* breaks the browsers, so use the old-webkit-prefixed
|
||||||
|
* win.webkitNotifications.checkPermission instead.
|
||||||
|
*
|
||||||
|
* Firefox with html5notifications plugin supports this method
|
||||||
|
* for requesting permissions.
|
||||||
|
*/
|
||||||
|
win.webkitNotifications.requestPermission(callbackFunction);
|
||||||
|
} else if (win.Notification && win.Notification.requestPermission) {
|
||||||
|
win.Notification.requestPermission(callbackFunction);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function permissionLevel() {
|
||||||
|
var permission;
|
||||||
|
if (!isSupported) { return; }
|
||||||
|
if (win.Notification && win.Notification.permissionLevel) {
|
||||||
|
//Safari 6
|
||||||
|
permission = win.Notification.permissionLevel();
|
||||||
|
} else if (win.webkitNotifications && win.webkitNotifications.checkPermission) {
|
||||||
|
//Chrome & Firefox with html5-notifications plugin installed
|
||||||
|
permission = PERMISSION[win.webkitNotifications.checkPermission()];
|
||||||
|
} else if (navigator.mozNotification) {
|
||||||
|
//Firefox Mobile
|
||||||
|
permission = PERMISSION_GRANTED;
|
||||||
|
} else if (win.external && win.external.msIsSiteMode()) { /* keep last */
|
||||||
|
//IE9+
|
||||||
|
permission = PERMISSION_GRANTED;
|
||||||
|
}
|
||||||
|
return permission;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
function config(params) {
|
||||||
|
if (params && isObject(params)) {
|
||||||
|
mixin(settings, params);
|
||||||
|
}
|
||||||
|
return settings;
|
||||||
|
}
|
||||||
|
function isDocumentHidden() {
|
||||||
|
return settings.pageVisibility ? (document.hidden || document.msHidden || document.mozHidden || document.webkitHidden) : true;
|
||||||
|
}
|
||||||
|
function createNotification(title, options) {
|
||||||
|
var notification,
|
||||||
|
notificationWrapper;
|
||||||
|
/*
|
||||||
|
Return undefined if notifications are not supported.
|
||||||
|
|
||||||
|
Return undefined if no permissions for displaying notifications.
|
||||||
|
|
||||||
|
Title and icons are required. Return undefined if not set.
|
||||||
|
*/
|
||||||
|
if (isSupported && isDocumentHidden() && isString(title) && (options && (isString(options.icon) || isObject(options.icon))) && (permissionLevel() === PERMISSION_GRANTED)) {
|
||||||
|
notification = getNotification(title, options);
|
||||||
|
}
|
||||||
|
notificationWrapper = getWrapper(notification);
|
||||||
|
//Auto-close notification
|
||||||
|
if (settings.autoClose && notification && !notification.ieVerification && notification.addEventListener) {
|
||||||
|
notification.addEventListener("show", function () {
|
||||||
|
var notification = notificationWrapper;
|
||||||
|
win.setTimeout(function () {
|
||||||
|
notification.close();
|
||||||
|
}, settings.autoClose);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return notificationWrapper;
|
||||||
|
}
|
||||||
|
win.notify = {
|
||||||
|
PERMISSION_DEFAULT: PERMISSION_DEFAULT,
|
||||||
|
PERMISSION_GRANTED: PERMISSION_GRANTED,
|
||||||
|
PERMISSION_DENIED: PERMISSION_DENIED,
|
||||||
|
isSupported: isSupported,
|
||||||
|
config: config,
|
||||||
|
createNotification: createNotification,
|
||||||
|
permissionLevel: permissionLevel,
|
||||||
|
requestPermission: requestPermission
|
||||||
|
};
|
||||||
|
if (isFunction(Object.freeze)) {
|
||||||
|
Object.freeze(win.notify);
|
||||||
|
}
|
||||||
|
}(window));
|
Loading…
Reference in a new issue