Download as
Browse Code »

Commit 270f9197b91dd280331a124f5527da86f235b98e

Authored by Leandro Santos
1 parent 1fad9fe4
Exists in master and in 11 other branches build, build2, capa, captcha, contigency_plan_recaptcha, jasmine-testing, make_harder_to_vote_twice, production, refactory-sass, session_cookie, staging

add make proposal box

Showing 2 changed files with 78 additions and 55 deletions   Show diff stats
index.html
  Diff comments   View file @270f919
... ... @@ -59,31 +59,33 @@
59 59  
60 60 {{#each article.children}}
61 61 <div class='proposal-detail hide' id="proposal-item-{{id}}">
62   - <ul>
63   - {{#each categories}}
64   - <li class='{{slug}}'>
65   - <a href="#"><span>{{name}}</span></a>
66   - </li>
67   - {{/each}}
68   - </ul>
69   - <div class='abstract'>
70   - <img src="{{../host}}{{image.url}}"/>
71   - </div>
72   - <div class='title'>{{title}}</div>
73   - <span>{{body}}</span>
74   - <div class='make-proposal'>
75   - <div>Faça sua proposta</div>
76   - <form class='make-proposal-form' id='make-proposal-form-{{id}}'>
77   - <input id="article_name" name="article[name]" type="text">
78   - <textarea id="article_abstract" name="article[abstract]"></textarea>
79   - <input id='private_token' name='private_token' value='{{../private_token}}' type='hidden'>
80   - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'>
81   - <input type='submit' id='make-proposal-button' name='make-proposal-button' value='Submit'>
82   - </form>
  62 + <div class='categories {{#each categories}}{{slug}} {{/each}}'>
  63 + <ul>
  64 + {{#each categories}}
  65 + <li class='category'>
  66 + <a href="#"><span>{{name}}</span></a>
  67 + </li>
  68 + {{/each}}
  69 + </ul>
  70 + <div class='abstract'>
  71 + <img src="{{../host}}{{image.url}}"/>
  72 + </div>
  73 + <div class='title'>{{title}}</div>
  74 + <div class='body'>{{body}}</div>
  75 + <div class='make-proposal'>
  76 + <div class='title'>Proponha</div>
  77 + <form class='make-proposal-form' id='make-proposal-form-{{id}}'>
  78 + <input id="article_name" name="article[name]" type="text">
  79 + <textarea id="article_abstract" name="article[abstract]"></textarea>
  80 + <input id='private_token' name='private_token' value='{{../private_token}}' type='hidden'>
  81 + <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'>
  82 + <input type='submit' id='make-proposal-button' name='make-proposal-button' value='Submit'>
  83 + </form>
  84 + </div>
  85 + <div class='support-proposal-container'></div>
  86 + <div class='experience-proposal'>Conte sua experiência</div>
  87 + <div class='talk-proposal'>Fale com o ministro</div>
83 88 </div>
84   - <div class='support-proposal-container'></div>
85   - <div class='experience-proposal'>Conte sua experiência</div>
86   - <div class='talk-proposal'>Fale com o ministro</div>
87 89 </div>
88 90 {{/each}}
89 91 </script>
... ...
sass/_proposal_detail.scss
  Diff comments   View file @270f919
1   - .proposal-detail {
2   - ul{
3   - padding: 0px;
4   - }
5   - .abstract{
6   - text-align: center;
7   - margin-top: 50px;
8   - }
9   - .title{
10   - margin: 25px 0px;
11   - font: {
12   - size: larger;
13   - weight: bold;
14   - }
15   - }
16   -@each $category, $color in $categories {
  1 +.proposal-detail {
  2 + @each $category, $color in $categories {
17 3 .#{$category}{
18   - background-color: $color;
19   - padding: {
20   - bottom: 20px;
21   - top: 20px;
22   - }
23   - a {
24   - background-image: url(./images/icons/#{$category}.png);
25   - padding: 20px;
26   - background: {
  4 + ul{
  5 + padding: 0px;
  6 + }
  7 + .abstract{
  8 + text-align: center;
  9 + margin-top: 50px;
  10 + }
  11 + .body{
  12 + margin-bottom: 20px;
  13 + }
  14 + .title{
  15 + margin: 25px 0px;
  16 + font: {
  17 + size: larger;
  18 + weight: bold;
  19 + }
  20 + }
  21 + .make-proposal{
  22 + .title{
27 23 color: $color;
28   - position: center left;
29   - repeat: no-repeat;
30 24 }
31   - span{
32   - padding-left: 40px;
  25 + width: 49%;
  26 + border: 1px solid $color;
  27 + }
  28 + .support-proposal-container{
  29 + width: 49%;
  30 + }
  31 + .experience-proposal{
  32 + width: 49%;
  33 + }
  34 + .talk-proposal{
  35 + width: 49%;
  36 +
  37 + }
  38 + li{
  39 + background-color: $color;
  40 + padding: {
  41 + bottom: 20px;
  42 + top: 20px;
  43 + }
  44 + a {
  45 + background-image: url(./images/icons/#{$category}.png);
  46 + padding: 20px;
  47 + background: {
  48 + color: $color;
  49 + position: center left;
  50 + repeat: no-repeat;
  51 + }
  52 + span{
  53 + padding-left: 40px;
  54 + }
33 55 }
34 56 }
35 57 }
36   -}
37   -
38 58 }
  59 +}
... ...