Merge pull request #82 from Dhiru/master

minor modifications of the templates of video, document and images. 

3 files changed, 122 insertions, 61 deletions

diff --git a/gstudio/templates/gstudio/docu.html b/gstudio/templates/gstudio/docu.html
index dc9f151..58e6a44 100644
--- a/gstudio/templates/gstudio/docu.html
+++ b/gstudio/templates/gstudio/docu.html
@@ -23,32 +23,26 @@ $(window).load(function() {
 var i = 0;
 </script>
 <style type="text/css">
-#divpost
+#divsearch
+{
+position:absolute;
+}
+#upperdiv
 {
 position:relative;
+margin-bottom:35%;
 }
-#divsearch
+#divpost
 {
 position:absolute;
-margin-left:61%;
-margin-top:-26%;
+margin-left:52%;
 }
 </style> 
 {% if user.is_authenticated %}
 {% autopaginate documents 8 %}
 <h2 style="color: teal;">Document Library</h2>
 <br>
-<div id="divpost">
-<form enctype="multipart/form-data" method="post" action="">{% csrf_token %}
-<br/>
-Post File:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-<input type=file name="doc[]" multiple="multiple" /><br><br>
-Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
-<input type="hidden" name="user" value={{user.username}}><br><br>
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-<input type="submit" value="Post">
-</form>
-</div>
+<div id="upperdiv">
 
 <div id="divsearch">
 <form method="post" action="">
@@ -67,6 +61,20 @@ Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
 <input type="submit" value="Search">
 </form>
 </div>
+
+<div id="divpost">
+<form enctype="multipart/form-data" method="post" action="">{% csrf_token %}
+<br/>
+<h4 style="color: black;">Post File:</h4>&nbsp;
+file:&nbsp;<input type=file name="doc[]" multiple="multiple" /><br><br>
+Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
+<input type="hidden" name="user" value={{user.username}}><br><br>
+
+<input type="submit" value="Post">
+</form>
+</div>
+
+</div>
 <br>
 <br>
 <br>
diff --git a/gstudio/templates/gstudio/image.html b/gstudio/templates/gstudio/image.html
index 293b7ec..73d05da 100644
--- a/gstudio/templates/gstudio/image.html
+++ b/gstudio/templates/gstudio/image.html
@@ -29,38 +29,34 @@ background-color:#E8E8E8 ;
 background-color:white
 }
 
-#divpost
+#divsearch
+{
+position:absolute;
+}
+#upperdiv
 {
 position:relative;
+margin-bottom:35%;
 }
-#divsearch
+#divpost
 {
 position:absolute;
-margin-left:61%;
-margin-top:-35%;
+margin-left:52%;
 }
+
 </style>
 {% if user.is_authenticated %}
 {% autopaginate images 10 %}
 
 <h2 style="color: teal;">Image Library</h2>
-<div id="divpost">
-<form enctype="multipart/form-data" method="post" action="">
-{% csrf_token %}
+<br/>
+<div id="upperdiv">
 
-<h1 style="color: black; margin-left: 0px;">Post Image:</h1>
-Title:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="title1"><br/><br/>
-Image:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type=file name="image[]" multiple="multiple" /><br/><br/>
-Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
-<input type="hidden" name="user" value={{user.username}}><br/><br/>
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="  Post  " size="900" name="post">
-</form>
-</div>
 
 <div id="divsearch">
 <form method="post" action="">
 {% csrf_token %}
-<h1 style="color: black; margin-left: 0px;">Search Image:</h1>
+<h4 style="color: black; margin-left: 0px;">Search Image:</h4>
 <p><input type="text" name="simg" value={{val}}></p>
 <br/>
 <p><div align="left">
@@ -72,8 +68,23 @@ Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
 <input type="submit" value="Search">
 </form>
 </div>
-<br>
 
+<div id="divpost">
+<form enctype="multipart/form-data" method="post" action="">
+{% csrf_token %}
+
+<h4 style="color: black; margin-left: 0px;">Post Image:</h4>
+Title:&nbsp; <input type="text" name="title1"><br/><br/>
+Image:&nbsp; <input type=file name="image[]" multiple="multiple" /><br/><br/>
+Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
+<input type="hidden" name="user" value={{user.username}}><br/><br/>
+<input type="submit" value="  Post  " size="900" name="post" onclick="return myupload();">
+
+
+</form>
+</div>
+</div>
+<br>
  <div>
 <h4 style="color: teal;">IMAGES</h4>
 {% for image in images %}
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 %}