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> | ... | ... |