Commit f5b650595bbb797f24c1d3ec86e4cae494a4156a
1 parent
74109d9e
Exists in
master
and in
6 other branches
programas
Showing
3 changed files
with
40 additions
and
31 deletions
Show diff stats
index.html
@@ -133,32 +133,39 @@ | @@ -133,32 +133,39 @@ | ||
133 | <div class="col-sm-3"> | 133 | <div class="col-sm-3"> |
134 | <aside id="proposal-categories"> | 134 | <aside id="proposal-categories"> |
135 | <div id="proposal-categories-container"> | 135 | <div id="proposal-categories-container"> |
136 | + <h2><strong>Programas</strong> por Tema</h2> | ||
136 | <ul class="themes"> | 137 | <ul class="themes"> |
137 | {{#each article.categories}} | 138 | {{#each article.categories}} |
138 | <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}"> | 139 | <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 | + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}"> |
141 | + <span class="icon icon-theme icon-{{slug}}"></span> | ||
142 | + {{name}} | ||
143 | + </a> | ||
140 | <!-- <div class="arrow-box" style="display: none"></div> --> | 144 | <!-- <div class="arrow-box" style="display: none"></div> --> |
141 | </li> | 145 | </li> |
142 | {{/each}} | 146 | {{/each}} |
143 | </ul> | 147 | </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}} | ||
157 | </div> | 148 | </div> |
158 | </aside> | 149 | </aside> |
159 | </div> | 150 | </div> |
160 | 151 | ||
161 | <div class="col-sm-9"> | 152 | <div class="col-sm-9"> |
153 | + {{#each article.categories}} | ||
154 | + <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}"> | ||
155 | + <div class="header"> | ||
156 | + <div class="name">{{name}}</div> | ||
157 | + <div class="description"></div> | ||
158 | + </div> | ||
159 | + <ul class="proposal-list row"> | ||
160 | + {{#list_proposal ../article.children category=slug}} | ||
161 | + {{#link title id}}{{/link}} | ||
162 | + {{/list_proposal}} | ||
163 | + </ul> | ||
164 | + </section> | ||
165 | + {{/each}} | ||
166 | + </div> | ||
167 | + | ||
168 | + <div class="col-sm-9"> | ||
162 | <article id="proposal-group" class=""> | 169 | <article id="proposal-group" class=""> |
163 | <!-- | 170 | <!-- |
164 | <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label> | 171 | <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label> |
@@ -166,7 +173,9 @@ | @@ -166,7 +173,9 @@ | ||
166 | <input placeholder="palavra chave" id="search-input" type="text" name="search" /> | 173 | <input placeholder="palavra chave" id="search-input" type="text" name="search" /> |
167 | </div> | 174 | </div> |
168 | --> | 175 | --> |
169 | - <ul class="proposal-list"> | 176 | + <h2>Programas</h2> |
177 | + | ||
178 | + <ul class="proposal-list row"> | ||
170 | {{#list_proposal article.children}} | 179 | {{#list_proposal article.children}} |
171 | {{#link title id}}{{/link}} | 180 | {{#link title id}}{{/link}} |
172 | {{/list_proposal}} | 181 | {{/list_proposal}} |
@@ -176,8 +185,9 @@ | @@ -176,8 +185,9 @@ | ||
176 | 185 | ||
177 | {{#each article.children}} | 186 | {{#each article.children}} |
178 | {{!-- <div class="container"> --}} | 187 | {{!-- <div class="container"> --}} |
179 | - <article class="proposal-detail hide" id="proposal-item-{{id}}"> | 188 | + <article class="proposal-detail hide col-sm-9" id="proposal-item-{{id}}"> |
180 | <div class="categories {{#each categories}}{{slug}}{{/each}}"> | 189 | <div class="categories {{#each categories}}{{slug}}{{/each}}"> |
190 | + <!-- | ||
181 | <ul class="select"> | 191 | <ul class="select"> |
182 | {{#each categories}} | 192 | {{#each categories}} |
183 | <li class="category proposal-category" data-category="{{slug}}"> | 193 | <li class="category proposal-category" data-category="{{slug}}"> |
@@ -190,6 +200,7 @@ | @@ -190,6 +200,7 @@ | ||
190 | </li> | 200 | </li> |
191 | {{/each}} | 201 | {{/each}} |
192 | </ul> | 202 | </ul> |
203 | + --> | ||
193 | 204 | ||
194 | <div class="proposal-header"> | 205 | <div class="proposal-header"> |
195 | <div class="abstract"> | 206 | <div class="abstract"> |
@@ -446,7 +457,7 @@ | @@ -446,7 +457,7 @@ | ||
446 | </ul> | 457 | </ul> |
447 | </script> | 458 | </script> |
448 | 459 | ||
449 | - <script type='text/javascript' > | 460 | + <script type='text/javascript' > |
450 | loadRequireJS(); | 461 | loadRequireJS(); |
451 | </script> | 462 | </script> |
452 | 463 |
js/handlebars-helpers.js
@@ -19,11 +19,10 @@ define(['handlebars'], function(Handlebars){ | @@ -19,11 +19,10 @@ define(['handlebars'], function(Handlebars){ | ||
19 | for(var i=0, j=proposals.length; i<j; i++) { | 19 | for(var i=0, j=proposals.length; i<j; i++) { |
20 | var proposal = proposals[i]; | 20 | var proposal = proposals[i]; |
21 | 21 | ||
22 | - element = '<li class="proposal-item">' + | 22 | + element = '<li class="proposal-item col-sm-6">' + |
23 | '<a href="#/programas/'+proposal.id+'" data-target="proposal-item-'+proposal.id+'" class="proposal-link box">' + | 23 | '<a href="#/programas/'+proposal.id+'" data-target="proposal-item-'+proposal.id+'" class="proposal-link box">' + |
24 | - '<div class="box-header item">' + | ||
25 | - '' + proposal.title; | ||
26 | - category = "<ul class='category box-category'>"; | 24 | + '<div class="box-header item">'; |
25 | + category = "<div class='category box-category'>"; | ||
27 | 26 | ||
28 | 27 | ||
29 | for(var x=0, y=proposal.categories.length; x<y; x++) { | 28 | for(var x=0, y=proposal.categories.length; x<y; x++) { |
@@ -31,14 +30,13 @@ define(['handlebars'], function(Handlebars){ | @@ -31,14 +30,13 @@ define(['handlebars'], function(Handlebars){ | ||
31 | element = ''; | 30 | element = ''; |
32 | continue; | 31 | continue; |
33 | } | 32 | } |
34 | - category = category + '<li class="category-'+proposal.categories[x].slug+' button button-inline">' + proposal.categories[x].name + '</li>'; | 33 | + category = category + '<div class="category-'+proposal.categories[x].slug+'">' + proposal.categories[x].name + '</div>'; |
35 | } | 34 | } |
36 | if(element == ''){ | 35 | if(element == ''){ |
37 | continue; | 36 | continue; |
38 | } | 37 | } |
39 | - category = category + '</ul>'; | 38 | + category = category + '</div>' + '<div class="box-body">' + '' + proposal.title + (proposal.abstract ? proposal.abstract : '') + '</div>'; |
40 | // element = element + options.fn(proposal); | 39 | // element = element + options.fn(proposal); |
41 | - element = element + (proposal.abstract ? proposal.abstract : ''); | ||
42 | 40 | ||
43 | element = element + category; | 41 | element = element + category; |
44 | ret = ret + element + '</div></a></li>'; | 42 | ret = ret + element + '</div></a></li>'; |
js/main.js
@@ -224,19 +224,19 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -224,19 +224,19 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
224 | return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); | 224 | return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); |
225 | }, | 225 | }, |
226 | display_category_tab: function(){ | 226 | display_category_tab: function(){ |
227 | - // $('#proposal-group').hide(); | 227 | + $('#proposal-group').hide(); |
228 | $('#proposal-categories').show(); | 228 | $('#proposal-categories').show(); |
229 | $('#nav-proposal-categories a').addClass('active'); | 229 | $('#nav-proposal-categories a').addClass('active'); |
230 | $('#nav-proposal-group a').removeClass('active'); | 230 | $('#nav-proposal-group a').removeClass('active'); |
231 | $('.proposal-category-items').hide(); | 231 | $('.proposal-category-items').hide(); |
232 | - // $('.proposal-category .arrow-box').hide(); | 232 | + $('.proposal-category .arrow-box').hide(); |
233 | $('.proposal-detail').hide(); | 233 | $('.proposal-detail').hide(); |
234 | 234 | ||
235 | $('#content').show(); | 235 | $('#content').show(); |
236 | $('nav').show(); | 236 | $('nav').show(); |
237 | }, | 237 | }, |
238 | display_proposals_tab: function(){ | 238 | display_proposals_tab: function(){ |
239 | - // $('#proposal-categories').hide(); | 239 | + $('#proposal-categories').hide(); |
240 | $('#proposal-group').show(); | 240 | $('#proposal-group').show(); |
241 | $('#nav-proposal-group a').addClass('active'); | 241 | $('#nav-proposal-group a').addClass('active'); |
242 | $('#nav-proposal-categories a').removeClass('active'); | 242 | $('#nav-proposal-categories a').removeClass('active'); |
@@ -244,7 +244,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -244,7 +244,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
244 | $('nav').show(); | 244 | $('nav').show(); |
245 | }, | 245 | }, |
246 | display_proposal: function(proposal_id){ | 246 | display_proposal: function(proposal_id){ |
247 | - $('#proposal-categories').hide(); | 247 | + // $('#proposal-categories').hide(); |
248 | $('#proposal-group').hide(); | 248 | $('#proposal-group').hide(); |
249 | $('nav').hide(); | 249 | $('nav').hide(); |
250 | $('#content').hide(); | 250 | $('#content').hide(); |
@@ -278,7 +278,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -278,7 +278,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
278 | case 'categories reducao-da-pobreza': | 278 | case 'categories reducao-da-pobreza': |
279 | active_category = 'reducao-da-pobreza'; | 279 | active_category = 'reducao-da-pobreza'; |
280 | break; | 280 | break; |
281 | - } | 281 | + } |
282 | 282 | ||
283 | $proposal.find('.calendar.' + active_category).show(); | 283 | $proposal.find('.calendar.' + active_category).show(); |
284 | $proposal.find('.calendar').slick(); | 284 | $proposal.find('.calendar').slick(); |
@@ -329,9 +329,9 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -329,9 +329,9 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
329 | $('html, body').animate({ scrollTop: itemOffset.top }, 'fast'); | 329 | $('html, body').animate({ scrollTop: itemOffset.top }, 'fast'); |
330 | } | 330 | } |
331 | } ); | 331 | } ); |
332 | - // $('.proposal-category .arrow-box').hide(); | 332 | + $('.proposal-category .arrow-box').hide(); |
333 | var categorySlug = $item.data('category'); | 333 | var categorySlug = $item.data('category'); |
334 | - // $('#proposal-category-' + categorySlug).find('.arrow-box').show(); | 334 | + $('#proposal-category-' + categorySlug).find('.arrow-box').show(); |
335 | 335 | ||
336 | } | 336 | } |
337 | }, | 337 | }, |