Commit eb4ab3665fdd639e0e7517e1dc113969f16e548c
1 parent
1c489342
Exists in
master
and in
8 other branches
Try to fix #127
Showing
2 changed files
with
117 additions
and
114 deletions
Show diff stats
index.html
@@ -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; |