Add sitemap. Refact routes. Started new pages.

Leonardo Merlin
1 parent 5f74c1ad
Showing 13 changed files with 247 additions and 75 deletions Show diff stats
src/app/components/article-box/article-box.directive.js
src/app/components/navbar/navbar.html
src/app/index.route.js
src/app/pages/duvidas/duvidas.controller.js
src/app/pages/duvidas/duvidas.html
src/app/pages/programas/conheca-o-programa.html
src/app/pages/programas/programa.controller.js
src/app/pages/programas/programa.html
src/app/pages/programas/programas.html
src/app/pages/propostas/propostas.controller.js
src/app/pages/propostas/propostas.html
src/app/pages/sitemap/sitemap.html
src/assets/images/icons/sprite.png
@@ -59,7 +59,7 @@
     ArticleBoxController.prototype.showPreview = function () {
       var vm = this;
  
-      vm.$state.go('programa', {
+      vm.$state.go('programa-conteudo', {
         slug: vm.article.slug
       }, {
         location: true
@@ -16,9 +16,10 @@
     <div id="navbar-collapse" class="collapse navbar-collapse">
       <ul class="nav navbar-nav">
         <li><a ui-sref="sobre">Sobre</a></li>
-        <li><a ui-sref="inicio({'#':'lista-de-programas'})" ng-click="vm.scrollTo('lista-de-programas')">Programas</a></li>
+        <li><a ui-sref="programas">Programas</a></li>
+        <li><a ui-sref="propostas">Propostas</a></li>
         <!-- <li><a ui-sref="ranking">Ranking</a></li> -->
-        <!-- <li><a ui-sref="duvidas">Dúvidas</a></li> -->
+        <li><a ui-sref="duvidas">Dúvidas</a></li>
         <!-- <li><a ui-sref="respostas">Respostas</a></li> -->
       </ul>
     </div>
@@ -45,30 +45,55 @@
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
-      .state('programa', {
-        url: '/programa/:slug',
+      .state('programas', {
+        url: '/programas',
         views: {
           'header': { templateUrl: 'app/pages/header/header.html' },
           'main': {
-            templateUrl: 'app/pages/programas/programa.html',
-            controller: 'ProgramaPageController',
+            templateUrl: 'app/pages/programas/programas.html',
+            controller: 'ProgramasPageController',
             controllerAs: 'pagePrograma'
           },
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
-      .state('conheca-o-programa', {
-        url: '/programa/:slug/conheca-o-programa',
+      .state('programa-conteudo', {
+        url: '/programa/:slug',
         views: {
           'header': { templateUrl: 'app/pages/header/header.html' },
           'main': {
-            templateUrl: 'app/pages/programas/conheca-o-programa.html',
+            templateUrl: 'app/pages/programas/programa.html',
             controller: 'ProgramaContentPageController',
             controllerAs: 'pageProgramaContent'
           },
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
+      .state('propostas', {
+        url: '/propostas',
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': {
+            templateUrl: 'app/pages/propostas/propostas.html',
+            controller: 'PropostasPageController',
+            controllerAs: 'pagePropostas'
+          },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
+      .state('propostas-details', {})
+      .state('duvidas', {
+        url: '/duvidas',
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': {
+            templateUrl: 'app/pages/duvidas/duvidas.html',
+            controller: 'DuvidasPageController',
+            controllerAs: 'pageDuvidas'
+          },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
       .state('sobre', {
         url: '/sobre',
         views: {
@@ -94,6 +119,14 @@
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
+      .state('mapa-do-site', {
+        url: '/mapa-do-site',
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': { templateUrl: 'app/pages/sitemap/sitemap.html' },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
       ;
  
     $urlRouterProvider.otherwise('/');
@@ -0,0 +1,51 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .controller('DuvidasPageController', DuvidasPageController);
+
+  /** @ngInject */
+  function DuvidasPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
+    $log.debug('DuvidasPageController');
+
+    var vm = this;
+
+    vm.ArticleService = ArticleService;
+    vm.$state = $state;
+    vm.$location = $location;
+    vm.$scope = $scope;
+    vm.$rootScope = $rootScope;
+    vm.$log = $log;
+
+    vm.init();
+  }
+
+  DuvidasPageController.prototype.init = function () {
+    var vm = this;
+
+    var params = vm.$state.params;
+    var slug = params.slug;
+
+    vm.article = null;
+    vm.categories = null;
+    vm.currentCategory = null;
+    vm.loading = true;
+    vm.error = false;
+
+    vm.loadData();
+  };
+
+
+  DuvidasPageController.prototype.loadData = function () {
+    var vm = this;
+
+    vm.ArticleService.getCategories(function(categories){
+      vm.categories = categories;
+    }, function (error) {
+      vm.error = error;
+      vm.$log.error(error);
+    });
+
+  };
+})();
@@ -0,0 +1,3 @@
+<div class="container page--duvidas">
+  <h1>TODO: Home > Dúvidas</h1>
+</div>
@@ -1,31 +0,0 @@
-<div class="container page--conheca-o-programa">
-  <div ng-if="pageProgramaContent.article && pageProgramaContent.categories">
-    <article-bar category="pageProgramaContent.article.categories[0]" categories="pageProgramaContent.categories"></article-bar>
-  </div>
-
-  <div ng-if="!pageProgramaContent.article.body">
-    <div ng-if="!pageProgramaContent.error" class="alert alert-info" role="alert">Carregando detalhes sobre o progama...</div>
-    <div ng-if="pageProgramaContent.error" class="alert alert-warning" role="alert">{{pageProgramaContent}}</div>
-  </div>
-
-  <div ng-if="pageProgramaContent.article.body">
-    <article class="program-content">
-      <div>
-        <section ng-bind-html="pageProgramaContent.article.body"></section>
-      </div>
-    </article>
-    <aside class="program--aside"ng-class="pageProgramaContent.article.categories[0].slug">
-      <div class="col-sm-6" >
-        <div class="button--themed">
-          <button class="btn btn-block" ng-click="pageProgramaContent.goToPreview()">
-            <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
-            Participe
-          </button>
-        </div>
-      </div>
-      <div class="col-sm-6">
-        <social-share></social-share>
-      </div>
-    </aside>
-  </div>
-</div>
@@ -3,11 +3,11 @@
  
   angular
     .module('dialoga')
-    .controller('ProgramaPageController', ProgramaPageController);
+    .controller('ProgramasPageController', ProgramasPageController);
  
   /** @ngInject */
-  function ProgramaPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
-    $log.debug('ProgramaPageController');
+  function ProgramasPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
+    $log.debug('ProgramasPageController');
  
     var vm = this;
  
@@ -21,7 +21,7 @@
     vm.init();
   }
  
-  ProgramaPageController.prototype.init = function () {
+  ProgramasPageController.prototype.init = function () {
     var vm = this;
  
     var params = vm.$state.params;
@@ -33,6 +33,13 @@
     vm.loading = true;
     vm.error = false;
  
+    vm.loadData();
+  };
+
+
+  ProgramasPageController.prototype.loadData = function () {
+    var vm = this;
+
     vm.ArticleService.getCategories(function(categories){
       vm.categories = categories;
     }, function (error) {
@@ -40,29 +47,30 @@
       vm.$log.error(error);
     });
  
-    vm.ArticleService.getArticleBySlug(slug, function(article){
-      vm.article = article;
-      vm.currentCategory = vm.article.categories[0];
+    // vm.ArticleService.getArticleBySlug(slug, function(article){
+    //   vm.article = article;
+    //   vm.currentCategory = vm.article.categories[0];
  
-      // load proposals
-      // vm.ArticleService.getRandomProposal(program.id, function(proposal){
-      //   vm.article.proposal = proposal;
-      // }, function (error){
-      //   vm.$log.error(error);
-      // });
+    //   // load proposals
+    //   // vm.ArticleService.getRandomProposal(program.id, function(proposal){
+    //   //   vm.article.proposal = proposal;
+    //   // }, function (error){
+    //   //   vm.$log.error(error);
+    //   // });
  
-      // load events
-      // vm.ArticleService.getEvents(program.id, function(proposal){
-      //   vm.article.proposal = proposal;
-      // }, function (error){
-      //   vm.$log.error(error);
-      // });
+    //   // load events
+    //   // vm.ArticleService.getEvents(program.id, function(proposal){
+    //   //   vm.article.proposal = proposal;
+    //   // }, function (error){
+    //   //   vm.$log.error(error);
+    //   // });
+
+    // }, function (error) {
+    //   vm.error = error;
+    //   vm.$log.error(error);
+    //   vm.$log.info('Rollback to home page.');
+    //   vm.$state.go('inicio', {}, {location: true});
+    // });
  
-    }, function (error) {
-      vm.error = error;
-      vm.$log.error(error);
-      vm.$log.info('Rollback to home page.');
-      vm.$state.go('inicio', {}, {location: true});
-    });
   };
 })();
-<div class="container">
-
-  <div ng-if="pagePrograma.article && pagePrograma.categories">
-    <article-bar category="pagePrograma.article.categories[0]" categories="pagePrograma.categories"></article-bar>
+<div class="container page--conheca-o-programa">
+  <div ng-if="pageProgramaContent.article && pageProgramaContent.categories">
+    <article-bar category="pageProgramaContent.article.categories[0]" categories="pageProgramaContent.categories"></article-bar>
   </div>
  
-  <div ng-if="!pagePrograma.article">
-    <div class="alert alert-info" role="alert">Carregando informações sobre o progama</div>
+  <div ng-if="!pageProgramaContent.article.body">
+    <div ng-if="!pageProgramaContent.error" class="alert alert-info" role="alert">Carregando detalhes sobre o progama...</div>
+    <div ng-if="pageProgramaContent.error" class="alert alert-warning" role="alert">{{pageProgramaContent}}</div>
   </div>
  
-  <div ng-if="pagePrograma.article && pagePrograma.categories">
-    <article-preview article="pagePrograma.article"></article-preview>
+  <div ng-if="pageProgramaContent.article.body">
+    <article class="program-content">
+      <div>
+        <section ng-bind-html="pageProgramaContent.article.body"></section>
+      </div>
+    </article>
+    <aside class="program--aside"ng-class="pageProgramaContent.article.categories[0].slug">
+      <div class="col-sm-6" >
+        <div class="button--themed">
+          <button class="btn btn-block" ng-click="pageProgramaContent.goToPreview()">
+            <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
+            Participe
+          </button>
+        </div>
+      </div>
+      <div class="col-sm-6">
+        <social-share></social-share>
+      </div>
+    </aside>
   </div>
 </div>
-
@@ -0,0 +1,3 @@
+<div class="container page--programas">
+  <h1>TODO: Home > Programas</h1>
+</div>
@@ -0,0 +1,51 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .controller('PropostasPageController', PropostasPageController);
+
+  /** @ngInject */
+  function PropostasPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
+    $log.debug('PropostasPageController');
+
+    var vm = this;
+
+    vm.ArticleService = ArticleService;
+    vm.$state = $state;
+    vm.$location = $location;
+    vm.$scope = $scope;
+    vm.$rootScope = $rootScope;
+    vm.$log = $log;
+
+    vm.init();
+  }
+
+  PropostasPageController.prototype.init = function () {
+    var vm = this;
+
+    var params = vm.$state.params;
+    var slug = params.slug;
+
+    vm.article = null;
+    vm.categories = null;
+    vm.currentCategory = null;
+    vm.loading = true;
+    vm.error = false;
+
+    vm.loadData();
+  };
+
+
+  PropostasPageController.prototype.loadData = function () {
+    var vm = this;
+
+    vm.ArticleService.getCategories(function(categories){
+      vm.categories = categories;
+    }, function (error) {
+      vm.error = error;
+      vm.$log.error(error);
+    });
+
+  };
+})();
@@ -0,0 +1,3 @@
+<div class="container page--propostas">
+  <h1>TODO: Home > Propostas</h1>
+</div>
@@ -0,0 +1,34 @@
+<div id="sitemap">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-12">
+        <article>
+          <h1>Mapa do site</h1>
+          <p>
+            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.
+          </p>
+          <ul class="list-sitemap">
+            <li class="list-sitemap--item level-1">
+              <a ui-sref="inicio" title="Página inicial do Dialoga Brasil">Início</a>
+            </li>
+            <li class="list-sitemap--item level-1">
+              <a ui-sref="sobre" title="Conheça mais sobre o Dialoga Brasil">Sobre</a>
+            </li>
+            <li class="list-sitemap--item level-1">
+              <a ui-sref="programas" title="Acesse a lista de programas">Programas</a>
+            </li>
+            <li class="list-sitemap--item level-1">
+              <a ui-sref="propostas" title="Acesse a lista de propostas">Propostas</a>
+            </li>
+            <li class="list-sitemap--item level-1">
+              <a ui-sref="duvidas" title="Acesse para ler as principais dúvidas ou enviar a sua.">Dúvidas</a>
+            </li>
+            <li class="list-sitemap--item level-1">
+              <a ui-sref="termos-de-uso" title="Acesse para ler os termos de uso do Dialoga Brasil">Termos de uso</a>
+            </li>
+          </ul>
+        </article>
+      </div>
+    </div>
+  </div>
+</div>
...	...	@@ -59,7 +59,7 @@
59	59	ArticleBoxController.prototype.showPreview = function () {
60	60	var vm = this;
61	61
62		- vm.$state.go('programa', {
	62	+ vm.$state.go('programa-conteudo', {
63	63	slug: vm.article.slug
64	64	}, {
65	65	location: true
...	...
...	...	@@ -16,9 +16,10 @@
16	16	<div id="navbar-collapse" class="collapse navbar-collapse">
17	17	<ul class="nav navbar-nav">
18	18	<li><a ui-sref="sobre">Sobre</a></li>
19		- <li><a ui-sref="inicio({'#':'lista-de-programas'})" ng-click="vm.scrollTo('lista-de-programas')">Programas</a></li>
	19	+ <li><a ui-sref="programas">Programas</a></li>
	20	+ <li><a ui-sref="propostas">Propostas</a></li>
20	21	<!-- <li><a ui-sref="ranking">Ranking</a></li> -->
21		- <!-- <li><a ui-sref="duvidas">Dúvidas</a></li> -->
	22	+ <li><a ui-sref="duvidas">Dúvidas</a></li>
22	23	<!-- <li><a ui-sref="respostas">Respostas</a></li> -->
23	24	</ul>
24	25	</div>
...	...
...	...	@@ -45,30 +45,55 @@
45	45	'footer': { templateUrl: 'app/pages/footer/footer.html' }
46	46	}
47	47	})
48		- .state('programa', {
49		- url: '/programa/:slug',
	48	+ .state('programas', {
	49	+ url: '/programas',
50	50	views: {
51	51	'header': { templateUrl: 'app/pages/header/header.html' },
52	52	'main': {
53		- templateUrl: 'app/pages/programas/programa.html',
54		- controller: 'ProgramaPageController',
	53	+ templateUrl: 'app/pages/programas/programas.html',
	54	+ controller: 'ProgramasPageController',
55	55	controllerAs: 'pagePrograma'
56	56	},
57	57	'footer': { templateUrl: 'app/pages/footer/footer.html' }
58	58	}
59	59	})
60		- .state('conheca-o-programa', {
61		- url: '/programa/:slug/conheca-o-programa',
	60	+ .state('programa-conteudo', {
	61	+ url: '/programa/:slug',
62	62	views: {
63	63	'header': { templateUrl: 'app/pages/header/header.html' },
64	64	'main': {
65		- templateUrl: 'app/pages/programas/conheca-o-programa.html',
	65	+ templateUrl: 'app/pages/programas/programa.html',
66	66	controller: 'ProgramaContentPageController',
67	67	controllerAs: 'pageProgramaContent'
68	68	},
69	69	'footer': { templateUrl: 'app/pages/footer/footer.html' }
70	70	}
71	71	})
	72	+ .state('propostas', {
	73	+ url: '/propostas',
	74	+ views: {
	75	+ 'header': { templateUrl: 'app/pages/header/header.html' },
	76	+ 'main': {
	77	+ templateUrl: 'app/pages/propostas/propostas.html',
	78	+ controller: 'PropostasPageController',
	79	+ controllerAs: 'pagePropostas'
	80	+ },
	81	+ 'footer': { templateUrl: 'app/pages/footer/footer.html' }
	82	+ }
	83	+ })
	84	+ .state('propostas-details', {})
	85	+ .state('duvidas', {
	86	+ url: '/duvidas',
	87	+ views: {
	88	+ 'header': { templateUrl: 'app/pages/header/header.html' },
	89	+ 'main': {
	90	+ templateUrl: 'app/pages/duvidas/duvidas.html',
	91	+ controller: 'DuvidasPageController',
	92	+ controllerAs: 'pageDuvidas'
	93	+ },
	94	+ 'footer': { templateUrl: 'app/pages/footer/footer.html' }
	95	+ }
	96	+ })
72	97	.state('sobre', {
73	98	url: '/sobre',
74	99	views: {
...	...	@@ -94,6 +119,14 @@
94	119	'footer': { templateUrl: 'app/pages/footer/footer.html' }
95	120	}
96	121	})
	122	+ .state('mapa-do-site', {
	123	+ url: '/mapa-do-site',
	124	+ views: {
	125	+ 'header': { templateUrl: 'app/pages/header/header.html' },
	126	+ 'main': { templateUrl: 'app/pages/sitemap/sitemap.html' },
	127	+ 'footer': { templateUrl: 'app/pages/footer/footer.html' }
	128	+ }
	129	+ })
97	130	;
98	131
99	132	$urlRouterProvider.otherwise('/');
...	...
...	...	@@ -0,0 +1,51 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('dialoga')
	6	+ .controller('DuvidasPageController', DuvidasPageController);
	7	+
	8	+ /** @ngInject */
	9	+ function DuvidasPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
	10	+ $log.debug('DuvidasPageController');
	11	+
	12	+ var vm = this;
	13	+
	14	+ vm.ArticleService = ArticleService;
	15	+ vm.$state = $state;
	16	+ vm.$location = $location;
	17	+ vm.$scope = $scope;
	18	+ vm.$rootScope = $rootScope;
	19	+ vm.$log = $log;
	20	+
	21	+ vm.init();
	22	+ }
	23	+
	24	+ DuvidasPageController.prototype.init = function () {
	25	+ var vm = this;
	26	+
	27	+ var params = vm.$state.params;
	28	+ var slug = params.slug;
	29	+
	30	+ vm.article = null;
	31	+ vm.categories = null;
	32	+ vm.currentCategory = null;
	33	+ vm.loading = true;
	34	+ vm.error = false;
	35	+
	36	+ vm.loadData();
	37	+ };
	38	+
	39	+
	40	+ DuvidasPageController.prototype.loadData = function () {
	41	+ var vm = this;
	42	+
	43	+ vm.ArticleService.getCategories(function(categories){
	44	+ vm.categories = categories;
	45	+ }, function (error) {
	46	+ vm.error = error;
	47	+ vm.$log.error(error);
	48	+ });
	49	+
	50	+ };
	51	+})();
...	...
...	...	@@ -0,0 +1,3 @@
	1	+<div class="container page--duvidas">
	2	+ <h1>TODO: Home > Dúvidas</h1>
	3	+</div>
...	...
...	...	@@ -1,31 +0,0 @@
1		-<div class="container page--conheca-o-programa">
2		- <div ng-if="pageProgramaContent.article && pageProgramaContent.categories">
3		- <article-bar category="pageProgramaContent.article.categories[0]" categories="pageProgramaContent.categories"></article-bar>
4		- </div>
5		-
6		- <div ng-if="!pageProgramaContent.article.body">
7		- <div ng-if="!pageProgramaContent.error" class="alert alert-info" role="alert">Carregando detalhes sobre o progama...</div>
8		- <div ng-if="pageProgramaContent.error" class="alert alert-warning" role="alert">{{pageProgramaContent}}</div>
9		- </div>
10		-
11		- <div ng-if="pageProgramaContent.article.body">
12		- <article class="program-content">
13		- <div>
14		- <section ng-bind-html="pageProgramaContent.article.body"></section>
15		- </div>
16		- </article>
17		- <aside class="program--aside"ng-class="pageProgramaContent.article.categories[0].slug">
18		- <div class="col-sm-6" >
19		- <div class="button--themed">
20		- <button class="btn btn-block" ng-click="pageProgramaContent.goToPreview()">
21		- <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
22		- Participe
23		- </button>
24		- </div>
25		- </div>
26		- <div class="col-sm-6">
27		- <social-share></social-share>
28		- </div>
29		- </aside>
30		- </div>
31		-</div>
...	...	@@ -3,11 +3,11 @@
3	3
4	4	angular
5	5	.module('dialoga')
6		- .controller('ProgramaPageController', ProgramaPageController);
	6	+ .controller('ProgramasPageController', ProgramasPageController);
7	7
8	8	/** @ngInject */
9		- function ProgramaPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
10		- $log.debug('ProgramaPageController');
	9	+ function ProgramasPageController(ArticleService, $state, $location, $scope, $rootScope, $log) {
	10	+ $log.debug('ProgramasPageController');
11	11
12	12	var vm = this;
13	13
...	...	@@ -21,7 +21,7 @@
21	21	vm.init();
22	22	}
23	23
24		- ProgramaPageController.prototype.init = function () {
	24	+ ProgramasPageController.prototype.init = function () {
25	25	var vm = this;
26	26
27	27	var params = vm.$state.params;
...	...	@@ -33,6 +33,13 @@
33	33	vm.loading = true;
34	34	vm.error = false;
35	35
	36	+ vm.loadData();
	37	+ };
	38	+
	39	+
	40	+ ProgramasPageController.prototype.loadData = function () {
	41	+ var vm = this;
	42	+
36	43	vm.ArticleService.getCategories(function(categories){
37	44	vm.categories = categories;
38	45	}, function (error) {
...	...	@@ -40,29 +47,30 @@
40	47	vm.$log.error(error);
41	48	});
42	49
43		- vm.ArticleService.getArticleBySlug(slug, function(article){
44		- vm.article = article;
45		- vm.currentCategory = vm.article.categories[0];
	50	+ // vm.ArticleService.getArticleBySlug(slug, function(article){
	51	+ // vm.article = article;
	52	+ // vm.currentCategory = vm.article.categories[0];
46	53
47		- // load proposals
48		- // vm.ArticleService.getRandomProposal(program.id, function(proposal){
49		- // vm.article.proposal = proposal;
50		- // }, function (error){
51		- // vm.$log.error(error);
52		- // });
	54	+ // // load proposals
	55	+ // // vm.ArticleService.getRandomProposal(program.id, function(proposal){
	56	+ // // vm.article.proposal = proposal;
	57	+ // // }, function (error){
	58	+ // // vm.$log.error(error);
	59	+ // // });
53	60
54		- // load events
55		- // vm.ArticleService.getEvents(program.id, function(proposal){
56		- // vm.article.proposal = proposal;
57		- // }, function (error){
58		- // vm.$log.error(error);
59		- // });
	61	+ // // load events
	62	+ // // vm.ArticleService.getEvents(program.id, function(proposal){
	63	+ // // vm.article.proposal = proposal;
	64	+ // // }, function (error){
	65	+ // // vm.$log.error(error);
	66	+ // // });
	67	+
	68	+ // }, function (error) {
	69	+ // vm.error = error;
	70	+ // vm.$log.error(error);
	71	+ // vm.$log.info('Rollback to home page.');
	72	+ // vm.$state.go('inicio', {}, {location: true});
	73	+ // });
60	74
61		- }, function (error) {
62		- vm.error = error;
63		- vm.$log.error(error);
64		- vm.$log.info('Rollback to home page.');
65		- vm.$state.go('inicio', {}, {location: true});
66		- });
67	75	};
68	76	})();
...	...
1		-<div class="container">
2		-
3		- <div ng-if="pagePrograma.article && pagePrograma.categories">
4		- <article-bar category="pagePrograma.article.categories[0]" categories="pagePrograma.categories"></article-bar>
	1	+<div class="container page--conheca-o-programa">
	2	+ <div ng-if="pageProgramaContent.article && pageProgramaContent.categories">
	3	+ <article-bar category="pageProgramaContent.article.categories[0]" categories="pageProgramaContent.categories"></article-bar>
5	4	</div>
6	5
7		- <div ng-if="!pagePrograma.article">
8		- <div class="alert alert-info" role="alert">Carregando informações sobre o progama</div>
	6	+ <div ng-if="!pageProgramaContent.article.body">
	7	+ <div ng-if="!pageProgramaContent.error" class="alert alert-info" role="alert">Carregando detalhes sobre o progama...</div>
	8	+ <div ng-if="pageProgramaContent.error" class="alert alert-warning" role="alert">{{pageProgramaContent}}</div>
9	9	</div>
10	10
11		- <div ng-if="pagePrograma.article && pagePrograma.categories">
12		- <article-preview article="pagePrograma.article"></article-preview>
	11	+ <div ng-if="pageProgramaContent.article.body">
	12	+ <article class="program-content">
	13	+ <div>
	14	+ <section ng-bind-html="pageProgramaContent.article.body"></section>
	15	+ </div>
	16	+ </article>
	17	+ <aside class="program--aside"ng-class="pageProgramaContent.article.categories[0].slug">
	18	+ <div class="col-sm-6" >
	19	+ <div class="button--themed">
	20	+ <button class="btn btn-block" ng-click="pageProgramaContent.goToPreview()">
	21	+ <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
	22	+ Participe
	23	+ </button>
	24	+ </div>
	25	+ </div>
	26	+ <div class="col-sm-6">
	27	+ <social-share></social-share>
	28	+ </div>
	29	+ </aside>
13	30	</div>
14	31	</div>
15		-
...	...
...	...	@@ -0,0 +1,3 @@
	1	+<div class="container page--programas">
	2	+ <h1>TODO: Home > Programas</h1>
	3	+</div>
...	...
...	...	@@ -0,0 +1,3 @@
	1	+<div class="container page--propostas">
	2	+ <h1>TODO: Home > Propostas</h1>
	3	+</div>
...	...