LocalStorage used for Explorer view

scripts/explorer.js

@@ -32,6 +32,7 @@ jQuery(document).ready(function($)
     paramTag = (urlParams.get('tags') == null ? urlParams.getAll('tag') : urlParams.getAll('tags'));
     paramPhoto = (urlParams.get('photos') == null ? urlParams.getAll('photo') : urlParams.getAll('photos'));
     paramHelp = (urlParams.get('helps') == null ? urlParams.getAll('help') : urlParams.getAll('helps'));
+    paramView = (urlParams.get('view'));
     params = { "year": paramYear, "month": paramMonth, "dimension": paramDimension, "genre": paramGenre, "theme": paramTheme, "place": paramPlace, "tag": paramTag, "photo": paramPhoto, "help": paramHelp }
 
     $.getJSON("data.json", function(data)
@@ -522,6 +523,35 @@ jQuery(document).ready(function($)
             $("article.explorer p.result").css("display", "none");
         }
 
+        function setGallery()
+        {
+            $("table").hide();
+            $("#gallery").show();
+            window.localStorage.setItem('explorer-view', 'gallery');
+        }
+
+        function setTable()
+        {
+            $("#gallery").hide();
+            $("table").show();
+            window.localStorage.setItem('explorer-view', 'table');
+        }
+
+        if (paramView == "gallery")
+            setGallery();
+        else if (paramView == "table")
+            setTable();
+        else
+        {
+            if (res)
+            {
+            explorerView = window.localStorage.getItem('explorer-view');
+            if (explorerView == "gallery")
+                setGallery();
+            else if (explorerView == "table")
+                setTable();
+            }
+        }
 
         // fancybox configuration
         $.getScript("scripts/fancybox.js", function() {

scripts/explorer_menu.js

@@ -335,16 +335,17 @@ function userActionHandle(availableOptions)
     }
 
 
-
     // change display: gallery/table
     $(".style-select.frame").click(function()
     {
         $("table").hide();
         $("#gallery").show();
+        window.localStorage.setItem('explorer-view', 'gallery');
     });
     $(".style-select.list").click(function()
     {
         $("#gallery").hide();
         $("table").show();
+        window.localStorage.setItem('explorer-view', 'table');
     });
 }

styles/main.css

@@ -253,6 +253,11 @@ article.main .bio-img {
     margin:auto;
 }
 
+#pagination-sec {
+    margin-top: 1rem;
+    margin-bottom: 1.5rem;
+}
+
 
 /* Exposition */