Get contents (about and terms) from endpoint

Leonardo Merlin
1 parent 6b44a355
Showing 3 changed files with 56 additions and 19 deletions Show diff stats
src/app/partials/article/article.controller.js
src/app/partials/article/article.html
src/app/partials/article/article.service.js
@@ -6,23 +6,38 @@
     .controller('ArticleController', ArticleController);
   /** @ngInject */
-  function ArticleController($state, $log) {
+  function ArticleController(ArticleService, $state, $sce, $log) {
     $log.debug('ArticleController');
     var vm = this;
+    vm.ArticleService = ArticleService;
+    vm.$state = $state;
+    vm.$sce = $sce;
+    vm.$log = $log;
-    vm.page = $state.current.name;
+    vm.init();
+  }
+
+  ArticleController.prototype.init = function() {
+    var vm = this;
-    switch ( $state.current.name ) {
+    vm.page = vm.$state.current.name;
+    vm.article = null;
+    switch(vm.page){
       case 'sobre':
+        vm.ArticleService.getAbout(handleSuccess);
         break;
       case 'termos-de-uso':
+        vm.ArticleService.getTerms(handleSuccess);
         break;
       default:
-        $log.debug('$state.current.name', $state.current.name);
+        vm.$log.warn('Page not handled:', vm.page);
         break;
     }
-    // page = $state.is('sobre');
-  }
+    function handleSuccess (data) {
+      vm.article = data.article;
+      // vm.article.body = vm.$sce.trustAsHtml(vm.article.body);
+    }
+  };
 })();
-<article class="container" role="main">
-
-  Artigo <span>{{article.page}}</span>
-
-</article>
+<div class="container" role="main">
+	<span class="hide">{{::article.page}}</span>
+	<div ng-if="article.article">
+		<article>
+			<header>
+				<h1>{{::article.article.title}}</h1>
+			</header>
+			<section ng-bind-html="article.article.body"></section>
+		</article>
+	</div>
+</div>
@@ -10,11 +10,16 @@
     $log.debug('ArticleService');
     var idArticleHome = '103358';
+    var idArticleAbout = '108073';
+    var idArticleTerms = '107880';
+
     var _savedAbstract = null;
     var service = {
       apiArticles: $rootScope.basePath + '/api/v1/articles/',
       getHome: getHome,
+      getAbout: getAbout,
+      getTerms: getTerms,
       getArticleById: getArticleById,
       getArticleBySlug: getArticleBySlug,
       setHomeAbstract: setHomeAbstract,
@@ -25,13 +30,10 @@
     return service;
-    function loadArticleById (articleId, cbSuccess, cbError) {
+    function loadArticleById (articleId, params, cbSuccess, cbError) {
       var url = service.apiArticles + articleId;
-      var params = {
-        fields: 'id,children,categories,abstract,title,image,url,setting,position',
-        private_token: 'null'
-      };
+      var params = angular.extend({}, params);
       UtilService.get(url, {params: params}).then(function(data){
         CACHE[articleId] = data;
@@ -41,19 +43,22 @@
       });
     }
-    function getArticleById (articleId, cbSuccess, cbError) {
+    function getArticleById (articleId, params, cbSuccess, cbError) {
       var cachedArticle = CACHE[articleId];
       if(cachedArticle){
         cbSuccess(cachedArticle);
       }else{
-        loadArticleById(articleId, cbSuccess, cbError);
+        loadArticleById(articleId, params, cbSuccess, cbError);
       }
     }
     function getArticleBySlug (slug, cbSuccess, cbError) {
       var vm = this;
+      /**
+       * XXX: get from home article util we have a endpoint to do-it.
+       */
       vm.getHome(function (data) {
         var mainArticle = data.article;
         var programList = mainArticle.children;
@@ -81,7 +86,18 @@
     }
     function getHome (cbSuccess, cbError) {
-      return getArticleById(idArticleHome, _handleCategoryColors(cbSuccess), cbError);
+      return getArticleById(idArticleHome, {
+        fields: 'id,children,categories,abstract,title,image,url,setting,position',
+        private_token: 'null'
+      }, _handleCategoryColors(cbSuccess), cbError);
+    }
+
+    function getAbout (cbSuccess, cbError) {
+      return getArticleById(idArticleAbout, {}, cbSuccess, cbError);
+    }
+
+    function getTerms (cbSuccess, cbError) {
+      return getArticleById(idArticleTerms, {}, cbSuccess, cbError);
     }
     function _handleCategoryColors (cbSuccess) {
1	-<article class="container" role="main">
2	-
3	- Artigo <span>{{article.page}}</span>
4	-
5	-</article>	1	+<div class="container" role="main">
		2	+ <span class="hide">{{::article.page}}</span>
		3	+ <div ng-if="article.article">
		4	+ <article>
		5	+ <header>
		6	+ <h1>{{::article.article.title}}</h1>
		7	+ </header>
		8	+ <section ng-bind-html="article.article.body"></section>
		9	+ </article>
		10	+ </div>
		11	+</div>