Stackedit/js/extensions/notifications.js

define([
    "jquery",
    "underscore",
    "utils",
    "jgrowl"
], function($, _, utils, jGrowl) {
	
	var notifications = {
		extensionId: "notifications",
		extensionName: "Notifications",
		defaultConfig: {
			timeout: 5000
		},
        settingsBloc: [
                       	'<p>Shows notification messages in the bottom-right corner of the screen.</p>',
                       	'<div class="form-horizontal">',
	                       	'<div class="control-group">',
		                       	'<label class="control-label" for="input-notifications-timeout">Timeout</label>',
		                       	'<div class="controls">',
	                       		'<input type="text" id="input-notifications-timeout" class="input-mini">',
	                       		'<span class="help-inline">ms</span>',
	                       		'</div>',
                       		'</div>',
                   		'</div>'
                      ].join("")
	};
	
	notifications.onLoadSettings = function() {
    	utils.setInputValue("#input-notifications-timeout", notifications.config.timeout);
    };
    
    notifications.onSaveSettings = function(newConfig, event) {
    	newConfig.timeout = utils.getInputIntValue("#input-notifications-timeout", event, 1, 60000);
    };
    
	notifications.onReady = function() {
		// jGrowl configuration
		jGrowl.defaults.life = notifications.config.timeout;
		jGrowl.defaults.closer = false;
		jGrowl.defaults.closeTemplate = '';
		jGrowl.defaults.position = 'bottom-right';
	};
	
	function showMessage(msg, iconClass, options) {
		if(!msg) {
			return;
		}
		var endOfMsg = msg.indexOf("|");
		if(endOfMsg !== -1) {
			msg = msg.substring(0, endOfMsg);
			if(!msg) {
				return;
			}
		}
		options = options || {};
		iconClass = iconClass || "icon-info-sign";
		jGrowl("<i class='icon-white " + iconClass + "'></i> " + _.escape(msg), options);
	}
	
	notifications.onMessage = function(message) {
		logger.log(message);
		showMessage(message);
	};
	
	notifications.onError = function(error) {
		logger.error(error);
		if(_.isString(error)) {
			showMessage(error, "icon-warning-sign");
		}
		else if(_.isObject(error)) {
			showMessage(error.message, "icon-warning-sign");
		}
	};
	
	notifications.onOfflineChanged = function(isOffline) {
		if(isOffline === true) {
			showMessage("You are offline.", "icon-exclamation-sign msg-offline", {
				sticky : true,
				close : function() {
					showMessage("You are back online!", "icon-signal");
				}
			});
		} else {
			$(".msg-offline").parents(".jGrowl-notification").trigger(
			'jGrowl.beforeClose');
		}
	};
	
	notifications.onSyncImportSuccess = function(fileDescList, provider) {
		if(!fileDescList) {
			return;
		}
		var titles = _.map(fileDescList, function(fileDesc) {
			return fileDesc.title;
		}).join(", ");
		showMessage(titles + ' imported successfully from ' + provider.providerName + '.');
	};
	
	notifications.onSyncExportSuccess = function(fileDesc, syncAttributes) {
		showMessage('"' + fileDesc.title + '" will now be synchronized on ' + syncAttributes.provider.providerName + '.');
	};
	
	notifications.onSyncRemoved = function(fileDesc, syncAttributes) {
		showMessage(syncAttributes.provider.providerName + " synchronized location has been removed.");
	};
	
	notifications.onPublishSuccess = function(fileDesc) {
		showMessage('"' + fileDesc.title + '" successfully published.');
	};
	
	notifications.onNewPublishSuccess = function(fileDesc, publishIndex, publishAttributes) {
		showMessage('"' + fileDesc.title + '" is now published on ' + publishAttributes.provider.providerName + '.');
	};
	
	notifications.onPublishRemoved = function(fileDesc, publishAttributes) {
		showMessage(publishAttributes.provider.providerName + " publish location has been removed.");
	};
	
	return notifications;
});