survey.html
4.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
$def with (pkgs_details, user_id, strategy, remaining)
$var title: Survey
$var url_base: /survey/
$var action: START
$var mod = 'survey';
$var cssfiles: static/coda-slider-2.0/stylesheets/coda-slider-2.0.css static/css/facebox.css static/css/survey.css
$var jsfiles: /static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js /static/coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js /static/coda-slider-2.0/javascripts/jquery.easing.1.3.js /static/js/facebox.js
<script type="text/javascript">
$$(document).ready(function() {
$$("input[type=radio]").click(function () {
$$("#coda-nav-right-1").show("fast");
});
$$('a[rel*=facebox]').facebox({
loadingImage : '/static/images/loading.gif',
closeImage : '/static/images/closelabel.png'
});
$$('#coda-slider-1').codaSlider({dynamicTabs: false, dynamicArrowLeftText: "L", dynamicArrowRightText:"Next" });
});
</script>
<div id="maincontent">
<div class="innertube">
<h1>AppRecommender survey</h1>
<div class="show-end" style="display: none;">
<p align="justify">
If you have any comments regarding this set of suggestions, please write in the
form below. There are <b>$(remaining-1) remaining</b> recommendation strategies to be evaluated.
Choose <i>Continue</i> if you can perform one more round of evaluations, or
<i>Finish</i> to conclude your participation.
</p>
</div>
<form action="save" method="post" enctype="multipart/form-data" name="surveyform">
<input type="hidden" name="user_id" value=$user_id>
<input type="hidden" name="strategy" value=$strategy>
<input type="hidden" name="remaining" value=$remaining>
<div style="display: none; width: 400px; margin-left: 150px; margin-top: 10px;" class="show-end"><!-- display show in the end form -->
<p align="center">
<label for="comments">
<b>Comments</b><br />
<textarea name="comments" value="" rows="4" cols="48"></textarea> <br />
</label>
</p>
<label for="finish_button">
<input id="finish-button" name="finish_button" type="submit" value="Finish" class="glass" />
</label>
<label for="continue_button">
<input id="continue-button" name="continue_button" type="submit" value="Continue" class="glass" />
</label>
</div><!-- id="controls-form" -->
<div class="coda-slider-wrapper hide-end">
<div class="coda-slider preload" id="coda-slider-1">
<h5 style="float: right;"><b>How do you evaluate this recommendation?</b></h5> <br />
$for pkg in pkgs_details:
<div class="panel">
<div id="panel-controls" class="glass">
<fieldset>
<label class="radioButton">
<input class="radio" type="radio" name="evaluation-$(pkgs_details.index(pkg))" value="poor" />
Poor
</label><br />
<label class="radioButton">
<input class="radio" type="radio" name="evaluation-$(pkgs_details.index(pkg))" value="redundant" />
Redundant
</label><br />
<label class="radioButton">
<input class="radio" type="radio" name="evaluation-$pkgs_details.index(pkg)" value="useful" />
Useful
</label><br />
<label class="radioButton">
<input class="radio" type="radio" name="evaluation-$pkgs_details.index(pkg)" value="surprising" />
Pleasantly surprising
</label>
</fieldset>
<br style="clear: both;" />
</div><!-- #panel-controls -->
<div class="panel-wrapper">
<div class="screenshot">
<a class="link-thumb" rel="facebox"
href="http://screenshots.debian.net/screenshot/$pkg.name?.jpg"
title="Click to enlarge screenshot of package $pkg.name" alt="Click to enlarge screenshot">
<img height="80" src="http://screenshots.debian.net/thumbnail/$pkg.name"
alt="Screenshot $pkg.name" /></a>
</div><!-- screenshot -->
<h1 id="title_pkg"> $pkg.name <span>($(pkgs_details.index(pkg)+1)/$len(pkgs_details))</span> <br />
<span>$pkg.summary</span></h1> <br />
<div class="content-pkg">
$if hasattr(pkg,'description'):
<pre>$:pkg.description</pre>
<ul>
$if hasattr(pkg,'maintainer'):
<li><pre> Maintained by $:pkg.maintainer</pre></li>
$if hasattr(pkg,'homepage'):
<li><pre> Homepage: $:pkg.homepage</pre></li>
</ul>
</div><!-- id="content-pkg" -->
</div><!-- .panel-wrapper -->
</div><!-- .panel -->
</div><!-- .coda-slider -->
</div><!-- .coda-slider-wrapper -->
</form>
</div><!-- class="innertube" -->
</div><!-- id="maincontent" -->