From 86a6d6cdbb46faae969dff1e27b6b52c23012174 Mon Sep 17 00:00:00 2001
From: Jesse Morgan <jesse@jesterpm.net>
Date: Sun, 4 Aug 2013 17:56:45 -0700
Subject: Adding VideosResource to return JSON blobs of video data for the
 training page.

---
 src/templates/templates/training.ftl | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src/templates')

diff --git a/src/templates/templates/training.ftl b/src/templates/templates/training.ftl
index 3207c33..0490a9a 100644
--- a/src/templates/templates/training.ftl
+++ b/src/templates/templates/training.ftl
@@ -36,7 +36,7 @@
         <div id="videos">
         <#list videos as video>
             <article>
-                <div class="image <#if video.completed>completed</#if>"><a href="#"><img src="${video.image!staticRoot+"/images/videoimage.jpg"}" alt="${video.title}" /></a></div>
+                <div class="image <#if video.completed>completed</#if>" id="${video.id}"><a href="#" onclick="playVideo('${video.id}'); return false"><img src="${video.image!staticRoot+"/images/videoimage.jpg"}" alt="${video.title}" /></a></div>
                 <h2>${video.title}</h2> <span class="duration">${video.length}</span> 
             </article>
         </#list>
@@ -66,6 +66,17 @@
             </article>
         </div>
     </div>
+
+    <div id="videoplayer">
+        <div class="close"><a href="#" onclick="closeVideo(); return false"><img src="${staticRoot}/images/close.png" alt="Close Video" /></a></div>
+        <div class="video">
+        <video width="720" height="405" controls="controls">
+            This video is not playable in your browser.
+            <a href="http://google.com/chrome">Try Chrome?</a>
+        </video>
+        </div>
+    </div>
+
 </@commonpage>
 
 
-- 
cgit v1.2.3