Commit eb4ab3665fdd639e0e7517e1dc113969f16e548c

Authored by Leonardo Merlin
1 parent 1c489342

Try to fix #127

Showing 2 changed files with 117 additions and 114 deletions   Show diff stats
index.html
... ... @@ -88,8 +88,9 @@
88 88  
89 89 </head>
90 90 <body>
91   -
92   - <div id="proposal-result"></div>
  91 + <div class="container">
  92 + <div id="proposal-result"></div>
  93 + </div>
93 94 <div class="clearfix"></div>
94 95  
95 96 <script id="proposal-template" type="text/x-handlebars-template">
... ... @@ -150,131 +151,133 @@
150 151 </div>
151 152  
152 153 {{#each article.children}}
153   - <div class="proposal-detail hide" id="proposal-item-{{id}}">
154   - <div class="categories {{#each categories}}{{slug}} {{/each}}">
155   - <ul class="select">
156   - {{#each categories}}
157   - <li class="category proposal-category" data-category="{{slug}}">
158   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
159   - <button class="go-back btn btn-default pull-right">
160   - VOLTAR
161   - <span class="fa fa-reply"></span>
162   - </button>
163   - {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
164   - </li>
165   - {{/each}}
166   - </ul>
  154 + {{!-- <div class="container"> --}}
  155 + <div class="proposal-detail hide" id="proposal-item-{{id}}">
  156 + <div class="categories {{#each categories}}{{slug}} {{/each}}">
  157 + <ul class="select">
  158 + {{#each categories}}
  159 + <li class="category proposal-category" data-category="{{slug}}">
  160 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
  161 + <button class="go-back btn btn-default pull-right">
  162 + VOLTAR
  163 + <span class="fa fa-reply"></span>
  164 + </button>
  165 + {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
  166 + </li>
  167 + {{/each}}
  168 + </ul>
167 169  
168   - <div class="proposal-header">
169   - <div class="abstract">
170   - <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
171   - </div>
172   - <div class="title">{{title}}</div>
173   - <div class="abstract">{{{abstract}}}</div>
174   - <div class="show_body">
175   - <a href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o Programa</span></a>
  170 + <div class="proposal-header">
  171 + <div class="abstract">
  172 + <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
  173 + </div>
  174 + <div class="title">{{title}}</div>
  175 + <div class="abstract">{{{abstract}}}</div>
  176 + <div class="show_body">
  177 + <a href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o Programa</span></a>
  178 + </div>
176 179 </div>
177   - </div>
178 180  
179   - <div class="body proposal-detail-base hide">
180   - <div class='body-content'>
181   - {{{body}}}
182   - </div>
183   - <div class="go-to-proposal-button">
184   - <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
185   - <span class="fa fa-reply"></span>
186   - Agora contribua para a melhoria desse programa
187   - </a>
  181 + <div class="body proposal-detail-base hide">
  182 + <div class='body-content'>
  183 + {{{body}}}
  184 + </div>
  185 + <div class="go-to-proposal-button">
  186 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
  187 + <span class="fa fa-reply"></span>
  188 + Agora contribua para a melhoria desse programa
  189 + </a>
  190 + </div>
188 191 </div>
189   - </div>
190 192  
191   - <div class="make-proposal-container">
192   - <div class="make-proposal">
193   - <div class="container-title">Faça Uma Proposta</div>
194   - <div class="subtitle">Qual a sua sugestão para melhorar este programa?</div>
195   - <div class="info">Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>
196   - <div class="send-proposal-button send-button"><a href="#"><span>Envie Sua Proposta</span></a></div>
197   - <div class="login-container hide">Login</div>
198   - <form class="make-proposal-form save-article-form hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}">
199   - <div class="message hide"></div>
200   - <div>
201   - <div><label for="article_abstract">Descrição</label></div>
202   - <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  193 + <div class="make-proposal-container">
  194 + <div class="make-proposal">
  195 + <div class="container-title">Faça Uma Proposta</div>
  196 + <div class="subtitle">Qual a sua sugestão para melhorar este programa?</div>
  197 + <div class="info">Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>
  198 + <div class="send-proposal-button send-button"><a href="#"><span>Envie Sua Proposta</span></a></div>
  199 + <div class="login-container hide">Login</div>
  200 + <form class="make-proposal-form save-article-form hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}">
  201 + <div class="message hide"></div>
  202 + <div>
  203 + <div><label for="article_abstract">Descrição</label></div>
  204 + <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  205 + </div>
  206 + <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
  207 + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
  208 + </form>
  209 + <div class="success-proposal-sent success-sent hide send-button">
  210 + <p>Sua proposta foi encaminhada com sucesso!</p>
  211 + <a href="#">Encaminhar Nova Proposta</a>
203 212 </div>
204   - <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
205   - <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
206   - </form>
207   - <div class="success-proposal-sent success-sent hide send-button">
208   - <p>Sua proposta foi encaminhada com sucesso!</p>
209   - <a href="#">Encaminhar Nova Proposta</a>
  213 + <br style="clear: both;" />
210 214 </div>
211   - <br style="clear: both;" />
212 215 </div>
213   - </div>
214   - <div class="support-proposal-container">
215   - <div class="support-proposal">
216   - <div class="container-title"> Apoie outras propostas</div>
217   - <div class="subtitle"> Propostas da sociedade</div>
218   - <div class="random-proposal"></div>
219   - <div class="loading">Carregando...</div>
220   - <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  216 + <div class="support-proposal-container">
  217 + <div class="support-proposal">
  218 + <div class="container-title"> Apoie outras propostas</div>
  219 + <div class="subtitle"> Propostas da sociedade</div>
  220 + <div class="random-proposal"></div>
  221 + <div class="loading">Carregando...</div>
  222 + <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  223 + </div>
221 224 </div>
222   - </div>
223   - <div class="results-container hide"></div>
224   - <div class="experience-proposal-container">
225   - <div class="experience-proposal">
226   - <div class="container-title">Conte sua experiência</div>
227   - <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p>
228   - <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p>
229   - <div class="send-experience-button send-button"><a href="#"><span>Envie Sua Experiência</span></a></div>
230   - <div class="login-container hide">Login</div>
231   - <form class="make-experience-form save-article-form hide" id="make-experience-form-{{id}}" action="/api/v1/articles/{{id}}/children">
232   - <div class="message hide"></div>
233   - <div>
  225 + <div class="results-container hide"></div>
  226 + <div class="experience-proposal-container">
  227 + <div class="experience-proposal">
  228 + <div class="container-title">Conte sua experiência</div>
  229 + <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p>
  230 + <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p>
  231 + <div class="send-experience-button send-button"><a href="#"><span>Envie Sua Experiência</span></a></div>
  232 + <div class="login-container hide">Login</div>
  233 + <form class="make-experience-form save-article-form hide" id="make-experience-form-{{id}}" action="/api/v1/articles/{{id}}/children">
  234 + <div class="message hide"></div>
234 235 <div>
235   - <label for="article_abstract">Descrição</label>
  236 + <div>
  237 + <label for="article_abstract">Descrição</label>
  238 + </div>
  239 + <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea>
236 240 </div>
237   - <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea>
  241 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Story">
  242 + <input type="submit" id="make-experience-button" name="make-experience-button" class="make-experience-button" value="Enviar">
  243 + </form>
  244 + <div class="success-experience-sent success-sent hide send-button">
  245 + <p>Sua experiência foi encaminhada com sucesso!</p>
  246 + <a href="#">Encaminhar Nova Experiência</a>
238 247 </div>
239   - <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Story">
240   - <input type="submit" id="make-experience-button" name="make-experience-button" class="make-experience-button" value="Enviar">
241   - </form>
242   - <div class="success-experience-sent success-sent hide send-button">
243   - <p>Sua experiência foi encaminhada com sucesso!</p>
244   - <a href="#">Encaminhar Nova Experiência</a>
245 248 </div>
246 249 </div>
247   - </div>
248   - <div class="talk-proposal-container">
249   - <div class="talk-proposal">
250   - <div class="container-title">Fale com os ministros</div>
251   - <p>Confira as datas e horários disponíveis:</p>
252   - <ul class="calendar" data-slick='{"infinite": false, "rows": 2}'>
253   - <li>
254   - <span>Arthur Chioro</span>
255   - <span>Saúde</span>
256   - <div class="date"><i class="fa fa-calendar"></i> 17/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
257   - </li>
258   - <li>
259   - <span>Teresa Campello</span>
260   - <span>Desenvolvimento Social</span>
261   - <div class="date"><i class="fa fa-calendar"></i> 18/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
262   - </li>
263   - <li>
264   - <span>Renato Janine Ribeiro</span>
265   - <span>Educação</span>
266   - <div class="date"><i class="fa fa-calendar"></i> 24/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
267   - </li>
268   - <li>
269   - <span>José Eduardo Cardozo</span>
270   - <span>Justiça</span>
271   - <div class="date"><i class="fa fa-calendar"></i> 25/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
272   - </li>
273   - </ul>
  250 + <div class="talk-proposal-container">
  251 + <div class="talk-proposal">
  252 + <div class="container-title">Fale com os ministros</div>
  253 + <p>Confira as datas e horários disponíveis:</p>
  254 + <ul class="calendar" data-slick='{"infinite": false, "rows": 2}'>
  255 + <li>
  256 + <span>Arthur Chioro</span>
  257 + <span>Saúde</span>
  258 + <div class="date"><i class="fa fa-calendar"></i> 17/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  259 + </li>
  260 + <li>
  261 + <span>Teresa Campello</span>
  262 + <span>Desenvolvimento Social</span>
  263 + <div class="date"><i class="fa fa-calendar"></i> 18/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  264 + </li>
  265 + <li>
  266 + <span>Renato Janine Ribeiro</span>
  267 + <span>Educação</span>
  268 + <div class="date"><i class="fa fa-calendar"></i> 24/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  269 + </li>
  270 + <li>
  271 + <span>José Eduardo Cardozo</span>
  272 + <span>Justiça</span>
  273 + <div class="date"><i class="fa fa-calendar"></i> 25/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  274 + </li>
  275 + </ul>
  276 + </div>
274 277 </div>
275 278 </div>
276 279 </div>
277   - </div>
  280 + {{!-- </div> --}}
278 281 {{/each}}
279 282 </script>
280 283  
... ...
sass/style.scss
... ... @@ -43,10 +43,10 @@ h1 {
43 43 }
44 44 }
45 45  
46   -#proposal-result {
47   - width: 90%;
48   - margin: 0 auto 40px auto;
49   -}
  46 +// #proposal-result {
  47 +// width: 90%;
  48 +// margin: 0 auto 40px auto;
  49 +// }
50 50  
51 51 #content {
52 52 padding-bottom: 50px;
... ...