basic closed store view styling

7 files changed, 31 insertions, 7 deletions

diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
index 9b4e4fd3..1ffa0bb0 100644
--- a/StoneIsland/www/css/nav.css
+++ b/StoneIsland/www/css/nav.css
@@ -258,10 +258,10 @@
 /* CONTENT */
 
 #story, #hub, #archive, .page,
-#collection, #product, #search,
-#login, #logout,
+#collection, #product, #search, #closed,
+#login, #logout, #signup,
 #cart,
-#signup, #shipping, #payment, #profile, #settings {
+#profile, #shipping, #payment, #settings, #orders {
   position: absolute;
   top: 43px;
   height: -webkit-calc(100% - 43px - 39px);
@@ -269,7 +269,7 @@
   width: 100%;
   overflow: hidden;
 }
-#story, #hub, #archive, .page {
+#story, #hub, #archive, .page, #closed {
   /* these things do not have a footer */
   height: -webkit-calc(100% - 43px);
   height: calc(100% - 43px);
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
index 2553cd9b..4dace6ea 100644
--- a/StoneIsland/www/css/products.css
+++ b/StoneIsland/www/css/products.css
@@ -46,3 +46,21 @@
 #search {
   display: none;
 }
+
+.closed #closed { display: block }
+#closed {
+  display: none;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  transition: background 0.5s ease-in;
+}
+#closed .closed_store_msg {
+  position: absolute;
+  bottom: 20vh;
+  background: rgba(255,255,255,0.9);
+  padding-top: 20px;
+  padding-bottom: 10px;
+  text-align: center;
+  width: 100%;
+}
\ No newline at end of file
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 95b49e0b..96890966 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -235,7 +235,7 @@
   
   <div id="closed">
     <div class="closed_store_msg">
-      <h3>THE STORE IS CURRENTLY CLOSED.</h3>
+      <h3>THIS STORE IS CURRENTLY CLOSED</h3>
       <div class="website_link">
         visit<br>
         <b>www.stoneisland.com</b>
diff --git a/StoneIsland/www/js/lib/_router.js b/StoneIsland/www/js/lib/_router.js
index c6f543a5..712d3db2 100644
--- a/StoneIsland/www/js/lib/_router.js
+++ b/StoneIsland/www/js/lib/_router.js
@@ -59,6 +59,9 @@ var SiteRouter = Router.extend({
   default_view: function(name){
     var fn = function(){
       console.log(name)
+      if (app.view && app.view.hide) {
+        app.view.hide()
+      }
       if (name.match(/\./)) {
         var n = name.split(".")
         console.log(name, n)
diff --git a/StoneIsland/www/js/lib/account/OrdersView.js b/StoneIsland/www/js/lib/account/OrdersView.js
index 78a67e43..f9a2a35c 100644
--- a/StoneIsland/www/js/lib/account/OrdersView.js
+++ b/StoneIsland/www/js/lib/account/OrdersView.js
@@ -13,6 +13,7 @@ var OrdersView = View.extend({
   },
 
   show: function(){
+    app.footer.hide()
     document.body.className = "orders"
     this.el.className = "list"
   },
diff --git a/StoneIsland/www/js/lib/blogs/BlogView.js b/StoneIsland/www/js/lib/blogs/BlogView.js
index 54030bd8..50313aa8 100644
--- a/StoneIsland/www/js/lib/blogs/BlogView.js
+++ b/StoneIsland/www/js/lib/blogs/BlogView.js
@@ -32,7 +32,7 @@ var BlogView = View.extend({
       app[page.tag].populate(page)
     })
     if (data.store[0].StoreIsOpen !== "True") {
-      app.store.ClosedStoreImages
+      app.closed.populate(data.store[0].ClosedStoreImages)
     }
   },
 
diff --git a/StoneIsland/www/js/lib/products/ClosedStoreView.js b/StoneIsland/www/js/lib/products/ClosedStoreView.js
index 02e7b312..c4e929b3 100644
--- a/StoneIsland/www/js/lib/products/ClosedStoreView.js
+++ b/StoneIsland/www/js/lib/products/ClosedStoreView.js
@@ -1,4 +1,4 @@
-var ClosedStoreView = new View ({
+var ClosedStoreView = View.extend({
 
   el: "#closed",
 
@@ -16,7 +16,9 @@ var ClosedStoreView = new View ({
   },
   
   show: function(){
+    document.body.className = "closed"
     this.animate()
+    app.footer.hide()
   },
   
   hide: function(){