Download as
Browse Code »

Commit 74109d9e2de1d0934b7df8e54f951b2747ad0747

Authored by augustoalmeida
1 parent 2c9a62f5
Exists in master and in 6 other branches build, build2, capa, contigency_plan_recaptcha, production, staging

area de conteudo

Showing 1 changed file with 172 additions and 168 deletions   Show diff stats
@@ -91,13 +91,13 @@ @@ -91,13 +91,13 @@
91 }(document, 'script', 'facebook-jssdk'));</script> 91 }(document, 'script', 'facebook-jssdk'));</script>
92 92
93 93
94 - <div class="container"> 94 + <div class="">
95 <div id="proposal-result"></div> 95 <div id="proposal-result"></div>
96 </div> 96 </div>
97 <div class="clearfix"></div> 97 <div class="clearfix"></div>
98 98
99 <script id="proposal-template" type="text/x-handlebars-template"> 99 <script id="proposal-template" type="text/x-handlebars-template">
100 - <header class="clearfix"> 100 + <header class="container">
101 <a id="display-contrast" href="#">Alto Contraste</a> 101 <a id="display-contrast" href="#">Alto Contraste</a>
102 <div class="participar"> 102 <div class="participar">
103 <a href="#" class="button button-inline participe">Participe</a> 103 <a href="#" class="button button-inline participe">Participe</a>
@@ -109,7 +109,7 @@ @@ -109,7 +109,7 @@
109 </div> 109 </div>
110 </header> 110 </header>
111 111
112 - <div id="content"> 112 + <div id="content" class="container">
113 <div class="embed-responsive embed-responsive-16by9"> 113 <div class="embed-responsive embed-responsive-16by9">
114 {{{article.abstract}}} 114 {{{article.abstract}}}
115 </div> 115 </div>
@@ -128,188 +128,192 @@ @@ -128,188 +128,192 @@
128 </nav> 128 </nav>
129 --> 129 -->
130 130
131 - <div class="col-sm-3">  
132 - <aside id="proposal-categories">  
133 - <div id="proposal-categories-container">  
134 - <ul class="themes">  
135 - {{#each article.categories}}  
136 - <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">  
137 - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link " data-target="proposal-item-{{id}}">{{name}}</a>  
138 - <!-- <div class="arrow-box" style="display: none"></div> -->  
139 - </li>  
140 - {{/each}}  
141 - </ul>  
142 - {{#each article.categories}}  
143 - <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">  
144 - <div class="header">  
145 - <div class="name">{{name}}</div>  
146 - <div class="description"></div>  
147 - </div>  
148 - <ul class="proposal-list">  
149 - {{#list_proposal ../article.children category=slug}}  
150 - {{#link title id}}{{/link}}  
151 - {{/list_proposal}}  
152 - </ul>  
153 - </section>  
154 - {{/each}}  
155 - </div>  
156 - </aside>  
157 - </div>  
158 -  
159 - <div class="col-sm-9">  
160 - <article id="proposal-group" class="">  
161 - <!--  
162 - <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>  
163 - <div id="search-input-container">  
164 - <input placeholder="palavra chave" id="search-input" type="text" name="search" />  
165 - </div>  
166 - -->  
167 - <ul class="proposal-list">  
168 - {{#list_proposal article.children}}  
169 - {{#link title id}}{{/link}}  
170 - {{/list_proposal}}  
171 - </ul>  
172 - </article>  
173 - </div>  
174 -  
175 - {{#each article.children}}  
176 - {{!-- <div class="container"> --}}  
177 - <article class="proposal-detail hide" id="proposal-item-{{id}}">  
178 - <div class="categories {{#each categories}}{{slug}}{{/each}}">  
179 - <ul class="select">  
180 - {{#each categories}}  
181 - <li class="category proposal-category" data-category="{{slug}}">  
182 - <button class="go-back btn btn-default">  
183 - <span class="fa fa-reply"></span>  
184 - Voltar  
185 - </button>  
186 - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>  
187 - {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}} 131 + <div class="background content">
  132 + <div class="container">
  133 + <div class="col-sm-3">
  134 + <aside id="proposal-categories">
  135 + <div id="proposal-categories-container">
  136 + <ul class="themes">
  137 + {{#each article.categories}}
  138 + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
  139 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link " data-target="proposal-item-{{id}}">{{name}}</a>
  140 + <!-- <div class="arrow-box" style="display: none"></div> -->
188 </li> 141 </li>
189 {{/each}} 142 {{/each}}
190 - </ul>  
191 -  
192 - <div class="proposal-header">  
193 - <div class="abstract">  
194 - <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>  
195 - </div>  
196 - <a href="#/programas/{{id}}/sobre-o-programa">  
197 - <div class="title">{{title}}</div>  
198 - <div class="abstract">{{{abstract}}}</div>  
199 - </a>  
200 - <div class="show_body row">  
201 - <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>  
202 - </div> 143 + </ul>
  144 + {{#each article.categories}}
  145 + <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
  146 + <div class="header">
  147 + <div class="name">{{name}}</div>
  148 + <div class="description"></div>
  149 + </div>
  150 + <ul class="proposal-list">
  151 + {{#list_proposal ../article.children category=slug}}
  152 + {{#link title id}}{{/link}}
  153 + {{/list_proposal}}
  154 + </ul>
  155 + </section>
  156 + {{/each}}
203 </div> 157 </div>
  158 + </aside>
  159 + </div>
204 160
205 - <div class="body proposal-detail-base hide">  
206 - <div class='body-content'>  
207 - {{{body}}}  
208 - </div> 161 + <div class="col-sm-9">
  162 + <article id="proposal-group" class="">
  163 + <!--
  164 + <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
  165 + <div id="search-input-container">
  166 + <input placeholder="palavra chave" id="search-input" type="text" name="search" />
  167 + </div>
  168 + -->
  169 + <ul class="proposal-list">
  170 + {{#list_proposal article.children}}
  171 + {{#link title id}}{{/link}}
  172 + {{/list_proposal}}
  173 + </ul>
  174 + </article>
  175 + </div>
209 176
210 - <div class="container">  
211 - <div class="row">  
212 - <div class="col-sm-4">  
213 - <div class="go-to-proposal-button">  
214 - <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe"> 177 + {{#each article.children}}
  178 + {{!-- <div class="container"> --}}
  179 + <article class="proposal-detail hide" id="proposal-item-{{id}}">
  180 + <div class="categories {{#each categories}}{{slug}}{{/each}}">
  181 + <ul class="select">
  182 + {{#each categories}}
  183 + <li class="category proposal-category" data-category="{{slug}}">
  184 + <button class="go-back btn btn-default">
215 <span class="fa fa-reply"></span> 185 <span class="fa fa-reply"></span>
216 - Participe  
217 - </a>  
218 - </div> 186 + Voltar
  187 + </button>
  188 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
  189 + {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
  190 + </li>
  191 + {{/each}}
  192 + </ul>
  193 +
  194 + <div class="proposal-header">
  195 + <div class="abstract">
  196 + <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
219 </div> 197 </div>
220 - <div class="col-sm-4 col-sm-offset-4">  
221 - <div class="social right">  
222 - <span>COMPARTILHE<br>ESTE PROGRAMA</span>  
223 - {{{social_share title abstract (program_detail_url id)}}}  
224 - </div> 198 + <a href="#/programas/{{id}}/sobre-o-programa">
  199 + <div class="title">{{title}}</div>
  200 + <div class="abstract">{{{abstract}}}</div>
  201 + </a>
  202 + <div class="show_body row">
  203 + <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
225 </div> 204 </div>
226 </div> 205 </div>
227 - </div>  
228 - </div>  
229 206
230 - <div class="make-proposal-container">  
231 - <section class="make-proposal box box-propostas">  
232 - <div class="container-title box-title">Faça Uma Proposta</div>  
233 - <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>  
234 - <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>  
235 - <div class="send-proposal-button send-button box-footer"><a href="#"><span>Envie sua proposta</span></a></div>  
236 - <div class="login-container hide">Login</div>  
237 - <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">  
238 - <div class="message hide"></div>  
239 - <div>  
240 - <div><label for="article_abstract">Descrição</label></div>  
241 - <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea> 207 + <div class="body proposal-detail-base hide">
  208 + <div class='body-content'>
  209 + {{{body}}}
  210 + </div>
  211 +
  212 + <div class="container">
  213 + <div class="row">
  214 + <div class="col-sm-4">
  215 + <div class="go-to-proposal-button">
  216 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
  217 + <span class="fa fa-reply"></span>
  218 + Participe
  219 + </a>
  220 + </div>
  221 + </div>
  222 + <div class="col-sm-4 col-sm-offset-4">
  223 + <div class="social right">
  224 + <span>COMPARTILHE<br>ESTE PROGRAMA</span>
  225 + {{{social_share title abstract (program_detail_url id)}}}
  226 + </div>
  227 + </div>
  228 + </div>
242 </div> 229 </div>
243 - <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">  
244 - <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">  
245 - <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">  
246 - </form>  
247 - <div class="success-proposal-sent success-sent hide send-button">  
248 - <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>  
249 - <a href="#">Faça nova proposta</a>  
250 </div> 230 </div>
251 - <div class="clearfix"></div>  
252 - </section>  
253 - </div>  
254 231
255 - <div class="support-proposal-container">  
256 - <section class="support-proposal box box-propostas box-center box-apoie">  
257 - <div class="container-title box-title"> Apoie outras propostas</div>  
258 - <div class="alert alert-warning hide" role="alert">  
259 - <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong> 232 + <div class="make-proposal-container">
  233 + <section class="make-proposal box box-propostas">
  234 + <div class="container-title box-title">Faça Uma Proposta</div>
  235 + <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
  236 + <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>
  237 + <div class="send-proposal-button send-button box-footer"><a href="#"><span>Envie sua proposta</span></a></div>
  238 + <div class="login-container hide">Login</div>
  239 + <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
  240 + <div class="message hide"></div>
  241 + <div>
  242 + <div><label for="article_abstract">Descrição</label></div>
  243 + <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  244 + </div>
  245 + <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
  246 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
  247 + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
  248 + </form>
  249 + <div class="success-proposal-sent success-sent hide send-button">
  250 + <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>
  251 + <a href="#">Faça nova proposta</a>
  252 + </div>
  253 + <div class="clearfix"></div>
  254 + </section>
260 </div> 255 </div>
261 - <div class="support-proposal-content require-login">  
262 - <div class="random-proposal"></div>  
263 - <div class="loading">Carregando...</div>  
264 - <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div> 256 +
  257 + <div class="support-proposal-container">
  258 + <section class="support-proposal box box-propostas box-center box-apoie">
  259 + <div class="container-title box-title"> Apoie outras propostas</div>
  260 + <div class="alert alert-warning hide" role="alert">
  261 + <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
  262 + </div>
  263 + <div class="support-proposal-content require-login">
  264 + <div class="random-proposal"></div>
  265 + <div class="loading">Carregando...</div>
  266 + <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  267 + </div>
  268 + <div class="login-container hide">Login</div>
  269 + <div class="send-button"><a href="#"><span>Login</span></a></div>
  270 + </section>
265 </div> 271 </div>
266 - <div class="login-container hide">Login</div>  
267 - <div class="send-button"><a href="#"><span>Login</span></a></div>  
268 - </section>  
269 - </div>  
270 272
271 - <div class="results-container hide box box-propostas"></div>  
272 -  
273 - <div class="talk-proposal-container">  
274 - <section class="talk-proposal box box-propostas">  
275 - <div class="container-title">Bate-papo com os ministros</div>  
276 - <p>Confira as datas e horários:</p>  
277 - <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>  
278 - <li>  
279 - <span>Arthur Chioro</span>  
280 - <span>Saúde</span>  
281 - <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>  
282 - </li>  
283 - </ul>  
284 - <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>  
285 - <li>  
286 - <span>José Eduardo Cardozo</span>  
287 - <span>Justiça</span>  
288 - <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>  
289 - </li>  
290 - </ul>  
291 - <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>  
292 - <li>  
293 - <span>Renato Janine Ribeiro</span>  
294 - <span>Educação</span>  
295 - <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>  
296 - </li>  
297 - </ul>  
298 - <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>  
299 - <li>  
300 - <span>Tereza Campello</span>  
301 - <span>Desenvolvimento Social</span>  
302 - <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>  
303 - </li>  
304 - </ul>  
305 - </section>  
306 - </div> 273 + <div class="results-container hide box box-propostas"></div>
  274 +
  275 + <div class="talk-proposal-container">
  276 + <section class="talk-proposal box box-propostas">
  277 + <div class="container-title">Bate-papo com os ministros</div>
  278 + <p>Confira as datas e horários:</p>
  279 + <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>
  280 + <li>
  281 + <span>Arthur Chioro</span>
  282 + <span>Saúde</span>
  283 + <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>
  284 + </li>
  285 + </ul>
  286 + <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>
  287 + <li>
  288 + <span>José Eduardo Cardozo</span>
  289 + <span>Justiça</span>
  290 + <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>
  291 + </li>
  292 + </ul>
  293 + <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>
  294 + <li>
  295 + <span>Renato Janine Ribeiro</span>
  296 + <span>Educação</span>
  297 + <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>
  298 + </li>
  299 + </ul>
  300 + <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>
  301 + <li>
  302 + <span>Tereza Campello</span>
  303 + <span>Desenvolvimento Social</span>
  304 + <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>
  305 + </li>
  306 + </ul>
  307 + </section>
  308 + </div>
307 309
308 - <div class="clearfix"></div>  
309 - </div>  
310 - </article>  
311 - {{!-- </div> --}}  
312 - {{/each}} 310 + <div class="clearfix"></div>
  311 + </div>
  312 + </article>
  313 + {{!-- </div> --}}
  314 + {{/each}}
  315 + </div>
  316 + </div>
313 </script> 317 </script>
314 318
315 <script id="support-proposal-template" type="text/x-handlebars-template"> 319 <script id="support-proposal-template" type="text/x-handlebars-template">