[UPDATE] hide lastlogin message without site reload

public/index.php

@@ -99,9 +99,9 @@ if (count(@$_SESSION['last_ip_pop']) == 2) {
   $ip = filter_var($data[0], FILTER_VALIDATE_IP);
   $time = date("l, F jS \a\\t g:i a", $data[1]);
   if (@$_SESSION['AUTHENTICATED'] && $_SESSION['last_ip_pop'][0] !== $user->getCurrentIP()) {
-    $_SESSION['POPUP'][] = array('CONTENT' => "You last logged in from <b>$ip</b> on $time", 'TYPE' => 'alert alert-warning alert-dismissable');
+    $_SESSION['POPUP'][] = array('CONTENT' => "You last logged in from <b>$ip</b> on $time", 'DISMISS' => 'yes', 'ID' => 'lastlogin', 'TYPE' => 'alert alert-warning');
   } else {
-    $_SESSION['POPUP'][] = array('CONTENT' => "You last logged in from <b>$ip</b> on $time", 'TYPE' => 'alert alert-info alert-dismissable');
+    $_SESSION['POPUP'][] = array('CONTENT' => "You last logged in from <b>$ip</b> on $time", 'DISMISS' => 'yes', 'ID' => 'lastlogin', 'TYPE' => 'alert alert-info');
   }
 }
 

public/site_assets/bootstrap/js/jquery.cookie.js

@@ -1,94 +1,117 @@
 /*!
- * jQuery Cookie Plugin v1.3.1
+ * jQuery Cookie Plugin v1.4.0
  * https://github.com/carhartl/jquery-cookie
  *
  * Copyright 2013 Klaus Hartl
  * Released under the MIT license
  */
 (function (factory) {
-    if (typeof define === 'function' && define.amd) {
+	if (typeof define === 'function' && define.amd) {
-        // AMD. Register as anonymous module.
+		// AMD. Register as anonymous module.
-        define(['jquery'], factory);
+		define(['jquery'], factory);
-    } else {
+	} else {
-        // Browser globals.
+		// Browser globals.
-        factory(jQuery);
+		factory(jQuery);
-    }
+	}
 }(function ($) {
 
-    var pluses = /\+/g;
+	var pluses = /\+/g;
 
-    function raw(s) {
+	function encode(s) {
-        return s;
+		return config.raw ? s : encodeURIComponent(s);
-    }
+	}
 
-    function decoded(s) {
+	function decode(s) {
-        return decodeURIComponent(s.replace(pluses, ' '));
+		return config.raw ? s : decodeURIComponent(s);
-    }
+	}
 
-    function converted(s) {
+	function stringifyCookieValue(value) {
-        if (s.indexOf('"') === 0) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
-            // This is a quoted cookie as according to RFC2068, unescape
+	}
-            s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
-        }
-        try {
-            return config.json ? JSON.parse(s) : s;
-        } catch(er) {}
-    }
 
-    var config = $.cookie = function (key, value, options) {
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
 
-        // write
+		try {
-        if (value !== undefined) {
+			// Replace server-side written pluses with spaces.
-            options = $.extend({}, config.defaults, options);
+			// If we can't decode the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+		} catch(e) {
+			return;
+		}
 
-            if (typeof options.expires === 'number') {
+		try {
-                var days = options.expires, t = options.expires = new Date();
+			// If we can't parse the cookie, ignore it, it's unusable.
-                t.setDate(t.getDate() + days);
+			return config.json ? JSON.parse(s) : s;
-            }
+		} catch(e) {}
+	}
 
-            value = config.json ? JSON.stringify(value) : String(value);
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
 
-            return (document.cookie = [
+	var config = $.cookie = function (key, value, options) {
-                config.raw ? key : encodeURIComponent(key),
-                '=',
-                config.raw ? value : encodeURIComponent(value),
-                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
-                options.path    ? '; path=' + options.path : '',
-                options.domain  ? '; domain=' + options.domain : '',
-                options.secure  ? '; secure' : ''
-            ].join(''));
-        }
 
-        // read
+		// Write
-        var decode = config.raw ? raw : decoded;
+		if (value !== undefined && !$.isFunction(value)) {
-        var cookies = document.cookie.split('; ');
+			options = $.extend({}, config.defaults, options);
-        var result = key ? undefined : {};
-        for (var i = 0, l = cookies.length; i < l; i++) {
-            var parts = cookies[i].split('=');
-            var name = decode(parts.shift());
-            var cookie = decode(parts.join('='));
 
-            if (key && key === name) {
+			if (typeof options.expires === 'number') {
-                result = converted(cookie);
+				var days = options.expires, t = options.expires = new Date();
-                break;
+				t.setDate(t.getDate() + days);
-            }
+			}
 
-            if (!key) {
+			return (document.cookie = [
-                result[name] = converted(cookie);
+				encode(key), '=', stringifyCookieValue(value),
-            }
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
-        }
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
 
-        return result;
+		// Read
-    };
 
-    config.defaults = {};
+		var result = key ? undefined : {};
 
-    $.removeCookie = function (key, options) {
+		// To prevent the for loop in the first place assign an empty array
-        if ($.cookie(key) !== undefined) {
+		// in case there are no cookies at all. Also prevents odd result when
-            $.cookie(key, '', $.extend(options, { expires: -1 }));
+		// calling $.cookie().
-            return true;
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
-        }
-        return false;
-    };
 
-}));
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) !== undefined) {
+			// Must not alter options, thus extending a fresh object...
+			$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+			return true;
+		}
+		return false;
+	};
+
+}));

public/site_assets/bootstrap/js/mpos.js

@@ -1,7 +1,5 @@
 $(function() {
-
     $('#side-menu').metisMenu();
-
 });
 
 //Loads the correct sidebar on window load,
@@ -24,5 +22,21 @@ $(document).ready(function() {
 
     // Bootstrap iOS style switches for checkboxes with switch class
     $('.switch').bootstrapSwitch();
+
 });
 
+$(function() {
+
+    // Check if lastlogin alert has been closed
+    if( $.cookie('lastlogin-box') === 'closed' ){
+        $('#lastlogin').hide();
+    }
+    
+    // Grab your button (based on your posted html)
+    $('.close').click(function( e ){
+        e.preventDefault();
+        //alert($(this).attr("id"));
+        $.cookie('lastlogin-box', 'closed', { path: '/' });
+    });
+
+});

public/templates/bootstrap/master.tpl

@@ -24,6 +24,7 @@
   <link href="{$PATH}/css/sparklines.css" rel="stylesheet">
 
   <script src="{$PATH}/js/jquery-2.0.3.min.js"></script>
+  <script src="{$PATH}/js/jquery.cookie.js"></script>
   <script src="{$PATH}/js/bootstrap.min.js"></script>
   <script src="{$PATH}/js/bootstrap-switch.min.js"></script>
   <script src="{$PATH}/js/plugins/dataTables/jquery.dataTables.js"></script>
@@ -43,8 +44,10 @@
     {nocache}
     {if is_array($smarty.session.POPUP|default)}
       {section popup $smarty.session.POPUP}
-      <div class="{$smarty.session.POPUP[popup].TYPE|default:"alert alert-info alert-dismissable"}">
+      <div class="{if $smarty.session.POPUP[popup].DISMISS|default:"" == "yes"}alert-dismissable{/if} {$smarty.session.POPUP[popup].TYPE|default:"alert alert-info"}" id="{$smarty.session.POPUP[popup].ID|default:"static"}">
-        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+        {if $smarty.session.POPUP[popup].DISMISS|default:"no" == "yes"}
+        <button id="{$smarty.session.POPUP[popup].ID|default:"static"}" type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+        {/if}
         {$smarty.session.POPUP[popup].CONTENT nofilter}
       </div>
       {/section}