From e86e539dd54dcf1e7a42d533d2fead3d10ed8067 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sun, 14 Jul 2019 16:06:29 +0200
Subject: more hub

---
 StoneIsland/www/index.html              | 74 ++++++++++++++++-----------------
 StoneIsland/www/js/lib/blogs/HubView.js |  9 +++-
 2 files changed, 44 insertions(+), 39 deletions(-)

(limited to 'StoneIsland')

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 04ce1246..c575353e 100755
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -38,27 +38,27 @@
   <span role="menu" class="menu">
     <div class="logo" aria-label="Stone Island"></div>
     <div role="menu" aria-label="Main Menu" class="main_menu">
-      <span role="link" class="store">STORE</span>
-      <span role="link" class="hub">HUB</span>
-      <span role="link" class="story">STORY</span>
-      <span role="link" class="archive">ARCHIVE</span>
+      <span role="menuitem" class="store">STORE</span>
+      <span role="menuitem" class="hub">HUB</span>
+      <span role="menuitem" class="story">STORY</span>
+      <span role="menuitem" class="archive">ARCHIVE</span>
     </div>
     <div role="menu" aria-label="Account Menu" class="account_menu">
-      <span role="link" class="account_back menu-emphasis">&lt; MY ACCOUNT</span>
-      <span role="link" class="profile">MY PROFILE</span>
-      <span role="link" class="payment">MY CARD</span>
-      <span role="link" class="shipping">ADDRESS BOOK</span>
-      <span role="link" class="orders">MY ORDERS</span>
-      <span role="link" class="return_link">RETURNS</span>
-      <span role="link" class="settings">NOTIFICATIONS</span>
+      <span role="menuitem" class="account_back menu-emphasis">&lt; MY ACCOUNT</span>
+      <span role="menuitem" class="profile">MY PROFILE</span>
+      <span role="menuitem" class="payment">MY CARD</span>
+      <span role="menuitem" class="shipping">ADDRESS BOOK</span>
+      <span role="menuitem" class="orders">MY ORDERS</span>
+      <span role="menuitem" class="return_link">RETURNS</span>
+      <span role="menuitem" class="settings">NOTIFICATIONS</span>
     </div>
     <div role="menu" aria-label="FAQ Menu" class="faq_menu">
-      <span role="link" class="faq_back menu-emphasis">&lt; FAQ</span>
-      <span role="link" class="privacy">PRIVACY POLICY</span>
-      <span role="link" class="account_terms">MY ACCOUNT TERMS AND CONDITIONS OF USE</span>
-      <span role="link" class="terms">TERMS AND CONDITIONS</span>
-      <span role="link" class="returns">RETURN POLICY</span>
-      <span role="link" class="care">CUSTOMER CARE</span>
+      <span role="menuitem" class="faq_back menu-emphasis">&lt; FAQ</span>
+      <span role="menuitem" class="privacy">PRIVACY POLICY</span>
+      <span role="menuitem" class="account_terms">MY ACCOUNT TERMS AND CONDITIONS OF USE</span>
+      <span role="menuitem" class="terms">TERMS AND CONDITIONS</span>
+      <span role="menuitem" class="returns">RETURN POLICY</span>
+      <span role="menuitem" class="care">CUSTOMER CARE</span>
     </div>
   </span>
   
@@ -67,20 +67,20 @@
   <!-- flex fill -->
   <span role="menu" class="submenu">
     <div class="main_menu">
-      <span role="link" class="account">MY ACCOUNT</span>
-      <span role="link" class="login">LOGIN</span>
-      <span role="link" class="faq">FAQ</span>
+      <span role="menuitem" class="account">MY ACCOUNT</span>
+      <span role="menuitem" class="login">LOGIN</span>
+      <span role="menuitem" class="faq">FAQ</span>
     </div>
     <div class="account_menu">
-      <span role="link" class="logout">LOGOUT</span>
-      <span role="link" class="faq">FAQ</span>
-      <span role="link" class="main">MAIN MENU</span>
+      <span role="menuitem" class="logout">LOGOUT</span>
+      <span role="menuitem" class="faq">FAQ</span>
+      <span role="menuitem" class="main">MAIN MENU</span>
     </div>
     <div class="faq_menu">
-      <span role="link" class="account">MY ACCOUNT</span>
-      <span role="link" class="login">LOGIN</span>
-      <span role="link" class="logout">LOGOUT</span>
-      <span role="link" class="main">MAIN MENU</span>
+      <span role="menuitem" class="account">MY ACCOUNT</span>
+      <span role="menuitem" class="login">LOGIN</span>
+      <span role="menuitem" class="logout">LOGOUT</span>
+      <span role="menuitem" class="main">MAIN MENU</span>
     </div>
   </span>
   </div>
@@ -88,10 +88,10 @@
   </div>
 
   <span class="social" role="list" aria-label="Social Links">
-    <span role="link" class="fb ion-social-facebook"></span>
-    <span role="link" class="insta ion-social-instagram-outline"></span>
-    <span role="link" class="tw ion-social-twitter"></span>
-    <span role="link" class="yt ion-social-youtube"></span>
+    <span role="menuitem" class="fb ion-social-facebook"></span>
+    <span role="menuitem" class="insta ion-social-instagram-outline"></span>
+    <span role="menuitem" class="tw ion-social-twitter"></span>
+    <span role="menuitem" class="yt ion-social-youtube"></span>
   </span>
 </div>
 
@@ -99,10 +99,10 @@
 
   <div id="intro" role="menu" aria-label="Stone Island Home Screen">
     <div id="compass"></div>
-    <div role="link" class="store">STORE</div>
-    <div role="link" class="hub">HUB</div>
-    <div role="link" class="story">STORY</div>
-    <div role="link" class="archive">ARCHIVE</div>
+    <div role="menuitem" class="store">STORE</div>
+    <div role="menuitem" class="hub">HUB</div>
+    <div role="menuitem" class="story">STORY</div>
+    <div role="menuitem" class="archive">ARCHIVE</div>
     <div class="alert"></div>
     <span class="latlng" role="note" aria-label="Your Latitude and Longitude">+40&deg; 58' 90.9" N&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;74&deg; 04' 46.3" W</span>
   </div>
@@ -282,7 +282,7 @@
 
   <div id="collection" role="region" aria-label="Store">
     <div class="scroll">
-      <h1 aria-label="Current section: Store loading...">LOADING...</h1>
+      <h1 aria-label="Current section: Store">LOADING...</h1>
       <div class="loader"></div>
       <div class="content">
         <script type="text/html" class="template">
@@ -294,7 +294,7 @@
     </div>
   </div>
 
-  <div id="search" role="region" aria-label="Search">
+  <div id="search" role="search" aria-label="Search">
     <div class="scroll">
       <h1 aria-label="Current section: Search">SEARCH</h1>
       <div class="form">
diff --git a/StoneIsland/www/js/lib/blogs/HubView.js b/StoneIsland/www/js/lib/blogs/HubView.js
index e06faf44..b80d323c 100755
--- a/StoneIsland/www/js/lib/blogs/HubView.js
+++ b/StoneIsland/www/js/lib/blogs/HubView.js
@@ -110,6 +110,8 @@ var HubView = ScrollableView.extend({
         play.className = "play"
         $(".gallery-" + row.id).append(play)
         $(".gallery-" + row.id).addClass("gallery-video-post")
+        $(".gallery-" + row.id).attr('role', 'link')
+        $(".gallery-" + row.id).attr('aria-label', stonewash(row.title))
         if (! row.image) {
           var url = row.link
           var ytid = (url.match(/v=([-_a-zA-Z0-9]{11})/i) || url.match(/youtu.be\/([-_a-zA-Z0-9]{11})/i) || url.match(/embed\/([-_a-zA-Z0-9]{11})/i))[1].split('&')[0];
@@ -128,6 +130,7 @@ var HubView = ScrollableView.extend({
   store_link: function(){
     app.router.go("store")
   },
+  
   play_video: function(e){
     var row = $(e.currentTarget).closest('.gallery-video-post').data("row")
     window.open(row.link, '_system')
@@ -145,7 +148,9 @@ var HubView = ScrollableView.extend({
   share: function(e){
     var title = $(e.currentTarget).parent().find(".title").text()
     console.log("share", title)
-    window.plugins.socialsharing.share(title, null, null, "http://deeplink.me/www.stoneisland.com/hub" )
+    if (window.plugins && window.plugins.socialsharing) {
+      window.plugins.socialsharing.share(title, null, null, "http://deeplink.me/www.stoneisland.com/hub" )
+    }
   },
 
 })
@@ -172,7 +177,7 @@ var HubLoader = (function(){
     if (item.image && item.image.length) {
       loader = new Loader (HubLoader.build)
       images = item.image.map(function(img){
-        return img.uri.replace("http:","https:")
+        return img.uri.replace("http:", "https:")
       }).filter(function(img){
         return img.uri
       })
-- 
cgit v1.2.3-70-g09d2