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