]> git.plutz.net Git - serve0/blobdiff - templates/view.html.sh
replaced all javascript bits
[serve0] / templates / view.html.sh
index 7092fa50e59c2e70d2855890b466d24a263d9f4f..b251b871527a01a5b76e0d4e514e4eb6c4b85ba2 100755 (executable)
@@ -48,9 +48,11 @@ cat <<EOF
       </video>
     </div>
   
-    <div class="videoinfo" id="viewmeta">
+    <div class="tabcontainer">
+    <input type="radio" class="tabhandle" name="viewmode" value="view" id="viewmeta" checked>
+    <div class="videoinfo tabcontent">
       <h2>$info</h2>
-      <a class="meta edit" href="#" onclick="javascript:hide('viewmeta');show_iblock('editmeta')">Edit</a>
+      <label class="meta edit" for="editmeta">Edit</label>
 
       <span class="info property">$(($length / 60)):$(($length % 60)) min</span>
       <span class="info property">Width: $width</span>
@@ -60,15 +62,17 @@ cat <<EOF
       $(echo "$tags" |sed -r 's:\|*([^|]+)\|*:<span class="info tag">\1</span>:g')
       $([ -n "$description" ] && echo "<span class=\"info description\">$(_wiki <<<"$description")</span>")
     </div>
+    </div>
   
-    <form class="videoinfo" id="editmeta" style="display: none;"
-          action="?action=meta&${page_this}" method="post" accept-charset="UTF-8">
+    <div class="tabcontainer">
+    <input type="radio" class="tabhandle" name="viewmode" value="edit" id="editmeta">
+    <form class="videoinfo tabcontent" action="?action=meta&${page_this}" method="post" accept-charset="UTF-8">
       <input type="hidden" name="length" value="$length">
       <input type="hidden" name="width" value="$width">
       <input type="hidden" name="height" value="$height">
 
       <h2>$info</h2>
-      <a class="meta cancel" href="#" onclick="javascript:hide('editmeta');show_iblock('viewmeta')">Cancel</a>
+      <label class="meta cancel" for="viewmeta">Cancel</label>
 
       <span class="info property">$(($length / 60)):$(($length % 60)) min</span>
       <span class="info property">Width: $width</span>
@@ -91,6 +95,7 @@ cat <<EOF
       <!-- input type="submit" name="cancel" value="Cancel" -->
     </form>
   </div>
+  </div>
 
   <form>
     <ul id="thumblist">