2
0
mirror of https://github.com/ACSPRI/queXS synced 2024-04-02 12:12:16 +00:00

Removed progress graph and replaced with text (no good for speaking over the phone if it is a graph)

Updated template to look a bit cleaner
This commit is contained in:
azammitdcarf
2011-09-08 02:54:46 +00:00
parent 1526fb4b67
commit 5aad5360ac
2 changed files with 16 additions and 62 deletions

View File

@@ -1049,61 +1049,10 @@ function makegraph($currentstep, $total)
global $thissurvey; global $thissurvey;
global $publicurl, $clang; global $publicurl, $clang;
$size = intval(($currentstep-1)/$total*100); $size = round(($currentstep-1)/$total*100,1);
$graph = '<script type="text/javascript"> $graph='
$(function() { <div>'.sprintf($clang->gT('%s%% complete'),$size).'</div>';
$("#progressbar").progressbar({
value: '.$size.'
});
});';
if (getLanguageRTL($clang->langcode))
{
$graph.='
$(document).ready(function() {
$("div.ui-progressbar-value").removeClass("ui-corner-left");
$("div.ui-progressbar-value").addClass("ui-corner-right");
});';
}
$graph.='
</script>
<div id="progress-wrapper">
<span class="hide">'.sprintf($clang->gT('You have completed %s%% of this survey'),$size).'</span>
<div id="progress-pre">';
if (getLanguageRTL($clang->langcode))
{
$graph.='100%';
}
else
{
$graph.='0%';
}
$graph.='</div>
<div id="progressbar"></div>
<div id="progress-post">';
if (getLanguageRTL($clang->langcode))
{
$graph.='0%';
}
else
{
$graph.='100%';
}
$graph.='</div>
</div>';
if ($size == 0) // Progress bar looks dumb if 0
{
$graph.='
<script type="text/javascript">
$(document).ready(function() {
$("div.ui-progressbar-value").hide();
});
</script>';
}
return $graph; return $graph;
} }

View File

@@ -1,5 +1,5 @@
body { body {
font-family: arial, verdana, sans-serif; font-family: serif;
font-size: 14px; font-size: 14px;
line-height: 17px; line-height: 17px;
background-color: #999; background-color: #999;
@@ -13,8 +13,12 @@ table.question {
width: 100%; width: 100%;
} }
td.graph {
text-align:center;
}
td { td {
font-family: arial, verdana, sans-serif; font-family: serif;
font-size: 14px; font-size: 14px;
line-height: 17px; line-height: 17px;
background-color: #EEE; background-color: #EEE;
@@ -49,7 +53,7 @@ td.tenpoint {
.asterisk { .asterisk {
color: red; color: red;
font-size: 9pt; font-size: 9pt;
font-family: verdana; font-family: serif;
} }
.questionhelp { .questionhelp {
@@ -58,7 +62,7 @@ td.tenpoint {
} }
.questiontext { .questiontext {
font-family: verdana; font-family: serif;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
} }
@@ -150,6 +154,7 @@ table,img {
background-color: #eee; background-color: #eee;
text-align:center; text-align:center;
font-size: 16pt; font-size: 16pt;
line-height: 20pt;
} }
.bf,.array2 { .bf,.array2 {
@@ -194,7 +199,7 @@ table.question tr.array1:hover,table.question tr.array2:hover {
.clearall-result { .clearall-result {
font-size: small; font-size: small;
font-family:Arial, Helvetica, sans-serif; font-family:serif;
text-align: center; text-align: center;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@@ -217,7 +222,7 @@ table.question tr.array1:hover,table.question tr.array2:hover {
.group-description { .group-description {
font-size: small; font-size: small;
font-family:Verdana, Arial, Helvetica, sans-serif; font-family:serif;
} }
.load-error { .load-error {
@@ -288,7 +293,7 @@ table.question tr.array1:hover,table.question tr.array2:hover {
.group-name { .group-name {
font-size: small; font-size: small;
font-family:Verdana, Arial, Helvetica, sans-serif; font-family:serif;
color: #666666; color: #666666;
font-weight: bold; font-weight: bold;
} }
@@ -316,7 +321,7 @@ table.question tr.array1:hover,table.question tr.array2:hover {
} }
.survey-list-table .site-name { .survey-list-table .site-name {
font-family:Verdana, Arial, Helvetica, sans-serif; font-family:serif;
font-weight: bold; font-weight: bold;
font-size: large; font-size: large;
color: #328639; color: #328639;