From 665125e0ddfcbec3d87e583ef4d93c697077b124 Mon Sep 17 00:00:00 2001
From: nyanloutre <paul@nyanlout.re>
Date: Sun, 14 Jul 2019 12:28:07 +0200
Subject: [PATCH] Ajout lien ArtStation modal

---
 index.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c68dd9f..1cc8ae0 100644
--- a/index.html
+++ b/index.html
@@ -148,7 +148,7 @@
                     <source src="video/portfolio/lant.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-comment="When a train leaves the earth...">
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-artstationid="xzKzvX" data-comment="When a train leaves the earth...">
                 <video loop muted poster="img/portfolio/loco.jpg">
                     <source src="video/portfolio/loco.webm" type="video/webm">
                 </video>
@@ -376,7 +376,6 @@
             video_div.onmouseout = function() {this.children[0].load()};
         }
         
-        var comment_header = "<hr><p>"
         
         $('#iframeModal').on('show.bs.modal', function (event) {
             var modal = $(this);
@@ -386,6 +385,7 @@
             var youtube_id = button.data('youtubeid');
             var vimeo_id = button.data('vimeoid');
             var sketchfab_id = button.data('sketchfabid');
+            var artstation_id = button.data('artstationid');
             
             var comment = button.data('comment');
             var options = button.data('options');
@@ -421,8 +421,21 @@
             
             }
 
+            var modal_comment = modal.find('.modal-body .modal-comment')[0];
+
             if (comment) {
-                modal.find('.modal-body .modal-comment')[0].innerHTML = comment_header + comment + '</p>';
+                var comment_object = document.createElement('p');
+                comment_object.innerText = comment;
+                modal_comment.appendChild(document.createElement('hr'));
+                modal_comment.appendChild(comment_object);
+            }
+
+            if (artstation_id) {
+                var artstation_link = document.createElement('a');
+                artstation_link.title = "More details on ArtStation";
+                artstation_link.href = "https://www.artstation.com/artwork/" + artstation_id;
+                modal_comment.appendChild(document.createElement('hr'));
+                modal_comment.appendChild(artstation_link);
             }
         });