Download as
Browse Code »

Commit 7127be1a3ea963523f402502f86c0c817e35bbf5

Authored by Leonardo Merlin
1 parent da022fa2
Exists in master and in 8 other branches css-list, feature-captcha, feature-proposal-vote, feature-respostas, production, rafael, staging, the_glorious_return_of_piwik

Add sitema. Fix API service.

Showing 10 changed files with 240 additions and 233 deletions   Show diff stats
src/app/components/dialoga-service/dialoga.service.js
  Diff comments   View file @7127be1
... ... @@ -35,7 +35,8 @@
35 35 }else{
36 36 // load main content
37 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 40 }, function (data){
40 41 CACHE.home = data;
41 42  
... ...
src/app/components/proposal-list/proposal-list.html
  Diff comments   View file @7127be1
... ... @@ -39,7 +39,7 @@
39 39 </tr>
40 40 </tbody>
41 41 </table>
42   - <nav>
  42 + <nav ng-if="vm.arraypages.length > 1">
43 43 <ul class="pagination">
44 44 <li ng-style="{'visibility': (vm.currentPageIndex === 0) ? 'hidden' : 'visible'}">
45 45 <a class="btn-pagination" href="#" aria-label="Previous" ng-click="vm.showPage(vm.currentPageIndex-1)">
... ...
src/app/components/social-share/social-share.html
  Diff comments   View file @7127be1
... ... @@ -36,42 +36,7 @@
36 36 <li>
37 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 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 40 </a>
41 41 </li>
42 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
  Diff comments   View file @7127be1
... ... @@ -189,12 +189,16 @@
189 189 'footer': { templateUrl: 'app/pages/footer/footer.html' }
190 190 }
191 191 })
192   - .state('mapa-do-site', {
  192 + .state('mapa-do-site', {
193 193 url: '/mapa-do-site',
194 194 ncyBreadcrumb: {label: 'Mapa do Site'},
195 195 views: {
196 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 202 'footer': { templateUrl: 'app/pages/footer/footer.html' }
199 203 }
200 204 })
... ... @@ -207,15 +211,6 @@
207 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 216 $urlRouterProvider.otherwise('/erro');
... ...
src/app/pages/mapa-do-site/mapa-do-site.html 0 → 100644
  Diff comments   View file @7127be1
... ... @@ -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
  Diff comments   View file @7127be1
... ... @@ -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
  Diff comments   View file @7127be1
... ... @@ -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
View file @da022fa
... ... @@ -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
View file @da022fa
... ... @@ -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
View file @da022fa
... ... @@ -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>