ScriptFanix/IngRRD
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

separate code from style

Browse Source
This commit is contained in:
Vincent Riquer 2014-06-24 00:43:29 +02:00
parent 838118a388
commit 0b70bede3f
2 changed files with 95 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
add.html
View File

@ -56,29 +56,31 @@ Expires: $(LC_ALL=C TZ=GMT date +'%a, %d %b %Y %X %Z')
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IngRRD - Add data</title>
<title>IngRRD - $webuser - Add data</title>
<link rel="stylesheet" type="text/css" href="/ingrrd.css" />
</head>
<body>
<div style="position:relative; clear:both; margin:auto; width:$(( graph_width + 97 ))px">
<table style="width:$(( graph_width + 97 ))px; text-align:center; border:1px solid black; border-collapse:collapse">
<div class="container" style="width:$(( graph_width + 97 ))px">
<div class="menu">
<table style="width:$(( graph_width + 97 ))px" class="menu">
<tr>
<td style="border:1px solid black"><a href="/cgi/$webuser/?start=$start&amp;end=$end">Overview</a></td>
<td style="border:1px solid black">
<table style="width:100%; border-collapse:collapse">
<td class="menu"><a href="/cgi/$webuser/?start=$start&amp;end=$end">Overview</a></td>
<td class="menu">
<table class="menu-nobrd">
<tr>
<td colspan="2" style="text-align:center">
<td colspan="2" class="menu-nobrd">
<a href="/cgi/$webuser/?hist&amp;start=$start&amp;end=$end">
History
History &amp; Trend
</a>
</td>
</tr>
<tr>
<td style="border:1px solid black">
<td class="menu">
<a href="/cgi/$webuser/?hist&amp;start=$start&amp;end=$end">
Medals
</a>
</td>
<td style="border:1px solid black">
<td class="menu">
<a href="/cgi/$webuser/?hist&amp;show=all&amp;start=$start&amp;end=$end">
All
</a>
@ -86,9 +88,10 @@ Expires: $(LC_ALL=C TZ=GMT date +'%a, %d %b %Y %X %Z')
</tr>
</table>
</td>
<td style="background:black; color:white">Add data</td>
<td class="menu-inv">Add data</td>
</tr>
</table>
</div>
EOHTML
if ! [ -w "$rrdfile" ]
then
@ -136,6 +139,7 @@ then
}
fi
cat <<-EOHTML
<div class="main">
<form method="post" action="add">
<ul>
EOHTML
@ -175,6 +179,7 @@ cat <<-EOHTML
</tr>
</table>
</div>
</div>
</body>
</html>
EOHTML

156
index
View File

@ -60,6 +60,15 @@ fi
if [ -z "$graph" ]
then
if (( show_all ))
then
title="IngRRD - $webuser - History &amp; Trend: All stats"
elif (( show_graphs ))
then
title="IngRRD - $webuser - History &amp; Trend: Badges"
else
title="IngRRD - $webuser - Overview"
fi
cat <<-EOHTML
content-type: application/xhtml+xml
Last-Modified: $(
@ -75,39 +84,40 @@ then
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IngRRD - Graph</title>
<title>$title</title>
<link rel="stylesheet" type="text/css" href="/ingrrd.css" />
</head>
<body>
<div style="position:relative; clear:both; margin:auto; width:$(( graph_width + 97 ))px">
<div style="width:$(( graph_width + 97 ))px" class="container">
EOHTML
if (( ! show_graphs ))
then
cat <<-EOHTML
<div style="position:fixed; background:white">
<table style="width:$(( graph_width + 97 ))px; text-align:center; border:1px solid black; border-collapse:collapse">
<div class="menu">
<table style="width:$(( graph_width + 97 ))px" class="menu">
<tr>
<td style="background:black; color:white">Overview</td>
<td style="border:1px solid black">
<table style="width:100%; border-collapse:collapse">
<td class="menu-inv">Overview</td>
<td class="menu">
<table class="menu-nobrd">
<tr>
<td colspan="2" style="text-align:center"><a href="?hist&amp;start=$start&amp;end=$end">History</a></td>
<td colspan="2"><a href="?hist&amp;start=$start&amp;end=$end">History &amp; Trend</a></td>
</tr>
<tr>
<td style="border:1px solid black">
<td class="menu">
<a href="?hist&amp;start=$start&amp;end=$end">Medals</a>
</td>
<td style="border:1px solid black">
<td class="menu">
<a href="?hist&amp;show=all&amp;start=$start&amp;end=$end">All</a>
</td>
</tr>
</table>
</td>
<td style="border:1px solid black"><a href="add.html?start=$start&amp;end=$end"><b>Add data</b></a></td>
<td class="menu"><a href="add.html?start=$start&amp;end=$end"><b>Add data</b></a></td>
</tr>
</table>
</div>
<div style="position:absolute; top:3em; heigth:-3em">
<div class="main">
EOHTML
readarray -t lastupdatelines < <(
rrdtool lastupdate $rrdfile
@ -161,30 +171,28 @@ then
done
cat <<-EOHTML
<div>
<table style="width:840px">
<table class="level">
<tr>
<th>Level</th>
<th class="level">Level</th>
<th>AP</th>
<th style="width:170px">Silver</th>
<th style="width:170px">Gold</th>
<th style="width:170px">Platinum</th>
<th style="width:170px">Black</th>
<th class="badge">Silver</th>
<th class="badge">Gold</th>
<th class="badge">Platinum</th>
<th class="badge">Black</th>
</tr>
<tr>
<td>&nbsp;</td>
<td style="text-align:right">$(printf "%'li" ${last["AP"]})</td>
<td style="text-align:center">
<td />
<td class="AP">$(printf "%'li" ${last["AP"]})</td>
<td class="badge">
EOHTML
for stat in ${silvers[@]}
do
img=${stat,,}
cat <<-EOHTML
<a
style="color:black;text-decoration:none"
<a class="badge"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-silver.png"
title="$stat"
alt="$stat silver" />
@ -193,18 +201,16 @@ then
done
cat <<-EOHTML
</td>
<td style="text-align:center">
<td class="badge">
EOHTML
for stat in ${golds[@]}
do
img=${stat,,}
cat <<-EOHTML
<a
style="color:black;text-decoration:none"
<a class="badge"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-gold.png"
title="$stat"
alt="$stat gold" />
@ -213,18 +219,16 @@ then
done
cat <<-EOHTML
</td>
<td style="text-align:center">
<td class="badge">
EOHTML
for stat in ${platinums[@]}
do
img=${stat,,}
cat <<-EOHTML
<a
style="color:black;text-decoration:none"
<a class="badge"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-platinum.png"
title="$stat"
alt="$stat platinum" />
@ -233,18 +237,16 @@ then
done
cat <<-EOHTML
</td>
<td style="text-align:center">
<td class="badge">
EOHTML
for stat in ${blacks[@]}
do
img=${stat,,}
cat <<-EOHTML
<a
style="color:black;text-decoration:none"
<a class="badge"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-black.png"
title="$stat"
alt="$stat black" />
@ -257,23 +259,23 @@ then
EOHTML
for level in {1..16}
do
echo "<tr><th style=\"text-align:right\">$level</th>"
echo "<tr><th class=\"level\">$level</th>"
if (( last["AP"] >= lvl[level] ))
then
echo '<td style="text-align:right; background:lightgreen">'
echo '<td class="AP" style="background:lightgreen">'
printf "%'li" ${lvl[level]}
echo '</td>'
else
readable=$(printf "%'li" ${lvl[level]})
echo '<td style="text-align:right; background:lightgrey">'"${readable// /&nbsp;}"
echo '<td class="AP" style="background:lightgrey">'"${readable// /&nbsp;}"
readable=$(printf "%'li" $(( last["AP"] - lvl[level] )))
echo "<br />(<span style=\"color:#FF2020;font-weight:bold\">${readable// /&nbsp;}</span>)</td>"
echo "<br />(<span class=\"missing\">${readable// /&nbsp;}</span>)</td>"
fi
if (( silvercount >= lvlsilver[level] ))
then
echo '<td style="text-align:center; background:lightgreen">'${lvlsilver[level]}'</td>'
echo '<td class="badge" style="background:lightgreen">'${lvlsilver[level]}'</td>'
else
echo "<td style=\"text-align:center; background:lightgrey\">${lvlsilver[level]} (<span style=\"color:#FF2020;font-weight:bold\">$(( silvercount - lvlsilver[level] ))</span>)<br />"
echo "<td class=\"badge\" style=\"background:lightgrey\">${lvlsilver[level]} (<span class=\"missing\">$(( silvercount - lvlsilver[level] ))</span>)<br />"
for id in {100..0}
do
[ -z "${upsilver[id]}" ] && continue
@ -284,11 +286,11 @@ then
img=${stat,,}
cat <<-EOHTML
<a
style="background:#$(printf %02x%02x $redlevel $greenlevel )00;color:black;text-decoration:none"
class="badge"
style="background:#$(printf %02x%02x $redlevel $greenlevel )00"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-silver.png"
title="$stat $id%"
alt="$stat silver" />
@ -300,9 +302,9 @@ then
fi
if (( goldcount >= lvlgold[level] ))
then
echo '<td style="text-align:center; background:lightgreen">'${lvlgold[level]}'</td>'
echo '<td class="badge" style="background:lightgreen">'${lvlgold[level]}'</td>'
else
echo "<td style=\"text-align:center; background:lightgrey\">${lvlgold[level]} (<span style=\"color:#FF2020;font-weight:bold\">$(( goldcount - lvlgold[level] ))</span>)<br />"
echo "<td class=\"badge\" style=\"background:lightgrey\">${lvlgold[level]} (<span class=\"missing\">$(( goldcount - lvlgold[level] ))</span>)<br />"
for id in {100..0}
do
[ -z "${upgold[id]}" ] && continue
@ -313,11 +315,11 @@ then
img=${stat,,}
cat <<-EOHTML
<a
style="background:#$(printf %02x%02x $redlevel $greenlevel )00;color:black;text-decoration:none"
class="badge"
style="background:#$(printf %02x%02x $redlevel $greenlevel )00"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-gold.png"
title="$stat $id%"
alt="$stat gold" />
@ -329,9 +331,9 @@ then
fi
if (( platinumcount >= lvlplatinum[level] ))
then
echo '<td style="text-align:center; background:lightgreen">'${lvlplatinum[level]}'</td>'
echo '<td class="badge" style="background:lightgreen">'${lvlplatinum[level]}'</td>'
else
echo "<td style=\"text-align:center; background:lightgrey\">${lvlplatinum[level]} (<span style=\"color:#FF2020;font-weight:bold\">$(( platinumcount - lvlplatinum[level] ))</span>)<br />"
echo "<td class=\"badge\" style=\"background:lightgrey\">${lvlplatinum[level]} (<span class=\"missing\">$(( platinumcount - lvlplatinum[level] ))</span>)<br />"
for id in {100..0}
do
[ -z "${upplatinum[id]}" ] && continue
@ -342,11 +344,11 @@ then
img=${stat,,}
cat <<-EOHTML
<a
style="background:#$(printf %02x%02x $redlevel $greenlevel )00;color:black;text-decoration:none"
class="badge"
style="background:#$(printf %02x%02x $redlevel $greenlevel )00"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-platinum.png"
title="$stat $id%"
alt="$stat platinum" />
@ -358,9 +360,9 @@ then
fi
if (( blackcount >= lvlblack[level] ))
then
echo '<td style="text-align:center; background:lightgreen">'${lvlblack[level]}'</td>'
echo '<td class="badge" style="background:lightgreen">'${lvlblack[level]}'</td>'
else
echo "<td style=\"text-align:center; background:lightgrey\">${lvlblack[level]} (<span style=\"color:#FF2020;font-weight:bold\">$(( blackcount - lvlblack[level] ))</span>)<br />"
echo "<td class=\"badge\" style=\"background:lightgrey\">${lvlblack[level]} (<span class=\"missing\">$(( blackcount - lvlblack[level] ))</span>)<br />"
for id in {100..0}
do
[ -z "${upblack[id]}" ] && continue
@ -371,11 +373,11 @@ then
img=${stat,,}
cat <<-EOHTML
<a
style="background:#$(printf %02x%02x $redlevel $greenlevel )00;color:black;text-decoration:none"
class="badge"
style="background:#$(printf %02x%02x $redlevel $greenlevel )00"
href="?hist&amp;start=$start&amp;end=$end#$stat">
<img
width="30"
height="30"
class="badge"
src="/${img//_/-}-black.png"
title="$stat $id%"
alt="$stat black" />
@ -393,31 +395,31 @@ then
EOHTML
else
cat <<-EOHTML
<div style="position:fixed; z-index:100; background:white">
<table style="width:$(( graph_width + 97 ))px; text-align:center; border:1px solid black; border-collapse:collapse">
<div class="menu">
<table class="menu" style="width:$(( graph_width + 97 ))px">
<tr>
<td><a href="?start=$start&amp;end=$end">Overview</a></td>
<td style="background:black; color:white">
<table style="width:100%; border-collapse:collapse">
<td class="menu"><a href="?start=$start&amp;end=$end">Overview</a></td>
<td class="menu-inv">
<table class="menu">
<tr>
<td colspan="2" style="text-align:center">History</td>
<td colspan="2" class="menu-inv">History</td>
</tr>
EOHTML
if (( show_all ))
then
cat <<-EOHTML
<tr>
<td style="background:white; color:black; border:1px solid black">
<td class="menu">
<a href="?hist&amp;start=$start&amp;end=$end">Medals</a>
</td>
<td style="background:#505050; color:white; border:1px solid black">All</td>
<td class="submenu-inv">All</td>
</tr>
EOHTML
else
cat <<-EOHTML
<tr>
<td style="background:#505050; color:white; border:1px solid black">Medals</td>
<td style="background:white; color:black; border:1px solid black">
<td class="submenu-inv">Medals</td>
<td class="menu">
<a href="?hist&amp;show=all&amp;start=$start&amp;end=$end">All</a>
</td>
</tr>
@ -426,7 +428,7 @@ then
cat <<-EOHTML
</table>
</td>
<td><a href="add.html?start=$start&amp;end=$end"><b>Add data</b></a></td>
<td class="menu"><a href="add.html?start=$start&amp;end=$end"><b>Add data</b></a></td>
</tr>
</table>
<table style="width:$(( graph_width + 97 ))px">
@ -448,7 +450,7 @@ then
</tr>
</table>
</div>
<div style="position:absolute; top:5em">
<div class="main">
EOHTML
if (( show_all ))
@ -495,7 +497,7 @@ then
height=155
fi
cat <<-EOHTML
<div id="$stat" style="position:relative; top: -5em" />
<div id="$stat" class="anchor" />
<img
src="?graph=$stat&amp;start=$start&amp;end=$end"
width="$(( graph_width + 97 ))"