layout.html
7.62 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
$def with (content)
$ url_base = "http://localhost:8080"
<!--Force IE6 into quirks mode with this comment tag-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>AppRecommender - $content.title</title>
<link rev="made" href="mailto:tassia@gmail.com">
<link rel="shortcut icon" href="static/favicon.ico">
<link href="static/css/style.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8">
$if content.cssfiles:
$for css in content.cssfiles.split():
<link href="$css" rel="stylesheet" type="text/css" media="screen" charset="utf-8"/>
<script src="/static/js/jquery.js" type="text/javascript"></script>
<script src="/static/js/FormManager.js" type="text/javascript"></script>
$if content.jsfiles:
$for js in content.jsfiles.split():
<script src="$js" type="text/javascript"></script>
<!-- Dynamic form -->
<script type="text/javascript">
window.onload = function() {
setupDependencies('weboptions'); //name of form(s). Seperate each with a comma (ie: 'weboptions', 'myotherform' )
};
function validateForm()
{
var x=document.forms["weboptions"]["pkgs_list"].value
if (x==null || x=="Write your list App here or send a file list this icon:")
{
alert("Write your list App!");
return false;
}
}
</script>
<script type="text/javascript">
$$(document).ready(function() {
$$("#advanced-button").click(function () {
$$("#advanced-slide").toggle("slow");
});
});
</script>
</head>
<body class="$content.mod">
<div id="wrap">
<div id="header">
<a href="$url_base" title="AppRecommender"><h1 id="logo"><span>AppRecommender</span></h1></a>
<div id="recommender-box">
<form action="apprec" enctype="multipart/form-data" method="post" name="weboptions" onsubmit="return validateForm()">
<fieldset>
<div id="submit-box">
<input type="submit" value="RECOMMENDER" id="submit-button"><br />
<!--<a id="advanced-button">advanced query?</a>-->
</div>
<div id="input-box">
<a href="#attachfile" rel="facebox" id="upfile"><span style="display: none;">Upload a file.</span></a>
<label title="App list"><textarea class="focused" onfocus="this.form.className='focused';
if(this.value=='Write your list App here or send a file list this icon:'){this.value=''}" onblur="this.form.className='';
if(/^\s*$$/.test(this.value)){ this.value='Write your list App here or send a file list this icon:';
this.form.className='clean' }" rows="2" cols="55" name="pkgs_list" id="pkgs_list"
>Write your list App here or send a file list this icon:</textarea></label>
</div>
</fieldset>
<div id="advanced-slide">
<fieldset>
<legend>General</legend>
<div>
<label><input type="hidden">Profile size:</label>
<label class="special"><input type="text" name="profile_size" value="10" size="4"></label>
<label><input type="hidden">Recommendations:</label>
<label class="special"><input type="text" name="limit" value="10" size="4"></label>
</div>
<div>
<label><input type="hidden">Weighting:</label>
<label class="special"><input type="radio" name="weight" value="BM25" checked="checked"> BM25</label>
<label class="special"><input type="radio" name="weight" value="trad"> Traditional</label>
</div>
<div>
<label><input type="hidden">Strategy:</label>
<label class="special"><input type="radio" name="strategy" value="content" checked="checked"> Content-based</label>
<label class="special"><input type="radio" name="strategy" value="collab"> Collaborative</label>
<label class="special"><input type="radio" name="strategy" value="hybrid"> Hybrid</label>
</div>
</fieldset>
<fieldset>
<legend>Tuning up</legend>
<div id="content-form" class="group-form group-hybrid">
<label><input type="hidden" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid">Content representation:</label>
<label class="special"><input type="radio" name="content" value="tag" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> tag</label>
<label class="special"><input type="radio" name="content" value="desc" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> description</label>
<label class="special"><input type="radio" name="content" value="full" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> both</label>
</div>
<div id="colaborative-form" class="group-form group-hybrid">
<label><input type="hidden">Clustering:</label>
<label class="special"><input type="radio" name="cluster" value="yes"> yes</label>
<label class="special"><input type="radio" name="cluster" value="no"> no</label>
</div>
<div id="hybrid-form" class="group-form group-hybrid">
<label><input type="hidden" class="DEPENDS ON strategy BEING hybrid">Neighborhood:</label>
<label class="special"><input type="text" name="neighbours" class="DEPENDS ON strategy BEING hybrid" value="50" size="4"></label>
<div>
<label><input type="hidden" class="DEPENDS ON strategy BEING hybrid">Personal profile:</label>
<label class=special><input type="checkbox" name="profile_desktop" class="DEPENDS ON strategy BEING hybrid" > Desktop</label>
<label class=special><input type="checkbox" name="profile_admin" class="DEPENDS ON strategy BEING hybrid" > Admin</label>
<label class=special><input type="checkbox" name="profile_devel" class="DEPENDS ON strategy BEING hybrid" > Devel</label>
<label class=special><input type="checkbox" name="profile_science" class="DEPENDS ON strategy BEING hybrid" > Science</label>
<label class=special><input type="checkbox" name="profile_arts" class="DEPENDS ON strategy BEING hybrid" > Arts</label>
</div>
</div>
</fieldset>
<fieldset>
<legend>Your packages</legend>
<div>
<label>Upload file<input type="file" id="pkgs_file" name="pkgs_file" size="18"/></label>
</div>
</fieldset>
</div><!-- id="advanced-slide" -->
</form>
</div>
<!-- BOX ATTACHMENT FILE -->
<div id="attachfile" style="display: none;">
<h2>Recommendation with file list</h2>
<form action="apprec" enctype="multipart/form-data" method="post" name="uploadform">
<fieldset>
<label title="Upload file">Upload file: <input type="file" name="pkgs_file" size="18"/></label>
<p>
You can use file <strong>/var/log/popularity-contest</strong> or create a with <strong>dpkg</strong>, use:
<code>
# dpkg -l > blih
</code>
</p>
<p>
<p align="center"><input type="submit" value="Recommender!"></p>
<input type="hidden" name="weight" value="BM25" checked="checked">
<input type="hidden" name="strategy" value="content" checked="checked">
<input type="hidden" name="profile_size" value="10" size="4">
<input type="hidden" name="limit" value="10" size="4">
<input type="hidden" name="neighbours" class="DEPENDS ON strategy BEING hybrid" value="50" size="4">
</fieldset>
</form>
</p>
</div><!-- id="attachfile" -->
<!-- END BOX ATTACHMENT FILE -->
</div><!-- id="header" -->
<div id="content">
$:content
<div id="footer">
<div id="navbar">
<ul>
<li><a href="$url_base">Home</a></li>
<li><a href="$url_base/about">About</a></li>
<li><a href="http://github.com/tassia/AppRecommender">Development</a></li>
</ul>
</div><!-- id="navbar" -->
<!-- <p id="copyright">
Copyright © 2011 AppRecommender team.
</p> -->
</div><!-- id="footer" -->
</div><!-- id="content" -->
</div><!-- id="wrap" -->
</body>
</html>