# HG changeset patch
# User Christophe Lincoln <pankso@slitaz.org>
# Date 1304802041 -7200
# Node ID 923bd9254ecf77be97545ad7e60c4cede0bc6f44
# Parent  dad3f6ed300ccd0718faff95ad2b7fa6c55bb8f6
Let's have a progress/stat bar for cooked packages

diff -r dad3f6ed300c -r 923bd9254ecf web/cooker.cgi
--- a/web/cooker.cgi	Sat May 07 19:46:58 2011 +0200
+++ b/web/cooker.cgi	Sat May 07 23:00:41 2011 +0200
@@ -167,6 +167,11 @@
 			echo "<pre>No receipt for: $log</pre>"
 		fi ;;
 	*)
+		# Main page with summary.
+		cooked=$(ls $PKGS/*.tazpkg | wc -l)
+		inwok=$(ls $WOK | wc -l)
+		div=$(($inwok / 100))
+		pct=$(($cooked / $div))
 		cat << EOT
 <div style="float: right;">
 	<form method="get" action="$SCRIPT_NAME">
@@ -176,22 +181,29 @@
 </div>
 
 <h2>Summary</h2>
+
+
 <pre>
 Running command  : $([ -s "$command" ] && cat $command || echo "Not running")
-Cooked packages  : $(ls $PKGS/*.tazpkg | wc -l)
-Packages in wok  : $(ls $WOK | wc -l)
 Wok revision     : <a href="http://hg.slitaz.org/wok">$(cd $WOK && hg head --template '{rev}\n')</a>
 Commits to cook  : $(cat $commits | wc -l)
 Current cooklist : $(cat $cooklist | wc -l)
 Broken packages  : $(cat $broken | wc -l)
 </pre>
 
-<div id="info">
-	Logs:
-	<a class="button" href="cooker.cgi?file=cookorder.log">cookorder</a>
-	<a class="button" href="cooker.cgi?file=commits.log">commits</a>
+<p>
+	Packages: $cooked cooked on $inwok in the wok.
+</p>
+<div class="pctbar">
+	<div class="pct" style="width: ${pct}%;">${pct}%</div>
 </div>
 
+<p>
+	Latest logs:
+	<a href="cooker.cgi?file=cookorder.log">cookorder</a>
+	<a href="cooker.cgi?file=commits.log">commits</a>
+</p>
+
 <h2>Activity</h2>
 <pre>
 $(tac $CACHE/activity | head -n 12 | \
diff -r dad3f6ed300c -r 923bd9254ecf web/style.css
--- a/web/style.css	Sat May 07 19:46:58 2011 +0200
+++ b/web/style.css	Sat May 07 23:00:41 2011 +0200
@@ -44,14 +44,11 @@
 
 .button {
 	padding: 2px 4px;
-	margin: 0;
-	background-color: #f1f1f1;
-	border: 1px solid #ddd;
 	cursor: pointer;
 	color: #000;
 }
 
-a.button  {
+a.button, .pctbar  {
 	text-decoration: none;
 	color: #666;
 }
@@ -61,9 +58,17 @@
 	border: 1px solid #999;
 }
 
+.pct { background: #9dff4a; padding: 2px 4px; }
+
+.button, .pctbar {
+	margin: 0;
+	background: #f1f1f1;
+	border: 1px solid #ddd;
+}
+
 /* Round corner */
 
-pre, .button {
+pre, .button, .pctbar {
 	/*-moz-border-radius: 4px;
 	-webkit-border-radius: 4px; */
 	border-radius: 4px;