Commit 7127be1a3ea963523f402502f86c0c817e35bbf5

Authored by Leonardo Merlin
1 parent da022fa2

Add sitema. Fix API service.

src/app/components/dialoga-service/dialoga.service.js
@@ -35,7 +35,8 @@ @@ -35,7 +35,8 @@
35 }else{ 35 }else{
36 // load main content 36 // load main content
37 ArticleService.getArticleById(API.articleId.home, { 37 ArticleService.getArticleById(API.articleId.home, {
38 - 'fields[]': ['id','abstract','body','categories','children','children_count','title','image','url'] 38 + 'fields[]': ['id','abstract','body','categories','children','children_count','title','slug','image','url'],
  39 + 'content_type':'ProposalsDiscussionPlugin::DiscussionTopic'
39 }, function (data){ 40 }, function (data){
40 CACHE.home = data; 41 CACHE.home = data;
41 42
src/app/components/proposal-list/proposal-list.html
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 </tr> 39 </tr>
40 </tbody> 40 </tbody>
41 </table> 41 </table>
42 - <nav> 42 + <nav ng-if="vm.arraypages.length > 1">
43 <ul class="pagination"> 43 <ul class="pagination">
44 <li ng-style="{'visibility': (vm.currentPageIndex === 0) ? 'hidden' : 'visible'}"> 44 <li ng-style="{'visibility': (vm.currentPageIndex === 0) ? 'hidden' : 'visible'}">
45 <a class="btn-pagination" href="#" aria-label="Previous" ng-click="vm.showPage(vm.currentPageIndex-1)"> 45 <a class="btn-pagination" href="#" aria-label="Previous" ng-click="vm.showPage(vm.currentPageIndex-1)">
src/app/components/social-share/social-share.html
@@ -36,42 +36,7 @@ @@ -36,42 +36,7 @@
36 <li> 36 <li>
37 <a href="whatsapp://send?text=Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo http://dialoga.gov.br/" title="Compartilhar no WhatsApp"> 37 <a href="whatsapp://send?text=Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo http://dialoga.gov.br/" title="Compartilhar no WhatsApp">
38 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-whatsapp"><span class="icon icon-social-whatsapp"></span></span> 38 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-whatsapp"><span class="icon icon-social-whatsapp"></span></span>
39 - <span class="sr-only">Enviar por email</span> 39 + <span class="sr-only">Compartilhar no WhatsApp</span>
40 </a> 40 </a>
41 </li> 41 </li>
42 </ul> 42 </ul>
43 -<!-- <div class="social-share">  
44 - <ul>  
45 - <li>  
46 - <a social-facebook custom-url="http://dialoga.gov.br">  
47 - <span class="icon icon-social-facebook"></span>  
48 - <span class="sr-only">Compartilhar no Facebook</span>  
49 - </a>  
50 - </li>  
51 - <li>  
52 - <a social-twitter custom-url="http://dialoga.gov.br" status="This status is #{{ ctrl.coolWord }}">  
53 - <span class="icon icon-social-twitter"></span>  
54 - <span class="sr-only">Compartilhar no Twitter</span>  
55 - </a>  
56 - </li>  
57 - <li>  
58 - <a social-gplus custom-url="http://dialoga.gov.br">  
59 - <span class="icon icon-social-google-plus"></span>  
60 - <span class="sr-only">Compartilhar no Google Plus</span>  
61 - </a>  
62 - </li>  
63 - <li>  
64 - <a href="whatsapp://send?text=Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa" target="_blank">  
65 - <span class="icon icon-social-whatsapp"></span>  
66 - <span class="sr-only">Compartilhar no WhatsApp</span>  
67 - </a>  
68 - </li>  
69 - </ul>  
70 -</div>  
71 - -->  
72 -<!-- <ul>  
73 - <li><a href="http://dialoga.gov.br/#/programas/121492/sobre-o-programa" class="fb-share icon icon-facebook" data-caption="Brasil de Todas as Telas" data-description="Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso"><span class="fa fa-facebook"></span><span class="sr-only">Compartilhar no Facebook</span></a></li>  
74 - <li><a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa&amp;text=Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso" target="_blank" class="tw-share icon icon-twitter popup"><span class="fa fa-twitter"></span><span class="sr-only">Compartilhar no Twitter</span></a></li>  
75 - <li><a href="https://plus.google.com/share?url=http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa" target="_blank" class="gp-share icon icon-gplus popup"><span class="fa fa-google-plus"></span><span class="sr-only">Compartilhar no Google Plus</span></a></li>  
76 - <li><a href="whatsapp://send?text=Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa" target="_blank" class="ws-share icon icon-whatsapp"><span class="fa fa-whatsapp"></span><span class="sr-only">Compartilhar no WhatsApp</span></a></li>  
77 -</ul> -->  
src/app/index.route.js
@@ -189,12 +189,16 @@ @@ -189,12 +189,16 @@
189 'footer': { templateUrl: 'app/pages/footer/footer.html' } 189 'footer': { templateUrl: 'app/pages/footer/footer.html' }
190 } 190 }
191 }) 191 })
192 - .state('mapa-do-site', { 192 + .state('mapa-do-site', {
193 url: '/mapa-do-site', 193 url: '/mapa-do-site',
194 ncyBreadcrumb: {label: 'Mapa do Site'}, 194 ncyBreadcrumb: {label: 'Mapa do Site'},
195 views: { 195 views: {
196 'header': { templateUrl: 'app/pages/header/header.html' }, 196 'header': { templateUrl: 'app/pages/header/header.html' },
197 - 'main': { templateUrl: 'app/pages/sitemap/sitemap.html' }, 197 + 'main': {
  198 + templateUrl: 'app/pages/mapa-do-site/mapa-do-site.html',
  199 + controller: 'SitemapPageController',
  200 + controllerAs: 'sitemap'
  201 + },
198 'footer': { templateUrl: 'app/pages/footer/footer.html' } 202 'footer': { templateUrl: 'app/pages/footer/footer.html' }
199 } 203 }
200 }) 204 })
@@ -207,15 +211,6 @@ @@ -207,15 +211,6 @@
207 'footer': { templateUrl: 'app/pages/footer/footer.html' } 211 'footer': { templateUrl: 'app/pages/footer/footer.html' }
208 } 212 }
209 }) 213 })
210 - .state('mapa', {  
211 - url: '/mapa',  
212 - ncyBreadcrumb: {label: 'Mapa'},  
213 - views: {  
214 - 'header': { templateUrl: 'app/pages/header/header.html' },  
215 - 'main': { templateUrl: 'app/pages/mapa/mapa.html' },  
216 - 'footer': { templateUrl: 'app/pages/footer/footer.html' }  
217 - }  
218 - })  
219 ; 214 ;
220 215
221 $urlRouterProvider.otherwise('/erro'); 216 $urlRouterProvider.otherwise('/erro');
src/app/pages/mapa-do-site/mapa-do-site.html 0 → 100644
@@ -0,0 +1,133 @@ @@ -0,0 +1,133 @@
  1 +<div class="container">
  2 + <div class="row">
  3 + <div class="col-sm-11 col-sm-offset-1">
  4 + <h2>Mapa do Site</h2>
  5 + <p>Uma visão geral do conteúdo disponível no site.</p>
  6 + </div>
  7 + </div>
  8 +</div>
  9 +
  10 +<div class="page--mapa">
  11 + <div class="container">
  12 + <div class="row">
  13 + <div class="col-sm-11 col-sm-offset-1">
  14 +
  15 + <ul class="list-sitemap">
  16 + <li class="list-sitemap--item level-1">
  17 + <a ui-sref="sobre" title="Conheça mais sobre o Dialoga Brasil">Sobre</a>
  18 + </li>
  19 + <li class="list-sitemap--item level-1">
  20 + <a ui-sref="programas" title="Acesse a lista de programas">Programas</a>
  21 + <ul ng-if="sitemap.programsPerThemes">
  22 + <li ng-if="!sitemap.programsPerThemes">Carregando lista de programas...</li>
  23 + <li ng-if="sitemap.programsPerThemes" class="list-sitemap--item level-2" ng-repeat="(slug, theme) in sitemap.programsPerThemes">
  24 + <a ui-sref="programas({tema: slug})" ui-sref-opts="{location: true}" title="Acesse a lista de programas do {{theme.name}}">{{theme.name}}</a>
  25 + <ul>
  26 + <li class="list-sitemap--item level-3" ng-repeat="program in theme.programs">
  27 + <a ui-sref="programa-conteudo({slug: program.slug})" ui-sref-opts="{location: true}" title="Acesse o programa {{::program.title}}">{{::program.title}}</a>
  28 + </li>
  29 + </ul>
  30 + </li>
  31 + </ul>
  32 + </li>
  33 + <li class="list-sitemap--item level-1">
  34 + <a ui-sref="propostas" title="Acesse a lista de propostas">Propostas</a>
  35 + </li>
  36 + <li class="list-sitemap--item level-1">
  37 + <a ui-sref="ranking" title="Acesse o ranking de propostas">Ranking</a>
  38 + </li>
  39 + <li class="list-sitemap--item level-1">
  40 + <a ui-sref="duvidas" title="Acesse para ler as principais dúvidas ou enviar a sua.">Dúvidas e sugestões</a>
  41 + </li>
  42 + <li class="list-sitemap--item level-1">
  43 + <a ui-sref="entrar" title="Acesse para ler as principais dúvidas ou enviar a sua.">Entrar</a>
  44 + </li>
  45 + <li class="list-sitemap--item level-1">
  46 + <span>Dialoga nas redes</span>
  47 + <ul>
  48 + <li class="list-sitemap--item level-2">
  49 + <a href="#" role="button"
  50 + socialshare
  51 + socialshare-provider="facebook"
  52 + socialshare-url="http://dialoga.gov.br"
  53 + socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
  54 + title="Compartilhar no Facebook">
  55 + <span>Facebook</span>
  56 + </a>
  57 + </li>
  58 + <li class="list-sitemap--item level-2">
  59 + <a href="#" role="button"
  60 + socialshare
  61 + socialshare-provider="twitter"
  62 + socialshare-url="http://dialoga.gov.br"
  63 + socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
  64 + socialshare-hastags="dialogabrasil"
  65 + title="Compartilhar no Twitter">
  66 + <span>Twitter</span>
  67 + </a>
  68 + </li>
  69 + <li class="list-sitemap--item level-2">
  70 + <a href="#" role="button"
  71 + socialshare
  72 + socialshare-provider="google+"
  73 + socialshare-url="http://dialoga.gov.br"
  74 + socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
  75 + title="Compartilhar no Google Plus">
  76 + <span>Google Plus</span>
  77 + </a>
  78 + </li>
  79 + <li class="list-sitemap--item level-2">
  80 + <a href="whatsapp://send?text=Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo http://dialoga.gov.br/" title="Compartilhar no WhatsApp">
  81 + <span>WhatsApp</span>
  82 + </a>
  83 + </li>
  84 + </ul>
  85 + </li>
  86 + <li class="list-sitemap--item level-1">
  87 + <span>Compartilhar</span>
  88 + <ul>
  89 + <li class="list-sitemap--item level-2">
  90 + <a href="#" role="button"
  91 + socialshare
  92 + socialshare-provider="facebook"
  93 + socialshare-url="http://dialoga.gov.br"
  94 + socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
  95 + title="Compartilhar no Facebook">
  96 + <span>Facebook</span>
  97 + </a>
  98 + </li>
  99 + <li class="list-sitemap--item level-2">
  100 + <a href="#" role="button"
  101 + socialshare
  102 + socialshare-provider="twitter"
  103 + socialshare-url="http://dialoga.gov.br"
  104 + socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
  105 + socialshare-hastags="dialogabrasil"
  106 + title="Compartilhar no Twitter">
  107 + <span>Twitter</span>
  108 + </a>
  109 + </li>
  110 + <li class="list-sitemap--item level-2">
  111 + <a href="#" role="button"
  112 + socialshare
  113 + socialshare-provider="google+"
  114 + socialshare-url="http://dialoga.gov.br"
  115 + socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
  116 + title="Compartilhar no Google Plus">
  117 + <span>Google Plus</span>
  118 + </a>
  119 + </li>
  120 + <li class="list-sitemap--item level-2">
  121 + <a href="whatsapp://send?text=Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo http://dialoga.gov.br/" title="Compartilhar no WhatsApp">
  122 + <span>WhatsApp</span>
  123 + </a>
  124 + </li>
  125 + </ul>
  126 + </li>
  127 + <li class="list-sitemap--item level-1">
  128 + <a ui-sref="termos-de-uso" title="Acesse para ler os termos de uso do Dialoga Brasil">Termos de uso</a>
  129 + </li>
  130 + </ul>
  131 + </div>
  132 + </div>
  133 + <button type="button" class="btn btn-link" ui-sref="inicio">Retornar à página inicial</button>
src/app/pages/mapa-do-site/mapa-do-site.scss 0 → 100644
@@ -0,0 +1,38 @@ @@ -0,0 +1,38 @@
  1 +.page--mapa {
  2 + background-color: #f9f9f9;
  3 +
  4 + ul {
  5 + list-style: none;
  6 + padding-left: 0;
  7 + }
  8 +
  9 + .list-sitemap a,
  10 + .list-sitemap {
  11 + color: $defaultblue;
  12 + font-weight: bold;
  13 + }
  14 +
  15 + .level-1 {
  16 + font-size: 22px;
  17 + padding: 10px 0;
  18 + }
  19 + .level-2 {
  20 + font-size: 18px;
  21 + padding-left: 40px;
  22 + }
  23 +
  24 + .level-3 {
  25 + font-size: 14px;
  26 + padding-left: 40px;
  27 + a {
  28 + color: #212121;
  29 + font-weight: normal;
  30 + }
  31 + }
  32 +
  33 + .margin-mapa {
  34 + margin-left: 0px;
  35 + margin-right: 0px;
  36 + }
  37 +
  38 +}
src/app/pages/mapa-do-site/sitemap.controller.js 0 → 100644
@@ -0,0 +1,59 @@ @@ -0,0 +1,59 @@
  1 +(function() {
  2 + 'use strict';
  3 +
  4 + angular
  5 + .module('dialoga')
  6 + .controller('SitemapPageController', SitemapPageController);
  7 +
  8 + /** @ngInject */
  9 + function SitemapPageController(DialogaService, $state, $sce, $log) {
  10 + var vm = this;
  11 +
  12 + vm.DialogaService = DialogaService;
  13 + vm.$log = $log;
  14 +
  15 + vm.init();
  16 + vm.loadData();
  17 +
  18 + vm.$log.debug('SitemapPageController');
  19 + }
  20 +
  21 + SitemapPageController.prototype.init = function() {
  22 + var vm = this;
  23 +
  24 + vm.programsPerThemes = null;
  25 + };
  26 +
  27 + SitemapPageController.prototype.loadData = function() {
  28 + var vm = this;
  29 +
  30 + vm.DialogaService.getPrograms(function(programs){
  31 + vm.programsPerThemes = sliceProgramsByThemes(programs);
  32 + },function(error){
  33 + vm.error = error;
  34 + vm.$log.error(error);
  35 + });
  36 + };
  37 +
  38 + function sliceProgramsByThemes(programs){
  39 + var themes = {};
  40 + var len = programs.length;
  41 + for (var i = 0; i < len; i++) {
  42 + var program = programs[i];
  43 + var category = program.categories[0];
  44 + var theme = themes[category.slug] || {};
  45 +
  46 + if(!angular.isArray(theme.programs)){
  47 + theme = category;
  48 + theme.programs = [];
  49 + themes[theme.slug] = theme;
  50 + }
  51 +
  52 + theme.programs.push(program);
  53 +
  54 + }
  55 +
  56 + return themes;
  57 + }
  58 +
  59 +})();
src/app/pages/mapa/mapa.html
@@ -1,136 +0,0 @@ @@ -1,136 +0,0 @@
1 -<div class="container">  
2 - <div class="row">  
3 - <div class="col-sm-11 col-sm-offset-1">  
4 - <h2>Mapa do Site</h2>  
5 - <p>Uma visão geral do conteúdo disponível no site.</p>  
6 - </div>  
7 - </div>  
8 -</div>  
9 -  
10 -<div class="page--mapa">  
11 - <div class="container">  
12 - <div class="row margin-mapa">  
13 - <div class="col-sm-11 col-sm-offset-1">  
14 - <h3 class="font-mapa">Sobre o Dialoga</h3>  
15 -  
16 - <div class="row margin-mapa">  
17 - <h3 class="font-mapa">Programas</h3>  
18 - <div class="col-sm-6">  
19 - <h4 class="font-mapa">Ttulo do tema</h4>  
20 - <ul>  
21 - <li>Titulo do programa</li>  
22 - <li>Titulo do programa</li>  
23 - <li>Titulo do programa</li>  
24 - <li>Titulo do programa</li>  
25 - </ul>  
26 - <h4 class="font-mapa">Ttulo do tema</h4>  
27 - <ul>  
28 - <li>Titulo do programa</li>  
29 - <li>Titulo do programa</li>  
30 - <li>Titulo do programa</li>  
31 - <li>Titulo do programa</li>  
32 - </ul>  
33 - <h4 class="font-mapa">Ttulo do tema</h4>  
34 - <ul>  
35 - <li>Titulo do programa</li>  
36 - <li>Titulo do programa</li>  
37 - <li>Titulo do programa</li>  
38 - <li>Titulo do programa</li>  
39 - </ul>  
40 - </div>  
41 - </div>  
42 - <div class="row margin-mapa">  
43 - <h3 class="font-mapa">Propostas</h3>  
44 - <div class="col-sm-6">  
45 - <h4 class="font-mapa"></h4>  
46 - <ul>  
47 - <li></li>  
48 - </ul>  
49 - <h4 class="font-mapa"></h4>  
50 - <ul>  
51 - <li></li>  
52 - </ul>  
53 - <h4 class="font-mapa"></h4>  
54 - <ul>  
55 - <li></li>  
56 - </ul>  
57 - </div>  
58 - </div>  
59 - <div class="row margin-mapa">  
60 - <h3 class="font-mapa">Ranking</h3>  
61 - <div class="col-sm-6">  
62 - <h4 class="font-mapa"></h4>  
63 - <ul>  
64 - <li></li>  
65 - </ul>  
66 - <h4 class="font-mapa"></h4>  
67 - <ul>  
68 - <li></li>  
69 - </ul>  
70 - <h4 class="font-mapa"></h4>  
71 - <ul>  
72 - <li></li>  
73 - </ul>  
74 - </div>  
75 - </div>  
76 - <div class="row margin-mapa">  
77 - <h3 class="font-mapa">Dúvidas e sugestões</h3>  
78 - <div class="col-sm-6">  
79 - <h4 class="font-mapa"></h4>  
80 - <ol>  
81 - <li>O que é o Dialoga Brasil?</li>  
82 - <li>O que são Programas?</li>  
83 - <li>O que são Propostas</li>  
84 - <li>Quem pode criar propostas e votar nelas?</li>  
85 - <li>O que acontece com as melhores propostas?</li>  
86 - </ol>  
87 - </div>  
88 - </div>  
89 - <div class="row margin-mapa">  
90 - <h3 class="font-mapa">Entrar</h3>  
91 - <div class="col-sm-6">  
92 - <h4 class="font-mapa"></h4>  
93 - <ul>  
94 - <li></li>  
95 - </ul>  
96 - <h4 class="font-mapa"></h4>  
97 - <ul>  
98 - <li></li>  
99 - </ul>  
100 - <h4 class="font-mapa"></h4>  
101 - <ul>  
102 - <li></li>  
103 - </ul>  
104 - </div>  
105 - </div>  
106 - <div class="row margin-mapa">  
107 -  
108 -  
109 - <h3 class="font-mapa">Dialoga nas redes</h3>  
110 - <div class="col-sm-6">  
111 - <h4 class="font-mapa"></h4>  
112 - <ul>  
113 - <li>Rede 1</li>  
114 - <li>Rede 2</li>  
115 - <li>Rede 3</li>  
116 - <li>Rede 4</li>  
117 - </ul>  
118 - </div>  
119 - </div>  
120 - <div class="row margin-mapa">  
121 -  
122 - <h3 class="font-mapa">Compartilhar</h3>  
123 - <div class="col-sm-6">  
124 - <h4 class="font-mapa"></h4>  
125 - <ul>  
126 - <li>Rede 1</li>  
127 - <li>Rede 2</li>  
128 - <li>Rede 3</li>  
129 - <li>Rede 4</li>  
130 - </ul>  
131 - </div>  
132 - </div>  
133 -  
134 - </div>  
135 - </div>  
136 - <button type="button" class="btn btn-link" ui-sref="inicio">retornar à página inicial</button>  
src/app/pages/mapa/mapa.scss
@@ -1,14 +0,0 @@ @@ -1,14 +0,0 @@
1 -.page--mapa {  
2 - background-color: #f9f9f9;  
3 -  
4 - .font-mapa {  
5 - color: $defaultblue;  
6 - font-weight: 600;  
7 - }  
8 -  
9 - .margin-mapa {  
10 - margin-left: 0px;  
11 - margin-right: 0px;  
12 - }  
13 -  
14 -}  
src/app/pages/sitemap/sitemap.html
@@ -1,34 +0,0 @@ @@ -1,34 +0,0 @@
1 -<div id="sitemap">  
2 - <div class="container">  
3 - <div class="row">  
4 - <div class="col-xs-12">  
5 - <article>  
6 - <h1>Mapa do site</h1>  
7 - <p>  
8 - Uma visão geral do conteúdo disponível no site. Mantenha o ponteiro do mouse sobre o item por alguns segundos para visualizar sua descrição.  
9 - </p>  
10 - <ul class="list-sitemap">  
11 - <li class="list-sitemap--item level-1">  
12 - <a ui-sref="inicio" title="Página inicial do Dialoga Brasil">Início</a>  
13 - </li>  
14 - <li class="list-sitemap--item level-1">  
15 - <a ui-sref="sobre" title="Conheça mais sobre o Dialoga Brasil">Sobre</a>  
16 - </li>  
17 - <li class="list-sitemap--item level-1">  
18 - <a ui-sref="programas" title="Acesse a lista de programas">Programas</a>  
19 - </li>  
20 - <li class="list-sitemap--item level-1">  
21 - <a ui-sref="propostas" title="Acesse a lista de propostas">Propostas</a>  
22 - </li>  
23 - <li class="list-sitemap--item level-1">  
24 - <a ui-sref="duvidas" title="Acesse para ler as principais dúvidas ou enviar a sua.">Dúvidas</a>  
25 - </li>  
26 - <li class="list-sitemap--item level-1">  
27 - <a ui-sref="termos-de-uso" title="Acesse para ler os termos de uso do Dialoga Brasil">Termos de uso</a>  
28 - </li>  
29 - </ul>  
30 - </article>  
31 - </div>  
32 - </div>  
33 - </div>  
34 -</div>