From d29472ed63290278421834c87c6b4537f804a90a Mon Sep 17 00:00:00 2001
From: erlehmann <erlehmann@7eef14d0-6ed0-489d-bf55-20463b2d70db>
Date: Fri, 7 Mar 2008 19:49:19 +0000
Subject: [PATCH] javascript playback degrades gracefully, also refactoring of
 source

git-svn-id: http://yolanda.mister-muffin.de/svn@248 7eef14d0-6ed0-489d-bf55-20463b2d70db
---
 trunk/xsl/xhtml/footer.xsl     |  61 ++++++++++++++++++
 trunk/xsl/xhtml/header.xsl     | 110 +++++++++++++++++++++++++++++++++
 trunk/xsl/xhtml/video.xsl      |  94 ++++++++++++++--------------
 trunk/xsl/xhtml/xhtml-body.xsl |  71 +++++++++++++++++++++
 4 files changed, 288 insertions(+), 48 deletions(-)
 create mode 100644 trunk/xsl/xhtml/footer.xsl
 create mode 100644 trunk/xsl/xhtml/header.xsl
 create mode 100644 trunk/xsl/xhtml/xhtml-body.xsl

diff --git a/trunk/xsl/xhtml/footer.xsl b/trunk/xsl/xhtml/footer.xsl
new file mode 100644
index 0000000..19b1e10
--- /dev/null
+++ b/trunk/xsl/xhtml/footer.xsl
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xsl:stylesheet version="1.0"
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:cc="http://web.resource.org/cc/"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+>
+
+<xsl:template name="footer">
+
+    <div class="footer">
+
+        <a class="footer view-license">
+            <xsl:attribute name="href">
+                <xsl:value-of select="$site_strings[@id='path_license']" />
+            </xsl:attribute>
+            <xsl:value-of select="$locale_strings[@id='footer_license']" />
+        </a>
+
+        <a class="footer view-source-code">
+            <xsl:attribute name="href">
+                <xsl:value-of select="$site_strings[@id='path_source-code']" />
+            </xsl:attribute>
+        <xsl:value-of select="$locale_strings[@id='footer_source_code']" />
+        </a>
+
+        <a class="footer report-bug">
+            <xsl:attribute name="href">
+                <xsl:value-of select="$site_strings[@id='path_report_bug']" />
+            </xsl:attribute>
+            <xsl:value-of select="$locale_strings[@id='footer_report_bug']" />
+        </a>
+
+        <a class="footer view-xml">
+            <xsl:attribute name="href">
+<!--
+        caveat: this currently does not work on root level
+        apache magic wanted
+-->
+                ?xslt=null
+            </xsl:attribute>
+            <xsl:value-of select="$locale_strings[@id='footer_view_xml']" />
+        </a>
+
+    </div>
+
+<!--
+    <br />
+    <xsl:value-of select="$locale_strings[@id='footer_copyright']" />
+-->
+
+    <br />
+
+    <span class="protip">
+        <xsl:value-of select="$locale_strings[@id='footer_warranty']" />
+    </span>
+
+</xsl:template>
+
+</xsl:stylesheet>
diff --git a/trunk/xsl/xhtml/header.xsl b/trunk/xsl/xhtml/header.xsl
new file mode 100644
index 0000000..6e7fcd8
--- /dev/null
+++ b/trunk/xsl/xhtml/header.xsl
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xsl:stylesheet version="1.0"
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:cc="http://web.resource.org/cc/"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+>
+
+<xsl:template name="header">
+
+    <div class="header">
+
+        <a class="header latest-additions">
+            <xsl:attribute name="href">
+                <xsl:value-of select="$site_strings[@id='path_query_latestadditions']" />
+            </xsl:attribute>
+            <xsl:value-of select="$locale_strings[@id='query_latestadditions']" />
+        </a>
+
+        <a class="header most-views">
+            <xsl:attribute name="href">
+                <xsl:value-of select="$site_strings[@id='path_query_mostviews']" />
+            </xsl:attribute>
+            <xsl:value-of select="$locale_strings[@id='query_mostviews']" />
+        </a>
+
+        <a class="header most-downloads">
+            <xsl:attribute name="href">
+                <xsl:value-of select="$site_strings[@id='path_query_mostdownloads']" />
+            </xsl:attribute>
+            <xsl:value-of select="$locale_strings[@id='query_mostdownloads']" />
+        </a>
+
+        <xsl:choose>
+            <xsl:when test="string-length(//@username)=0">
+
+<!--
+                <a class="header">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_login']" />
+                    </xsl:attribute>
+                    <xsl:value-of select="$locale_strings[@id='header_login-to-upload']" />
+                </a>
+-->
+                <a class="header register">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_register']" />
+                    </xsl:attribute>
+                    <xsl:value-of select="$locale_strings[@id='register']" />
+                </a>
+
+                <a class="header login">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_login']" />
+                    </xsl:attribute>
+                    <xsl:value-of select="$locale_strings[@id='login']" />
+                </a>
+
+                <a class="header login-openid">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_login-openid']" />
+                    </xsl:attribute>
+
+                    <xsl:value-of select="$locale_strings[@id='login_openid']" />
+                </a>
+
+            </xsl:when>
+            <xsl:otherwise>
+
+                <a class="header upload-video">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_upload']" />
+                    </xsl:attribute>
+                    <xsl:value-of select="$locale_strings[@id='header_upload-video']" />
+                </a>
+
+                <a class="header preferences">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_settings']" />
+                    </xsl:attribute>
+                    <xsl:value-of select="$locale_strings[@id='settings_details']" />
+                </a>
+
+<!--
+                <xsl:value-of select="$locale_strings[@id='logged_in_as']" />
+
+                <a class="header">
+                    <xsl:attribute name="href">
+                        user/<xsl:value-of select="//@username" />
+                    </xsl:attribute>
+                    <xsl:value-of select="//@username" />
+                </a>
+-->
+
+                <a class="header logout">
+                    <xsl:attribute name="href">
+                        <xsl:value-of select="$site_strings[@id='path_logout']" />
+                    </xsl:attribute>
+                    <xsl:value-of select="$locale_strings[@id='logout']" />
+                </a>
+
+            </xsl:otherwise>
+        </xsl:choose>
+
+    </div>
+
+</xsl:template>
+
+</xsl:stylesheet>
diff --git a/trunk/xsl/xhtml/video.xsl b/trunk/xsl/xhtml/video.xsl
index 6cfef68..61507bb 100644
--- a/trunk/xsl/xhtml/video.xsl
+++ b/trunk/xsl/xhtml/video.xsl
@@ -38,74 +38,72 @@
         <xsl:text disable-output-escaping="yes">&lt;![CDATA[
         <![CDATA[
 
-        //alert('script works');
-
         function hide_movie()
             {
-            var _video = document.getElementById('video');
-            _video.style.display = 'none';
+            document.getElementById('video').style.display = 'none';
+            document.getElementById('thumbnail').style.display = 'block';
             }
 
         function show_movie()
             {
             document.getElementById('video').style.display = 'block';
+            document.getElementById('thumbnail').style.display = 'none';
             }
 
         ]]]]></xsl:text>
         <xsl:text disable-output-escaping="yes">></xsl:text>
     </script>
 
-    <div class="video" id="container">
+    <object type="application/ogg" id="video">
+        <xsl:attribute name="width">
+            <xsl:value-of select="//video/@width" />
+        </xsl:attribute>
+        <xsl:attribute name="height">
+            <xsl:value-of select="//video/@height" />
+        </xsl:attribute>
+        <xsl:attribute name="data">
+            <xsl:value-of select="concat(//video/rdf:RDF/cc:Work/@rdf:about,'view=true')" />
+        </xsl:attribute>
+        <img src="/images/flash-sucks.png"/><br />
+        <img src="/images/vlc.png"/>
+        <img src="/images/mplayer.png"/>                    
+    </object>
 
-        <div id="thumbnail">
-            <img>
-                <xsl:attribute name="src">
-                    <xsl:value-of select="//video/@thumbnail" />
-                </xsl:attribute>
-                <xsl:attribute name="alt">
-                    <xsl:value-of select="//video/rdf:RDF/cc:Work/dc:title" />
-                </xsl:attribute>
-                <xsl:attribute name="height">
-                    <xsl:value-of select="//video/@height" />
-                </xsl:attribute>
-                <xsl:attribute name="widht">
-                    <xsl:value-of select="//video/@width" />
-                </xsl:attribute>
-            </img>
-            <form method="get">
-                <xsl:attribute name="action">
-                    <xsl:value-of select="//video/rdf:RDF/cc:Work/@rdf:about" />
-                </xsl:attribute>
-                <button
-                    name="playback"
-                    type="button"
-                    value="playback"
-                    onclick="show_movie()">
-                    <img src="/images/tango/media-playback-start.png" alt="playback" />
-                </button>
-                <button
-                    name="download"
-                    type="submit"
-                    value="download">
-                    <img src="/images/tango/document-save.png" alt="download" />
-                </button>
-            </form>
-        </div>
+    <div id="thumbnail" style="display: none;">
 
-        <object type="application/ogg" style="display: none;" id="video">
-            <xsl:attribute name="width">
-                <xsl:value-of select="//video/@width" />
+        <img>
+            <xsl:attribute name="src">
+                <xsl:value-of select="//video/@thumbnail" />
+            </xsl:attribute>
+            <xsl:attribute name="alt">
+                <xsl:value-of select="//video/rdf:RDF/cc:Work/dc:title" />
             </xsl:attribute>
             <xsl:attribute name="height">
                 <xsl:value-of select="//video/@height" />
             </xsl:attribute>
-            <xsl:attribute name="data">
-                <xsl:value-of select="concat(//video/rdf:RDF/cc:Work/@rdf:about,'view=true')" />
+            <xsl:attribute name="widht">
+                <xsl:value-of select="//video/@width" />
             </xsl:attribute>
-            <img src="/images/flash-sucks.png"/><br />
-            <img src="/images/vlc.png"/>
-            <img src="/images/mplayer.png"/>                    
-        </object>
+        </img>
+
+        <form method="get">
+            <xsl:attribute name="action">
+                <xsl:value-of select="//video/rdf:RDF/cc:Work/@rdf:about" />
+            </xsl:attribute>
+            <button
+                name="playback"
+                type="button"
+                value="playback"
+                onclick="show_movie()">
+                <img src="/images/tango/media-playback-start.png" alt="playback" />
+            </button>
+            <button
+                name="download"
+                type="submit"
+                value="download">
+                <img src="/images/tango/document-save.png" alt="download" />
+            </button>
+        </form>
 
     </div>
 
diff --git a/trunk/xsl/xhtml/xhtml-body.xsl b/trunk/xsl/xhtml/xhtml-body.xsl
new file mode 100644
index 0000000..0de9f55
--- /dev/null
+++ b/trunk/xsl/xhtml/xhtml-body.xsl
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xsl:stylesheet version="1.0"
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:cc="http://web.resource.org/cc/"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+>
+
+<xsl:template name="xhtml-body">
+
+    <body>
+
+        <xsl:if test="//video">
+            <xsl:attribute name="onload">
+                 hide_movie()
+            </xsl:attribute>
+        </xsl:if>
+
+        <xsl:if test="not(//@embed)">
+
+            <xsl:call-template name="header"/>
+
+            <xsl:if test="//message">
+                <xsl:call-template name="message"/>
+            </xsl:if>
+
+            <xsl:if test="//search">
+                <xsl:call-template name="searchbar"/>
+            </xsl:if>
+
+        </xsl:if>
+
+        <xsl:choose>
+            <xsl:when test="//frontpage">
+                <xsl:call-template name="frontpage"/>
+            </xsl:when>
+            <xsl:when test="//registerform">
+                <xsl:call-template name="registerform"/>
+            </xsl:when>
+            <xsl:when test="//loginform">
+                <xsl:call-template name="loginform"/>
+            </xsl:when>
+            <xsl:when test="//uploadform">
+                <xsl:call-template name="uploadform"/>
+            </xsl:when>
+            <xsl:when test="//search">
+                <xsl:call-template name="results"/>
+            </xsl:when>
+            <xsl:when test="//advancedsearch">
+                <xsl:call-template name="advancedsearch"/>
+            </xsl:when>
+            <xsl:when test="//video">
+                <xsl:call-template name="video"/>
+            </xsl:when>
+            <xsl:when test="//settings">
+                <xsl:call-template name="settings"/>
+            </xsl:when>
+        </xsl:choose>
+
+        <xsl:if test="not(//@embed)">
+
+            <xsl:call-template name="footer"/>
+
+        </xsl:if>
+
+    </body>
+
+</xsl:template>
+
+</xsl:stylesheet>