Commit f5b650595bbb797f24c1d3ec86e4cae494a4156a

Authored by augustoalmeida
1 parent 74109d9e

programas

@@ -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([&#39;handlebars&#39;], function(Handlebars){ @@ -19,11 +19,10 @@ define([&#39;handlebars&#39;], 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([&#39;handlebars&#39;], function(Handlebars){ @@ -31,14 +30,13 @@ define([&#39;handlebars&#39;], 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>';
@@ -224,19 +224,19 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F @@ -224,19 +224,19 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], 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([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F @@ -244,7 +244,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], 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([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F @@ -278,7 +278,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], 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([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F @@ -329,9 +329,9 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], 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 },