From 374eb2576ac59e0792349e97ab5f689671d8712a Mon Sep 17 00:00:00 2001
From: Dhiru <dhiru@labadmin-P5E-Deluxe.(none)>
Date: Tue, 14 Aug 2012 14:49:47 +0530
Subject: modifying the looks of image,video and document library

---
 gstudio/templates/gstudio/video.html | 100 +++++++++++++++++++++++++----------
 1 file changed, 71 insertions(+), 29 deletions(-)

(limited to 'gstudio/templates/gstudio/video.html')

diff --git a/gstudio/templates/gstudio/video.html b/gstudio/templates/gstudio/video.html
index f2ae11d..1a2f6bf 100644
--- a/gstudio/templates/gstudio/video.html
+++ b/gstudio/templates/gstudio/video.html
@@ -13,7 +13,7 @@
 $(window).load(function() {
  $("#chart").hide();});
 $(window).load(function() {
- 
+
  $("#graphcss").hide();   
   });
 var i = 0;
@@ -27,15 +27,33 @@ background-color:#E8E8E8 ;
 {
 background-color:white
 }
-#divpost
+#divsearch
+{
+position:absolute;
+}
+#upperdiv
 {
 position:relative;
+margin-bottom:20%;
 }
-#divsearch
+#divpost
 {
 position:absolute;
-margin-left:61%;
-margin-top:-23%;
+margin-left:52%;
+}
+#showingprocess
+{
+width:371px;
+height:38px;
+border:solid 1px #B3B3B3;
+}
+#inner{
+width:10px;
+height:36px;
+border:solid 1px blue;
+margin-top:1px;
+background: green;
+
 }
 </style>
 
@@ -46,28 +64,8 @@ margin-top:-23%;
 
 <h2 style="color: teal;">Video Library</h2>
 <br/>
-<div id="divpost">
-<form enctype="multipart/form-data" method="post" action="">
-{% csrf_token %}
-<p><h4 style="color: black;">Submit Videos:</h4>Video:&nbsp;<input type="file" name="clip" multiple="multiple" /></p><br/>
-Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
-<input type="hidden" name="user" value={{user.username}}>
-<input type="hidden" name="userpassword" value={{user.password}}>
-<input type="hidden" name="useremail" value={{user.email}}>
-<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-<input type="submit" value="Upload" onclick="return myupload();" >
-<input type="hidden" name="upload" id = "uploadid">
-<script type="text/javascript">
-function myupload()
-{
+<div id="upperdiv">
 
-var prompta = prompt("Enter your password")
-document.getElementById("uploadid").setAttribute("value",prompta);
-}
-</script>
-
-</form>
-</div>
 <div id="divsearch">
 <form method="post" action="">
 {% csrf_token %}
@@ -79,7 +77,7 @@ document.getElementById("uploadid").setAttribute("value",prompta);
 <option value="title">Title</option>
 <option value="creation_date">Creation Date</option>
 </select>
-
+<br/>
 <input type="submit" name="norm" value="Search">
 <input type="submit" name="spe" value="Search by User">
 </form>
@@ -90,19 +88,63 @@ document.getElementById("uploadid").setAttribute("value",prompta);
 <input type="submit" name="fav" value="View Favourites">
 </form>
 </div>
+<div id="divpost">
+<form enctype="multipart/form-data" method="post" action="">
+{% csrf_token %}
+<p><h4 style="color: black;">Submit Videos:</h4>Video:&nbsp;<input type="file" name="clip" multiple="multiple" /></p><br/>
+Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
+<input type="hidden" name="user" value={{user.username}}>
+<input type="hidden" name="userpassword" value={{user.password}}>
+<input type="hidden" name="useremail" value={{user.email}}><br/><br/>
+<p><b> Enter the password of wetube.gnowledge.org</b> </p>
+<input type="password" name="videopassword" />
+<br/><br/>
+<input type="submit" value="Upload"  onclick="return myupload();" >
+<script type="text/javascript">
+function myupload()
+{
+document.getElementById('showingprocess').style.visibility="visible";
+document.getElementById('headvideo').style.visibility="visible";
+
+	setInterval( function() {
+	if( i < 340 )
+	{
+	
+	i = i + 20;
+	$("#inner").css({ "-moz-box-sizing":"border-box", "margin-left":i });
+	}
+	else 
+		{
+		i = 0;
+		}
+	},1000);
+
+	
+
+}
+</script>
+</form>
+</div>
+</div>
+
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
+<h2 id="headvideo" style="visibility:hidden;">Processing And Uploading Video</h2>
+<div id="showingprocess" style="visibility:hidden;">
+<div id="inner">
+</div>
+</div>
 {% if fav %}
 <h2 style="color: teal;">Favourite Videos</h2><br/>
 {% else %}
 <h2 style="color: teal;">List of Videos in the library </h2><br/>
 {% endif %}
 
-
+<div id="listvideo">
 {% for video in vids %}
 <!--<iframe src="{{video.rurl}}/embed?in=0&out=10000&view=video" width="256" height="144" allowfullscreen></iframe>-->
 
@@ -180,7 +222,7 @@ document.getElementById("divvideo").setAttribute("id","div2");
 
 {% endfor %}
 
-
+</div>
 <br>
 {% else %}
  
-- 
cgit v1.1