Commit 4b999287f0eadd15ef4a73a3002f4a627e71714f
1 parent
2370e673
Exists in
master
and in
1 other branch
add button 'bad' and 'new recommends'
Showing
2 changed files
with
21 additions
and
10 deletions
Show diff stats
src/web/static/css/survey.css
... | ... | @@ -20,6 +20,7 @@ top: 40px; |
20 | 20 | width: 420px; |
21 | 21 | } |
22 | 22 | |
23 | +#tip-bar, | |
23 | 24 | #tip-finish, |
24 | 25 | #tip-strategy .tip { |
25 | 26 | display: none; |
... | ... | @@ -32,8 +33,9 @@ font-weight: normal; |
32 | 33 | color: #000000; |
33 | 34 | } |
34 | 35 | |
35 | -#finish-button:hover #tip-finish, | |
36 | -#tip-strategy:hover .tip { display: block; } | |
36 | +a:hover #tip-bar, | |
37 | +a:hover #tip-finish, | |
38 | +#tip-strategy:hover .tip { display: block; background-color: white; } | |
37 | 39 | |
38 | 40 | |
39 | 41 | .innertube { |
... | ... | @@ -54,7 +56,7 @@ min-height: 450px; |
54 | 56 | } |
55 | 57 | |
56 | 58 | /* Display None itens Survey */ |
57 | -.coda-nav-left, | |
59 | +#coda-nav-left-1, | |
58 | 60 | body.survey #header, |
59 | 61 | #recommender-box #upfile, |
60 | 62 | #advanced-button, |
... | ... | @@ -84,6 +86,7 @@ list-style: none; |
84 | 86 | margin-bottom: 10px; |
85 | 87 | } |
86 | 88 | |
89 | +#bar-button, | |
87 | 90 | #strategy-button, |
88 | 91 | #finish-button { |
89 | 92 | border: 1px solid #888a85; |
... | ... | @@ -179,3 +182,4 @@ color: #000; |
179 | 182 | margin-bottom: 10px; |
180 | 183 | } |
181 | 184 | |
185 | + | ... | ... |
src/web/templates/survey.html
... | ... | @@ -7,14 +7,14 @@ $var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda |
7 | 7 | |
8 | 8 | <script type="text/javascript"> |
9 | 9 | $$(document).ready(function() { |
10 | - $$("#bar-header").click(function () { | |
10 | + $$("#bar-button").click(function () { | |
11 | 11 | $$("#header").slideToggle("slow"); |
12 | 12 | }); |
13 | 13 | $$('a[rel*=facebox]').facebox({ |
14 | 14 | loadingImage : '/static/images/loading.gif', |
15 | 15 | closeImage : '/static/images/closelabel.png' |
16 | 16 | }); |
17 | - $$('#coda-slider-1').codaSlider({dynamicTabs: false, dynamicArrowLeftText: "«", dynamicArrowRightText:"next »" }); | |
17 | + $$('#coda-slider-1').codaSlider({dynamicTabs: false, dynamicArrowLeftText: "« back", dynamicArrowRightText:"next »" }); | |
18 | 18 | }); |
19 | 19 | </script> |
20 | 20 | |
... | ... | @@ -32,10 +32,12 @@ $for pkg in pkg_details: |
32 | 32 | <div class="panel"> |
33 | 33 | <div class="panel-wrapper"> |
34 | 34 | <div id="panel-controls"> |
35 | + <label for="bad-$pkg['package']">Bad</label> | |
36 | + <input class="radio" type="radio" name="radio" value="poor-$pkg['package']" /><br /> | |
35 | 37 | <label for="good-$pkg['package']">Good</label> |
36 | - <input type="checkbox" name="good-$pkg['package']" /><br /> | |
38 | + <input class="radio" type="radio" name="radio" value="good-$pkg['package']" /><br /> | |
37 | 39 | <label for="surprise-$pkg['package']">Surprise</label> |
38 | - <input type="checkbox" name="surprise-$pkg['package']" /> | |
40 | + <input class="radio" type="radio" name="radio" value="surprise-$pkg['package']" /> | |
39 | 41 | </div><!-- #panel-controls --> |
40 | 42 | <h1 id="title_pkg">$pkg['package'] <br /> |
41 | 43 | <span>$pkg['description']</span></h1> |
... | ... | @@ -65,10 +67,15 @@ $for pkg in pkg_details: |
65 | 67 | </div><!-- .coda-slider-wrapper --> |
66 | 68 | |
67 | 69 | <div id="controls-form" style="display: none;"><!-- display show in the end form --> |
68 | -<a href="#finish" id="finish-button" class="glass">Finish | |
69 | - <div class="tip important" id="tip-finish"><p>Tem certeza que não gostaria de avaliar uma nova estratégia? </p></div> | |
70 | +<a id="finish-button" class="glass">Finish | |
71 | + <div class="tip important" id="tip-bar"><p>Tem certeza que não gostaria de avaliar uma nova estratégia? </p></div> | |
70 | 72 | </a> |
71 | -<label for="strategy_button" id="tip-strategy"><div class="tip note"><p> Gerar um novo resultado com uma estratégia diferente para mesma lista de pacotes ou <a id="bar-header" style="text-decoration: underline; cursor: pointer;">envie uma nova lista de pacotes</a>. </p></div><input id="strategy-button" name="strategy_button" type="submit" value="New Strategy" class="glass" /></label> | |
73 | + | |
74 | +<a id="bar-button" class="glass">New Recommends | |
75 | + <div class="tip note" id="tip-finish"><p>Fazer uma nova recomendação com uma nova lista de pacotes.</p></div> | |
76 | +</a> | |
77 | + | |
78 | +<label for="strategy_button" id="tip-strategy"><div class="tip tip"><p> Gerar um novo resultado com uma estratégia diferente para esta mesma lista de pacotes. </p></div><input id="strategy-button" name="strategy_button" type="submit" value="New Strategy" class="glass" /></label> | |
72 | 79 | </div><!-- id="controls-form" --> |
73 | 80 | |
74 | 81 | </form> | ... | ... |