You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			136 lines
		
	
	
		
			4.5 KiB
		
	
	
	
		
			JavaScript
		
	
			
		
		
	
	
			136 lines
		
	
	
		
			4.5 KiB
		
	
	
	
		
			JavaScript
		
	
| /*
 | |
|  * vim: ts=4:sw=4:expandtab
 | |
|  */
 | |
| ;(function() {
 | |
|     'use strict';
 | |
|     window.Whisper = window.Whisper || {};
 | |
| 
 | |
|     var SETTINGS = {
 | |
|         OFF     : 'off',
 | |
|         COUNT   : 'count',
 | |
|         NAME    : 'name',
 | |
|         MESSAGE : 'message'
 | |
|     };
 | |
| 
 | |
|     Whisper.Notifications = new (Backbone.Collection.extend({
 | |
|         initialize: function() {
 | |
|             this.on('add', _.debounce(this.update.bind(this), 1000));
 | |
|             this.on('remove', this.onRemove);
 | |
|         },
 | |
|         onclick: function() {
 | |
|             var last = this.last();
 | |
|             if (!last) {
 | |
|                 openInbox();
 | |
|                 return;
 | |
|             }
 | |
|             var conversation = ConversationController.create({
 | |
|                 id: last.get('conversationId')
 | |
|             });
 | |
|             openConversation(conversation);
 | |
|             this.clear();
 | |
|         },
 | |
|         update: function() {
 | |
|             console.log('updating notifications', this.length);
 | |
|             extension.notification.clear();
 | |
|             if (this.length === 0) {
 | |
|                 return;
 | |
|             }
 | |
|             var setting = storage.get('notification-setting') || 'message';
 | |
|             if (setting === SETTINGS.OFF) {
 | |
|                 return;
 | |
|             }
 | |
| 
 | |
|             var iconUrl = 'images/icon_128.png';
 | |
|             var title = [
 | |
|                 this.length,
 | |
|                 this.length === 1 ? i18n('newMessage') : i18n('newMessages')
 | |
|             ].join(' ');
 | |
| 
 | |
|             if (setting === SETTINGS.COUNT) {
 | |
|                 extension.notification.update({
 | |
|                     type     : 'basic',
 | |
|                     title    : title,
 | |
|                     iconUrl  : iconUrl
 | |
|                 });
 | |
|                 return;
 | |
|             }
 | |
| 
 | |
|             if (this.length > 1) {
 | |
|                 var conversationIds = _.uniq(this.map(function(m) {
 | |
|                     return m.get('conversationId');
 | |
|                 }));
 | |
|                 if (conversationIds.length === 1 && this.showSender()) {
 | |
|                     iconUrl = this.at(0).get('iconUrl');
 | |
|                 }
 | |
|                 extension.notification.update({
 | |
|                     type    : 'list',
 | |
|                     iconUrl : iconUrl,
 | |
|                     title   : title,
 | |
|                     message : 'Most recent from ' + this.last().get('title'),
 | |
|                     items   : this.map(function(m) {
 | |
|                         var message, title;
 | |
|                         if (this.showMessage()) {
 | |
|                             return {
 | |
|                                 title   : m.get('title'),
 | |
|                                 message : m.get('message')
 | |
|                             };
 | |
|                         } else if (this.showSender()) {
 | |
|                             return {
 | |
|                                 title   : m.get('title'),
 | |
|                                 message : i18n('newMessage')
 | |
|                             };
 | |
|                         }
 | |
|                     }.bind(this)),
 | |
|                     buttons : [{
 | |
|                         title   : 'Mark all as read',
 | |
|                         iconUrl : 'images/check.svg'
 | |
|                     }]
 | |
|                 });
 | |
|             } else {
 | |
|                 var m = this.at(0);
 | |
|                 var type = 'basic';
 | |
|                 var message = i18n('newMessage');
 | |
|                 var imageUrl;
 | |
|                 if (this.showMessage()) {
 | |
|                     message = m.get('message');
 | |
|                     if (m.get('imageUrl')) {
 | |
|                         type = 'image';
 | |
|                         imageUrl = m.get('imageUrl');
 | |
|                     }
 | |
|                 }
 | |
|                 if (this.showSender()) {
 | |
|                     title = m.get('title');
 | |
|                     iconUrl = m.get('iconUrl');
 | |
|                 }
 | |
|                 extension.notification.update({
 | |
|                     type     : type,
 | |
|                     title    : title,
 | |
|                     message  : message,
 | |
|                     iconUrl  : iconUrl,
 | |
|                     imageUrl : imageUrl
 | |
|                 });
 | |
|             }
 | |
|         },
 | |
|         getSetting: function() {
 | |
|             return storage.get('notification-setting') || 'message';
 | |
|         },
 | |
|         showMessage: function() {
 | |
|             return this.getSetting() === SETTINGS.MESSAGE;
 | |
|         },
 | |
|         showSender: function() {
 | |
|             var setting = this.getSetting();
 | |
|             return (setting === SETTINGS.MESSAGE || setting === SETTINGS.NAME);
 | |
|         },
 | |
|         onRemove: function() {
 | |
|             console.log('remove notification');
 | |
|             if (this.length === 0) {
 | |
|                 extension.notification.clear();
 | |
|                 return;
 | |
|             }
 | |
|         },
 | |
|         clear: function() {
 | |
|             this.reset([]);
 | |
|         }
 | |
|     }))();
 | |
| })();
 |