application/media/js/jquery.notify.js

   1
   2 ( function ( $, window ) {
   3
   4         'use strict';
   5
   6         /*
   7                 Syntax:
   8
   9                         $.notify( string message [, object options ] )
  10
  11                 To create a notification popup you may simply state:
  12
  13                 $.notify( "Where this is the message you wish to prompt!" )
  14         */
  15
  16         var settings = {
  17
  18                 /* Can be info, warning, critical. Will grant the
  19                         notification-body the classes: jq-notify-type-<type> */
  20                 "type": "info",
  21
  22                 /* true/false, A sticky notification does not fade out and
  23                         must be removed manually */
  24                 "sticky": false,
  25
  26                 /* true/false, Should the notification have a remove button
  27                         in the upper right corner */
  28                 "removable": true,
  29
  30                 /* Milliseconds before a non-sticky notification fades out,
  31                         set to string "auto" and it will fade out depending on the
  32                         length of the message. */
  33                 "fadetime": "auto",
  34
  35                 /* Should the notification be configurable, i.e. should
  36                         it be possible to remove this type of notification for
  37                         the "duration of the session"/"this user" */
  38                 "configurable": false,
  39
  40                 /* Buttons can be added to the notification, set the buttons
  41                         property of the options to an object where each key will
  42                         be used as title and the value used as the callback */
  43                 "buttons": false,
  44
  45                 /**/
  46                 "signature": false,
  47
  48                 /**/
  49                 "remove": false
  50
  51         };
  52
  53         var config_options = {
  54                 "always_show": {
  55                         "title": "This notification will show on every page it applies to",
  56                         "name": "Always show"
  57                 }
  58         }
  59
  60         var zone,
  61                 notifications = {},
  62                 template = $( '<div class="jq-notify"><div class="jq-notify-body"></div></div>' ),
  63                 tpl_buttons = $( '<div class="jq-notify-buttons"></div>' ),
  64                 tpl_tools = $( '<div class="jq-notify-tools"></div>' ),
  65                 tpl_remove = $( '<div class="jq-notify-remover">x</div>' ),
  66                 tpl_config = $( '<form><select class="jq-notify-config" title="Set when this notification is shown">' +
  67                                 '<option value="always_show" title="This notification will show on every page it applies to">Always show</option>' +
  68                                 '<option value="hide_time_15" title="This notification will be hidden for 15 minutes">Hide for 15 minutes</option>' +
  69                                 '<option value="hide_time_60" title="This notification will be hidden for 1 hour">Hide for 1 hour</option>' +
  70                                 '<option value="session_hide" title="This notification will remain hidden until the end of the session">Hide for this session</option>' +
  71                                 '<option value="always_hide" title="This notification will never show for you, can be reset under My Account">Always hide</option>' +
  72                         '</select></form>' ),
  73                 tpl_button = $( '<button>' ),
  74                 basepath = false;
  75
  76         $("document").ready( function () {
  77                 zone = $(".jq-notify-zone");
  78         } );
  79
  80         var Notification = function ( message, options ) {
  81
  82                 var opts = $.extend( {}, settings ),
  83                         opt;
  84
  85                 this.message    = message;
  86                 this.display    = "always_show";
  87                 this.sessionid  = "";
  88                 this.signature = ( options && options.signature ) ? options.signature : this.sign( );
  89
  90                 if ( $.notify.configured[ this.signature ] ) {
  91
  92                         var matches,
  93                                 cfg = $.notify.configured[ this.signature ];
  94
  95                         if ( cfg.display === "session_hide" && cfg.sessionid === $.notify.sessionid ) {
  96                                 return false;
  97                         } else if ( cfg.display === "always_hide" ) {
  98                                 return false;
  99                         } else if ( matches = cfg.display.match( /hide_time_(\d+)/ ) ) {
 100
 101                                 var time = cfg.timestamp + ( parseInt( matches[1], 10 ) * 60 * 1000 ),
 102                                         now = Date.now();
 103
 104                                 if ( time - now > 0) {
 105                                         return false;
 106                                 }
 107
 108                         }
 109
 110                 }
 111
 112                 this.wrapper    = template.clone();
 113                 this.body               = this.wrapper.find( ".jq-notify-body" );
 114                 this.btnbar             = tpl_buttons.clone();
 115                 this.toolbar    = tpl_tools.clone();
 116
 117                 if ( typeof( options ) != "undefined" && typeof( options ) == "object" ) {
 118                         for ( opt in opts ) {
 119                                 if ( typeof(options[ opt ]) != "undefined" )
 120                                         opts[opt] = options[ opt ];
 121                         }
 122                 } else if ( typeof( options ) == "string" ) {
 123                         opts.type = options.toLowerCase();
 124                 }
 125
 126                 this.wrapper.attr( "data-signature", this.signature );
 127
 128                 this.options = opts;
 129                 this.apply();
 130
 131                 this.body.append( "<p>" + this.message + "</p>" );
 132                 this.body.append( this.toolbar );
 133
 134                 zone.css( "display", "block" );
 135                 zone.prepend( this.wrapper );
 136
 137                 this.wrapper.slideDown( 200 );
 138                 notifications[ this.signature ] = this;
 139
 140                 return this;
 141
 142         }
 143
 144         Notification.prototype = {
 145
 146                 wrapper: false,
 147                 body: false,
 148                 btnbar: false,
 149                 toolbar: false,
 150
 151                 /* DON'T CHANGE, IT WILL INVALIDATE SETTINGS FOR
 152                         AUTO-SIGNED NOTIFICATIONS */
 153                 sign: function () {
 154
 155                         var reduce = function ( a, p ) {
 156
 157                                 while ( a.length > 64 ) {
 158                                         p = ( a.length / 3 ) | 0;
 159                                         a[ p ] = a[ p ] + a.splice( p * 2, 1 )[0];
 160                                         a[ p ] = a[ p ] & a[ p ];
 161                                 }
 162                                 return a;
 163
 164                         }
 165
 166                         var s = this.message;
 167                         while ( s.length < 128 ) s += s;
 168
 169                         var h = [], i = s.length;
 170
 171                         for ( i; i--; ) h.push( s.charCodeAt( i ) );
 172                         h = reduce( h );
 173
 174                         for ( i = h.length; i--; ) {
 175                                 h[i] = ( (h[i] > 300) ? (h[i] / 2) | 0 : h[i] ).toString( 36 );
 176                                 h[i] = ( i % 2 == 0 ) ? h[i].toUpperCase() : h[i];
 177                         }
 178
 179                         return h.join( "" ).substr( 32, 64 );
 180
 181                 },
 182
 183                 remove: function () {
 184
 185                         if ( basepath === false ) {
 186                                 basepath = _site_domain + _index_page;
 187                         }
 188
 189                         var self = this;
 190                         this.wrapper.slideUp( 200, function () {
 191
 192                                 self.wrapper.remove();
 193                                 if ( self.options.remove !== false && typeof( self.options.remove ) == "function" ) {
 194                                         self.options.remove();
 195                                 }
 196
 197                                 if ( zone.children().length == 0 ) {
 198                                         zone.css( "display", "none" );
 199                                 }
 200
 201                                 var note, blob = $.notify.configured;
 202                                 for ( var signature in notifications ) {
 203
 204                                         note = notifications[ signature ];
 205                                         blob[ signature ] = {
 206                                                 "display": note.display,
 207                                                 "sessionid": note.sessionid,
 208                                                 "timestamp": Date.now()
 209                                         }
 210
 211                                 }
 212
 213                                 $.ajax( basepath + '/ajax/save_page_setting', {
 214
 215                                         data: {
 216                                                 'type': 'notifications',
 217                                                 'page': 'notifications_facility',
 218                                                 'setting': JSON.stringify( blob )
 219                                         },
 220
 221                                         type: 'POST',
 222                                         complete: function ( request ) {
 223
 224                                         }
 225
 226                                 });
 227
 228                         });
 229
 230                 },
 231
 232                 getAutoFadetime: function ( ) {
 233
 234                         var size = this.message.split( " " ).length,
 235                                 time = 500 + ( size * 500 );
 236                         time = ( time > 4000 ) ? 4000 : time;
 237                         return time;
 238
 239                 },
 240
 241                 apply: function () {
 242
 243                         var button, title, self = this;
 244
 245                         if ( this.options && this.options.buttons && typeof(this.options.buttons) === "object" ) {
 246
 247                                 for ( title in this.options.buttons ) {
 248                                         button = tpl_button.clone().append( title );
 249                                         button.bind( "click", this.options.buttons[ title ] );
 250                                         this.btnbar.append( button );
 251                                 }
 252
 253                                 this.options.sticky = true;
 254
 255                         }
 256
 257                         this.body.append( this.btnbar );
 258                         this.body.addClass( "jq-notify-type-" + this.options.type );
 259
 260                         var configer;
 261                         if ( this.options.configurable !== false && this.options.removable !== false ) {
 262
 263                                 configer  = tpl_config.clone();
 264                                 configer.find("select").bind( "change", function ( e ) {
 265                                         var value = this.value;
 266                                         self.display = value;
 267                                         self.sessionid = $.notify.sessionid;
 268                                 } );
 269
 270                                 this.toolbar.append( configer );
 271
 272                         }
 273
 274                         if ( this.options.removable !== false ) {
 275
 276                                 this.toolbar.append( tpl_remove.clone() );
 277
 278                                 this.toolbar.bind( "click", function ( e ) {
 279                                         var target = $( e.target );
 280                                         if ( target.hasClass( "jq-notify-remover" ) )
 281                                                 self.remove();
 282                                 } );
 283
 284                         }
 285
 286                         if ( this.options.sticky === false ) {
 287
 288                                 if ( this.options.fadetime === "auto" )
 289                                         this.options.fadetime = this.getAutoFadetime();
 290
 291                                 var timer = setTimeout( function () {
 292                                         self.remove();
 293                                         clearTimeout( timer );
 294                                 }, this.options.fadetime );
 295
 296                         }
 297
 298                 }
 299
 300         };
 301
 302         $.notify = function ( message, options ) {
 303                 return ( new Notification( message, options ) );
 304         }
 305
 306         $.notify.sessionid = "";
 307         $.notify.configured = {};
 308
 309 })( jQuery, window );