Download as
Browse Code »

Commit d6f82a87df9ed5cbe72344e1aab63f905675394a

Authored by Tiago Bortoletto Vaz
1 parent 5e2dde0a
Exists in master and in 1 other branch add_vagrant

Finalizing submit form.

Showing 2 changed files with 53 additions and 36 deletions   Show diff stats
src/web/static/css/style.css
  Diff comments   View file @d6f82a8
@@ -43,7 +43,7 @@ abbr, acronym { @@ -43,7 +43,7 @@ abbr, acronym {
43 /*-----------------------------------------*/ 43 /*-----------------------------------------*/
44 body { 44 body {
45 font-family: sans-serif; 45 font-family: sans-serif;
46 - font-size: 11pt; 46 + font-size: 10.5pt;
47 background-color: #ebedef; 47 background-color: #ebedef;
48 margin: 0; 48 margin: 0;
49 padding: 0; 49 padding: 0;
@@ -464,11 +464,11 @@ div.jGrowl div.jGrowl-closer { @@ -464,11 +464,11 @@ div.jGrowl div.jGrowl-closer {
464 } 464 }
465 465
466 .imgcaption .smaller { 466 .imgcaption .smaller {
467 - font-size: 80%; 467 + font-size: 90%;
468 } 468 }
469 469
470 .smaller { 470 .smaller {
471 - font-size: 80%; 471 + font-size: 90%;
472 } 472 }
473 473
474 #debtags-area { 474 #debtags-area {
src/web/templates/index.html
  Diff comments   View file @d6f82a8
1 $var title: Home 1 $var title: Home
2 $var mod = 'index'; 2 $var mod = 'index';
3 3
4 -<div class="graybox">  
5 -<h1>You might also like these packages...</h1> 4 +<table><tr><td class="noborder">
  5 +<div class="textbox">
  6 +<h1>You might also like...</h1>
6 7
7 <p>Provide a list of packages or upload a popcon submission file and you'll get 8 <p>Provide a list of packages or upload a popcon submission file and you'll get
8 a list of suggested packages automatically computed by AppRecommender. You can 9 a list of suggested packages automatically computed by AppRecommender. You can
9 -customize the recommender setup or let it randomly choose a setup for you.</p> 10 +customize the recommender setup or let it randomly choose one.</p>
  11 +
  12 +<p>Please fill the form that follows the recommendation results. Your
  13 +feedback is very much appreciated!</p>
10 14
11 <p>Enjoy it :)</p> 15 <p>Enjoy it :)</p>
12 </div> 16 </div>
  17 +</td>
  18 +<td class="noborder">
13 19
14 <!--<div class="align-right"><img alt="AppRecommender logo" 20 <!--<div class="align-right"><img alt="AppRecommender logo"
15 src="/static/images/AppRecommender-logo.jpg" width="320" /></div>--> 21 src="/static/images/AppRecommender-logo.jpg" width="320" /></div>-->
@@ -29,9 +35,6 @@ function toggle() { @@ -29,9 +35,6 @@ function toggle() {
29 } 35 }
30 </script> 36 </script>
31 37
32 -<p>Please fill in the form that follows the recommendation results. Your  
33 -feedback is very much appreciated!</p> Or want to try a <a id="displayText"  
34 -href="javascript:toggle();">custom</a> query setup...?  
35 38
36 <form action="apprec" enctype="multipart/form-data" method="post" name="weboptions"> 39 <form action="apprec" enctype="multipart/form-data" method="post" name="weboptions">
37 <fieldset> 40 <fieldset>
@@ -42,43 +45,52 @@ href=&quot;javascript:toggle();&quot;&gt;custom&lt;/a&gt; query setup...? @@ -42,43 +45,52 @@ href=&quot;javascript:toggle();&quot;&gt;custom&lt;/a&gt; query setup...?
42 <div> 45 <div>
43 <label>Packages list</label><textarea rows="2" cols="33" name="pkgs_list" id="pkgs_list"></textarea> 46 <label>Packages list</label><textarea rows="2" cols="33" name="pkgs_list" id="pkgs_list"></textarea>
44 </div> 47 </div>
45 - <div>  
46 - <label>Profile size</label><input type="text" name="profile_size" value="10" size="4">  
47 - </div>  
48 - <div>  
49 - <label>Recommendations</label><input type="text" name="limit" value="10" size="4">  
50 - </div>  
51 </fieldset> 48 </fieldset>
52 49
53 <div id="toggleText" style="display: none"> 50 <div id="toggleText" style="display: none">
54 <fieldset> 51 <fieldset>
55 - <legend>Weighting scheme</legend> 52 + <legend>General</legend>
  53 + <div>
  54 + <label><input type="hidden">Profile size:</label>
  55 + </div>
56 <div> 56 <div>
57 - <input type="radio" name="weight" value="BM25" checked ><label> BM25</label> 57 + <label class="special"><input type="text" name="profile_size" value="10" size="4"></label>
58 </div> 58 </div>
  59 + <div>
  60 + <label><input type="hidden">Recommendations:</label>
  61 + </div>
59 <div> 62 <div>
60 - <input type="radio" name="weight" value="trad"><label> Traditional</label> 63 + <label class="special"><input type="text" name="limit" value="10" size="4"></label>
  64 + </div>
  65 + <div>
  66 + <label><input type="hidden">Weighting:</label>
  67 + </div>
  68 + <div>
  69 + <label class="special"><input type="radio" name="weight" value="BM25" checked > BM25</label>
61 </div> 70 </div>
62 - </fieldset>  
63 - <fieldset>  
64 - <legend>Strategy</legend>  
65 <div> 71 <div>
66 - <input type="radio" name="strategy" value="content" checked><label> Content-based</label> 72 + <label class="special"><input type="radio" name="weight" value="trad"> Traditional</label>
67 </div> 73 </div>
  74 + <div>
  75 + <label><input type="hidden">Strategy:</label>
  76 + </div>
68 <div> 77 <div>
69 - <input type="radio" name="strategy" value="collab"><label> Collaborative</label> 78 + <label class="special"><input type="radio" name="strategy" value="content" checked> Content-based</label>
70 </div> 79 </div>
71 <div> 80 <div>
72 - <input type="radio" name="strategy" value="hybrid"><label> Hybrid</label> 81 + <label class="special"><input type="radio" name="strategy" value="collab"> Collaborative</label>
  82 + </div>
  83 + <div>
  84 + <label class="special"><input type="radio" name="strategy" value="hybrid"> Hybrid</label>
73 </div> 85 </div>
74 </fieldset> 86 </fieldset>
75 <fieldset> 87 <fieldset>
76 <legend>Tuning up</legend> 88 <legend>Tuning up</legend>
77 <div> 89 <div>
78 - <label><input type="hidden" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"><b>Content representation:</b></label> 90 + <label><input type="hidden" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid">Content representation:</label>
79 </div> 91 </div>
80 <div> 92 <div>
81 - <label class="special"><input type="radio" name="content" value="tag" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> tag</label> 93 + <label class="special"><input type="radio" name="content" value="tag" checked class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> tag</label>
82 </div> 94 </div>
83 <div> 95 <div>
84 <label class="special"><input type="radio" name="content" value="desc" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> description</label> 96 <label class="special"><input type="radio" name="content" value="desc" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> description</label>
@@ -87,39 +99,44 @@ href=&quot;javascript:toggle();&quot;&gt;custom&lt;/a&gt; query setup...? @@ -87,39 +99,44 @@ href=&quot;javascript:toggle();&quot;&gt;custom&lt;/a&gt; query setup...?
87 <label class="special"><input type="radio" name="content" value="full" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> both</label> 99 <label class="special"><input type="radio" name="content" value="full" class="DEPENDS ON strategy BEING content OR strategy BEING hybrid"> both</label>
88 </div> 100 </div>
89 <div> 101 <div>
90 - <label><input type="hidden" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid"><b>Clustering:</b></label> 102 + <label><input type="hidden" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid">Clustering:</label>
91 </div> 103 </div>
92 <div> 104 <div>
93 - <label class="special"><input type="radio" name="cluster" value="True" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid"> yes</label> 105 + <label class="special"><input type="radio" name="cluster" checked value="True" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid"> yes</label>
94 </div> 106 </div>
95 <div> 107 <div>
96 <label class="special"><input type="radio" name="cluster" value="False" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid"> no</label> 108 <label class="special"><input type="radio" name="cluster" value="False" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid"> no</label>
97 </div> 109 </div>
98 <div> 110 <div>
99 - <label><input type="hidden" class="DEPENDS ON strategy BEING hybrid"><b>Neighborhood:</b></label> 111 + <label><input type="hidden" class="DEPENDS ON strategy BEING hybrid">Neighborhood:</label>
100 </div> 112 </div>
101 <div> 113 <div>
102 - <label class="special"><input type="text" name="neighbours" class="DEPENDS ON strategy BEING collab OR strategy BEING hybrid" value="50" size="4"></label> 114 + <label class="special"><input type="text" name="neighbours" class="DEPENDS ON strategy BEING hybrid" value="50" size="4"></label>
103 </div> 115 </div>
104 <div> 116 <div>
105 - <label><input type="hidden" class="DEPENDS ON strategy BEING hybrid"><b>Personal profile:</b></label> 117 + <label><input type="hidden" class="DEPENDS ON strategy BEING hybrid">Personal profile:</label>
106 </div> 118 </div>
107 <div> 119 <div>
108 - <label class=special><input type="checkbox" name="profile_desktop" class="DEPENDS ON strategy BEING hybrid"> Desktop</label> 120 + <label class=special><input type="checkbox" name="profile_desktop" class="DEPENDS ON strategy BEING hybrid" checked> Desktop</label>
109 </div> 121 </div>
110 <div> 122 <div>
111 - <label class=special><input type="checkbox" name="profile_admin" class="DEPENDS ON strategy BEING hybrid"> Admin</label> 123 + <label class=special><input type="checkbox" name="profile_admin" class="DEPENDS ON strategy BEING hybrid" checked> Admin</label>
112 </div> 124 </div>
113 <div> 125 <div>
114 - <label class=special><input type="checkbox" name="profile_devel" class="DEPENDS ON strategy BEING hybrid"> Devel</label> 126 + <label class=special><input type="checkbox" name="profile_devel" class="DEPENDS ON strategy BEING hybrid" checked> Devel</label>
115 </div> 127 </div>
116 <div> 128 <div>
117 - <label class=special><input type="checkbox" name="profile_science" class="DEPENDS ON strategy BEING hybrid"> Science</label> 129 + <label class=special><input type="checkbox" name="profile_science" class="DEPENDS ON strategy BEING hybrid" checked> Science</label>
118 </div> 130 </div>
119 <div> 131 <div>
120 - <label class=special><input type="checkbox" name="profile_arts" class="DEPENDS ON strategy BEING hybrid"> Arts</label> 132 + <label class=special><input type="checkbox" name="profile_arts" class="DEPENDS ON strategy BEING hybrid" checked> Arts</label>
121 </div> 133 </div>
122 </fieldset> 134 </fieldset>
123 </div> 135 </div>
  136 +Want to try a <a id="displayText"
  137 +href="javascript:toggle();">custom</a> query setup?
124 <div class="align-right"><input type="submit"></div> 138 <div class="align-right"><input type="submit"></div>
125 </form> 139 </form>
  140 +
  141 +</td></tr>
  142 +</table>