Commit 5b4c9b485f44d73c90b0b777f184367ca68c836e
1 parent
c2fa23f0
Exists in
master
and in
8 other branches
Do not limit width of article content
Showing
2 changed files
with
32 additions
and
18 deletions
Show diff stats
src/app/pages/article/article.controller.js
| @@ -7,15 +7,17 @@ | @@ -7,15 +7,17 @@ | ||
| 7 | 7 | ||
| 8 | /** @ngInject */ | 8 | /** @ngInject */ |
| 9 | function ArticlePageController(DialogaService, $state, $sce, $log) { | 9 | function ArticlePageController(DialogaService, $state, $sce, $log) { |
| 10 | - $log.debug('ArticlePageController'); | ||
| 11 | - | ||
| 12 | var vm = this; | 10 | var vm = this; |
| 11 | + | ||
| 13 | vm.DialogaService = DialogaService; | 12 | vm.DialogaService = DialogaService; |
| 14 | vm.$state = $state; | 13 | vm.$state = $state; |
| 15 | vm.$sce = $sce; | 14 | vm.$sce = $sce; |
| 16 | vm.$log = $log; | 15 | vm.$log = $log; |
| 17 | 16 | ||
| 18 | vm.init(); | 17 | vm.init(); |
| 18 | + vm.loadData(); | ||
| 19 | + | ||
| 20 | + vm.$log.debug('ArticlePageController'); | ||
| 19 | } | 21 | } |
| 20 | 22 | ||
| 21 | ArticlePageController.prototype.init = function() { | 23 | ArticlePageController.prototype.init = function() { |
| @@ -24,6 +26,13 @@ | @@ -24,6 +26,13 @@ | ||
| 24 | vm.page = vm.$state.current.name; | 26 | vm.page = vm.$state.current.name; |
| 25 | vm.article = null; | 27 | vm.article = null; |
| 26 | vm.loading = true; | 28 | vm.loading = true; |
| 29 | + | ||
| 30 | + vm.$log.debug('vm.page', vm.page); | ||
| 31 | + }; | ||
| 32 | + | ||
| 33 | + ArticlePageController.prototype.loadData = function() { | ||
| 34 | + var vm = this; | ||
| 35 | + | ||
| 27 | switch (vm.page){ | 36 | switch (vm.page){ |
| 28 | case 'sobre': | 37 | case 'sobre': |
| 29 | vm.DialogaService.getAbout(handleSuccess, handleError); | 38 | vm.DialogaService.getAbout(handleSuccess, handleError); |
| @@ -43,8 +52,10 @@ | @@ -43,8 +52,10 @@ | ||
| 43 | } | 52 | } |
| 44 | 53 | ||
| 45 | function handleError (error) { | 54 | function handleError (error) { |
| 55 | + vm.$log.debug('handleSuccess.error', error); | ||
| 46 | vm.loading = false; | 56 | vm.loading = false; |
| 47 | vm.error = error; | 57 | vm.error = error; |
| 48 | } | 58 | } |
| 49 | }; | 59 | }; |
| 60 | + | ||
| 50 | })(); | 61 | })(); |
src/app/pages/article/article.html
| @@ -7,25 +7,28 @@ | @@ -7,25 +7,28 @@ | ||
| 7 | </div> | 7 | </div> |
| 8 | 8 | ||
| 9 | <div class="container" role="main"> | 9 | <div class="container" role="main"> |
| 10 | - | ||
| 11 | - <div ng-if="pageArticle.loading"> | ||
| 12 | - <div class="alert alert-info"> | ||
| 13 | - Carregando conteúdo... | 10 | + <div class="row"> |
| 11 | + <div ng-if="pageArticle.loading"> | ||
| 12 | + <div class="alert alert-info"> | ||
| 13 | + Carregando conteúdo... | ||
| 14 | + </div> | ||
| 14 | </div> | 15 | </div> |
| 15 | - </div> | ||
| 16 | 16 | ||
| 17 | - <div ng-if="pageArticle.error"> | ||
| 18 | - <div class="alert alert-info"> | ||
| 19 | - Erro ao carregar conteúdo. | 17 | + <div ng-if="pageArticle.error"> |
| 18 | + <div class="alert alert-info"> | ||
| 19 | + Erro ao carregar conteúdo. | ||
| 20 | + </div> | ||
| 20 | </div> | 21 | </div> |
| 21 | </div> | 22 | </div> |
| 23 | +</div> | ||
| 22 | 24 | ||
| 23 | - <div ng-if="pageArticle.article"> | ||
| 24 | - <article> | ||
| 25 | - <header> | ||
| 26 | - <h1>{{::pageArticle.article.title}}</h1> | ||
| 27 | - </header> | ||
| 28 | - <section ng-bind-html="pageArticle.article.body"></section> | ||
| 29 | - </article> | ||
| 30 | - </div> | 25 | +<div ng-if="pageArticle.article"> |
| 26 | + <article> | ||
| 27 | + <header class="container"> | ||
| 28 | + <div class="row"> | ||
| 29 | + <h1>{{::pageArticle.article.title}}</h1> | ||
| 30 | + </div> | ||
| 31 | + </header> | ||
| 32 | + <div ng-bind-html="pageArticle.article.body"></div> | ||
| 33 | + </article> | ||
| 31 | </div> | 34 | </div> |