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
@@ -88,8 +88,9 @@ @@ -88,8 +88,9 @@
88 88
89 </head> 89 </head>
90 <body> 90 <body>
91 -  
92 - <div id="proposal-result"></div> 91 + <div class="container">
  92 + <div id="proposal-result"></div>
  93 + </div>
93 <div class="clearfix"></div> 94 <div class="clearfix"></div>
94 95
95 <script id="proposal-template" type="text/x-handlebars-template"> 96 <script id="proposal-template" type="text/x-handlebars-template">
@@ -150,131 +151,133 @@ @@ -150,131 +151,133 @@
150 </div> 151 </div>
151 152
152 {{#each article.children}} 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 </div> 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 </div> 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 </div> 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 </div> 214 </div>
211 - <br style="clear: both;" />  
212 </div> 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 </div> 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 <div> 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 </div> 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 </div> 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 </div> 248 </div>
246 </div> 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 </div> 277 </div>
275 </div> 278 </div>
276 </div> 279 </div>
277 - </div> 280 + {{!-- </div> --}}
278 {{/each}} 281 {{/each}}
279 </script> 282 </script>
280 283
sass/style.scss
@@ -43,10 +43,10 @@ h1 { @@ -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 #content { 51 #content {
52 padding-bottom: 50px; 52 padding-bottom: 50px;