VaudoiseAssurances#19 Add data-sharing-url attribute on gallery items

Author: lcherpit

assets/components/organisms/gallery.html

@@ -1,21 +1,21 @@
 <div id="demo-test-gallery" class="gallery">
   <div class="row">
-    <a href="../build/img/vot-demo-05.jpg" class="col-sm-3" data-size="1200x1110" data-med="../build/img/vot-demo-05.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main">
+    <a href="../build/img/vot-demo-05.jpg" data-sharing-url="../build/img/vot-demo-05.jpg" data-size="1200x1110" data-med="../build/img/vot-demo-05.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main col-sm-3">
       <img src="../build/img/vot-demo-05.jpg" class="img-responsive" alt="alternate text" />
     </a>
-    <a href="../build/img/vot-demo-14.jpg" class="col-sm-3" data-size="1200x1110" data-med="../build/img/vot-demo-14.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main">
+    <a href="../build/img/vot-demo-14.jpg" data-sharing-url="../build/img/vot-demo-14.jpg" data-size="1200x1110" data-med="../build/img/vot-demo-14.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main col-sm-3">
       <img src="../build/img/vot-demo-14.jpg" class="img-responsive" alt="alternate text" />
     </a>
-    <a href="../build/img/vot-demo-16.jpg" class="col-sm-3" data-size="1200x1110" data-med="../build/img/vot-demo-16.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main">
+    <a href="../build/img/vot-demo-16.jpg" data-sharing-url="../build/img/vot-demo-16.jpg" data-size="1200x1110" data-med="../build/img/vot-demo-16.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main col-sm-3">
       <img src="../build/img/vot-demo-16.jpg" class="img-responsive" alt="alternate text" />
     </a>
-    <a href="../build/img/vot-demo-05.jpg" class="col-sm-3" data-size="1200x1110" data-med="../build/img/vot-demo-05.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main">
+    <a href="../build/img/vot-demo-05.jpg" data-sharing-url="../build/img/vot-demo-05.jpg" data-size="1200x1110" data-med="../build/img/vot-demo-05.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main col-sm-3">
       <img src="../build/img/vot-demo-05.jpg" class="img-responsive" alt="alternate text" />
     </a>
-    <a href="../build/img/vot-demo-14.jpg" class="col-sm-3" data-size="1200x1110" data-med="../build/img/vot-demo-14.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main">
+    <a href="../build/img/vot-demo-14.jpg" data-sharing-url="../build/img/vot-demo-14.jpg" data-size="1200x1110" data-med="../build/img/vot-demo-14.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main col-sm-3">
       <img src="../build/img/vot-demo-14.jpg" class="img-responsive" alt="alternate text" />
     </a>
-    <a href="../build/img/vot-demo-16.jpg" class="col-sm-3" data-size="1200x1110" data-med="../build/img/vot-demo-16.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main">
+    <a href="../build/img/vot-demo-16.jpg" data-sharing-url="../build/img/vot-demo-16.jpg" data-size="1200x1110" data-med="../build/img/vot-demo-16.jpg" data-med-size="800x740" data-author="Anonymous" class="demo-gallery__img--main col-sm-3">
       <img src="../build/img/vot-demo-16.jpg" class="img-responsive" alt="alternate text" />
     </a>
   </div>

assets/js/gallery.js

@@ -173,6 +173,17 @@
               }
               captionEl.children[0].innerHTML = item.title + '<br/><small>Photo: ' + item.author + '</small>';
               return true;
+            },
+
+            getPageURLForShare: function() {
+              var item = items[this.index ],
+                pageUrl = window.location.href;
+
+              if (item === undefined) {
+                return pageUrl;
+              }
+
+              return item.el.getAttribute('data-sharing-url') || pageUrl;
             }
           };