From 7dd0c96037b0f91f761126d20e477e0e83e20825 Mon Sep 17 00:00:00 2001
From: Wugy <wugy@mally-soft.com>
Date: Mon, 21 Dec 2009 18:15:56 +0100
Subject: total progressbar bullshit

---
 module/web/templates/default/add.html  |  12 ++
 module/web/templates/default/base.html | 198 +++++----------------------------
 module/web/templates/default/home.html |  10 +-
 3 files changed, 45 insertions(+), 175 deletions(-)
 create mode 100644 module/web/templates/default/add.html

(limited to 'module/web/templates')

diff --git a/module/web/templates/default/add.html b/module/web/templates/default/add.html
new file mode 100644
index 000000000..525cb99bd
--- /dev/null
+++ b/module/web/templates/default/add.html
@@ -0,0 +1,12 @@
+{% extends 'default/base.html' %}
+
+{% block subtitle %}
+Add Links / Container
+{% endblock %}
+
+
+
+{% block content %}
+<textarea rows="5" style=" width: 100%;"></textarea>
+<input type="file" />
+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html
index 657bdcf09..94d8c3dd2 100644
--- a/module/web/templates/default/base.html
+++ b/module/web/templates/default/base.html
@@ -6,144 +6,23 @@
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/default.css">
-<script src="{{ MEDIA_URL }}/js/jquery-1.3.2.min.js"></script>
+<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/jquery-ui-1.7.2.custom.css">
+<script src="{{ MEDIA_URL }}js/jquery-1.3.2.min.js"></script>
+<script src="{{ MEDIA_URL }}js/jquery-ui-1.7.2.custom.min.js"></script>
+<script src="{{ MEDIA_URL }}js/sprintf.js"></script>
+<script src="{{ MEDIA_URL }}js/funktions.js"></script>
+<script src="{{ MEDIA_URL }}js/jquery.progressbar.js"></script>
 {% block head %}
 {% endblock %}
 <title>{% block title %}pyLoad Webinterface{% endblock %}</title>
+</head>
 <script type="text/javascript">
-sprintfWrapper = {
- 
-	init : function () {
- 
-		if (typeof arguments == "undefined") { return null; }
-		if (arguments.length < 1) { return null; }
-		if (typeof arguments[0] != "string") { return null; }
-		if (typeof RegExp == "undefined") { return null; }
- 
-		var string = arguments[0];
-		var exp = new RegExp(/(%([%]|(\-)?(\+|\x20)?(0)?(\d+)?(\.(\d)?)?([bcdfosxX])))/g);
-		var matches = new Array();
-		var strings = new Array();
-		var convCount = 0;
-		var stringPosStart = 0;
-		var stringPosEnd = 0;
-		var matchPosEnd = 0;
-		var newString = '';
-		var match = null;
- 
-		while (match = exp.exec(string)) {
-			if (match[9]) { convCount += 1; }
- 
-			stringPosStart = matchPosEnd;
-			stringPosEnd = exp.lastIndex - match[0].length;
-			strings[strings.length] = string.substring(stringPosStart, stringPosEnd);
- 
-			matchPosEnd = exp.lastIndex;
-			matches[matches.length] = {
-				match: match[0],
-				left: match[3] ? true : false,
-				sign: match[4] || '',
-				pad: match[5] || ' ',
-				min: match[6] || 0,
-				precision: match[8],
-				code: match[9] || '%',
-				negative: parseInt(arguments[convCount]) < 0 ? true : false,
-				argument: String(arguments[convCount])
-			};
-		}
-		strings[strings.length] = string.substring(matchPosEnd);
- 
-		if (matches.length == 0) { return string; }
-		if ((arguments.length - 1) < convCount) { return null; }
- 
-		var code = null;
-		var match = null;
-		var i = null;
- 
-		for (i=0; i<matches.length; i++) {
- 
-			if (matches[i].code == '%') { substitution = '%' }
-			else if (matches[i].code == 'b') {
-				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(2));
-				substitution = sprintfWrapper.convert(matches[i], true);
-			}
-			else if (matches[i].code == 'c') {
-				matches[i].argument = String(String.fromCharCode(parseInt(Math.abs(parseInt(matches[i].argument)))));
-				substitution = sprintfWrapper.convert(matches[i], true);
-			}
-			else if (matches[i].code == 'd') {
-				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)));
-				substitution = sprintfWrapper.convert(matches[i]);
-			}
-			else if (matches[i].code == 'f') {
-				matches[i].argument = String(Math.abs(parseFloat(matches[i].argument)).toFixed(matches[i].precision ? matches[i].precision : 6));
-				substitution = sprintfWrapper.convert(matches[i]);
-			}
-			else if (matches[i].code == 'o') {
-				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(8));
-				substitution = sprintfWrapper.convert(matches[i]);
-			}
-			else if (matches[i].code == 's') {
-				matches[i].argument = matches[i].argument.substring(0, matches[i].precision ? matches[i].precision : matches[i].argument.length)
-				substitution = sprintfWrapper.convert(matches[i], true);
-			}
-			else if (matches[i].code == 'x') {
-				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(16));
-				substitution = sprintfWrapper.convert(matches[i]);
-			}
-			else if (matches[i].code == 'X') {
-				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(16));
-				substitution = sprintfWrapper.convert(matches[i]).toUpperCase();
-			}
-			else {
-				substitution = matches[i].match;
-			}
- 
-			newString += strings[i];
-			newString += substitution;
- 
-		}
-		newString += strings[i];
- 
-		return newString;
- 
-	},
- 
-	convert : function(match, nosign){
-		if (nosign) {
-			match.sign = '';
-		} else {
-			match.sign = match.negative ? '-' : match.sign;
-		}
-		var l = match.min - match.argument.length + 1 - match.sign.length;
-		var pad = new Array(l < 0 ? 0 : l).join(match.pad);
-		if (!match.left) {
-			if (match.pad == "0" || nosign) {
-				return match.sign + pad + match.argument;
-			} else {
-				return pad + match.sign + match.argument;
-			}
-		} else {
-			if (match.pad == "0" || nosign) {
-				return match.sign + match.argument + pad.replace(/0/g, ' ');
-			} else {
-				return match.sign + match.argument + pad;
-			}
-		}
-	}
-}
-sprintf = sprintfWrapper.init;
+$(document).ready(function(){
+	$.getJSON('/json/links', LinksToContent );
+	$.getJSON('/json/status', LoadJsonToContent );
+});
 
-//var SetInver = new Array();
 
-function HumanFileSize(size)
-{
-	var filesizename = new Array("KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB");
-	var loga = Math.log(size)/Math.log(1024);
-	var i = Math.floor(loga);
-	var a = Math.pow(1024, i);
-	return Math.round( size / a , 2) + " " + filesizename[i];
-}
 
 /*function UpdateLinks( SetInver, index )
 {
@@ -158,16 +37,6 @@ function LoadJsonToContent(data)
 	$("#aktiv").text(data.queue);
 	$("#queue").text(data.total);
 	
-	/*if( data.pause == false )
-	{
-		$("#action_play").hide();
-		$("#action_pause").show();
-	}
-	else
-	{
-		$("#action_play").show();
-		$("#action_pause").hide();
-	}*/
 	setTimeout(function()
    {
     $.getJSON('/json/status', LoadJsonToContent );
@@ -175,14 +44,24 @@ function LoadJsonToContent(data)
 }
 function LinksToContent(data)
 {
-	$("#LinksAktiv").text('');
+	
 	$.each(data, function(i,item)
 	{
-		$("#LinksAktiv").append('<tr id="link_'+item.id+'"><td>'+item.name+'</td><td>'+item.status+'</td><td>'+SecToRightTime(item.eta)+' @ '+Math.round(item.speed*100)/100+' kb/s</td><td>'+HumanFileSize(item.size)+'</td><td><font id="aktiv_percent">'+item.percent+'</font>% / '+HumanFileSize(item.size-item.kbleft)+'</td></tr>');
+		//$("#LinksAktiv").append('<tr id="link_'+item.id+'"><td id="link_'+item.id+'_name">'+item.name+'</td><td id="link_'+item.id+'_status">'+item.status+'</td><td>'+SecToRightTime(item.eta)+' @ '+Math.round(item.speed*100)/100+' kb/s</td><td>'+HumanFileSize(item.size)+'</td><td><font id="aktiv_percent">'+item.percent+'</font>% / '+HumanFileSize(item.size-item.kbleft)+'</td></tr>');
 		//SetInver[i] = (item.size / 100 ) / item.speed ;
 		//window.setInterval( $("#aktiv_percent").text(parseInt($("#aktiv_percent").text)+1), ((item.size / 100 ) / item.speed)*100);
-		$("#LinksAktiv").append('<tr><td colspan="5"><div class="progress_bar" style="width: '+(100/item.size)*(item.size-item.kbleft)+'%;">&nbsp;</div></td></tr>');
-		$(".progress_bar").animate({ width: "100%"}, (item.size / item.speed)*1000, "linear" );
+		//$("#LinksAktiv").append('<tr><td colspan="5"><div class="progress_bar" style="width: '+(100/item.size)*(item.size-item.kbleft)+'%;">&nbsp;</div></td></tr>');
+		//$(".progress_bar").animate({ width: "100%"}, (item.size / item.speed)*1000, "linear" );
+		//var width = (100/item.size)*(item.size-item.kbleft);
+		//alert(width);
+		//$(".link_"+item.id+"_pgb").animate({ width: +"%"}, /*(item.size / item.speed)*1000*/1500, "linear" );
+		//$("#link_"+item.id+"_pgb").fadeIn();
+		/*$("#link_"+item.id+"_pgb").progressBar();
+		$("#link_"+item.id+"_pgb").progressBar('option' , 'width' , '100%');
+		$("#link_"+item.id+"_pgb").progressBar('option' , 'showText' , true);
+		$("#link_"+item.id+"_pgb").progressBar('option' , 'textFormat' , 'percentage');*/
+		$("#link_"+item.id+"_pgb").progressBar((100/item.size)*(item.size-item.kbleft));
+		
 	});
 	//UpdateLinks(SetInver, 0);
 	setTimeout(function()
@@ -191,29 +70,6 @@ function LinksToContent(data)
    }, 4000);
 	
 }
-function SecToRightTime(sek)
-{
-	vreturn = sek > 86400 ? sprintf('%d Tag%s ', sek / 86400, Math.floor(sek / 86400) != 1 ? 'e':'') : '';
-	vreturn += sprintf('%02d:%02d:%02d', sek / 3600 % 24, sek / 60 % 60, sek % 60 );
-	return vreturn;
-}
-
-$(document).ready(function(){
-	//$('#action_pause').hide();
-	
-	
-	/*$("#play").hover( 
-	 function()
-	 {  // mouseover 
-		  $(this).attr("id", "highlight");
-	 }, 
-	 function()
-	 {  // mouseout 
-		  $(this).attr("id", "");
-	 });*/
-	$.getJSON('/json/links', LinksToContent );
-	$.getJSON('/json/status', LoadJsonToContent );
-});
 </script>
 </head>
 
@@ -250,6 +106,8 @@ $(document).ready(function(){
 		</li>
 		<li>
 		    <a href="/queue/" title=""><img src="{{ MEDIA_URL }}img/head-menu-download.png" alt="" /> Queue</a></li>
+		<li>
+		    <a href="/add/" title=""><img src="{{ MEDIA_URL }}img/head-menu-development.png" alt="" />Add</a></li>
 		<li>
 		    <a href="/downloads/" title=""><img src="{{ MEDIA_URL }}img/head-menu-development.png" alt="" /> Downloads</a></li>
 		<li class="right">
@@ -274,7 +132,7 @@ $(document).ready(function(){
 {% if perms.pyload.can_see_dl %}
 <ul id="page-actions">
 	<li><a class="action backlink">Speed: <b id="speed">{{ status.speed }}</b> kb/s</a></li>
-    <li><a class="action cog">Active: <b id="aktiv">{{ status.activ }}</b> / <b id="aktiv_from">{{ status.queue }}</b></a></li>
+    <li><a class="action cog">Active: <b id="aktiv">{{ status.queue }}</b> / <b id="aktiv_from">{{ status.total }}</b></a></li>
     <li><a href=""  class="action revisions" accesskey="o" rel="nofollow">Reload page</a></li>
 </ul><br />
 {% endif %}
diff --git a/module/web/templates/default/home.html b/module/web/templates/default/home.html
index 43cf16ae0..acc185444 100644
--- a/module/web/templates/default/home.html
+++ b/module/web/templates/default/home.html
@@ -21,13 +21,13 @@ Active Downloads
   <tr id="link_{{ link.id }}">
     <td id="link_{{ link.id }}_name">{{ link.name }}</td>
     <td id="link_{{ link.id }}_status">{{ link.status }}</td>
-    <td id="link_{{ link.id }}_eta">{{ content.eta }} @ {{content.speed }}</td>
-    <td id="link_{{ link.id }}_kbleft">{{ link.kbleft }}</td>
-    <td id="link_{{ link.id }}_percent"><font id="aktiv_percent">{{ link.percent }}</font>% / {{ link.size }}</td>
+    <td id="link_{{ link.id }}_info">{{ link.info }}</td>
+    <td id="link_{{ link.id }}_kbleft">{{ link.size }}</td>
+    <td id="link_{{ link.id }}_percent"><font id="link_{{ link.id }}_aktiv_percent">{{ link.percent }}</font>% / <font id="link_{{ link.id }}_aktiv_percent">{{ link.kbleft }}</font><a href="#" onclick="javascript:$('#link_{{ link.id }}_pgb').progressBar(50);">load</a></td>
   </tr>
   <tr>
-    <td colspan="5">
-        <div id="link_{{ link.id }}_pgb" class="progress_bar" style="overflow: hidden; width: {{ link.percent }}%; display: block;">&nbsp;</div>
+    <td colspan="5" class="ui-progressbar ui-widget ui-widget-content ui-corner-all">
+        <div id="link_{{ link.id }}_pgb" class="ui-progressbar-value ui-widget-header ui-corner-left" style="overflow: hidden; width: {{ link.percent }}%; display: block;">&nbsp;</div>
     </td>
   </tr>
   {% endfor %}
-- 
cgit v1.2.3