Download as
Browse Code »

Commit 83863d963d7d2d77f82e12ac07a0f55726eeb0e7

Authored by Leonardo Merlin
1 parent 02d216bc
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 a better feedback on loading home content

Showing 2 changed files with 24 additions and 3 deletions   Show diff stats
src/app/partials/inicio/inicio.controller.js
  Diff comments   View file @83863d9
... ... @@ -19,7 +19,11 @@
19 19 vm.$log.debug('InicioController');
20 20 }
21 21 InicioController.prototype.init = function() {
22   - this.loadHomeArticle();
  22 + var vm = this;
  23 +
  24 + vm.error = null;
  25 + vm.loading = true;
  26 + vm.loadHomeArticle();
23 27 };
24 28  
25 29 InicioController.prototype.loadHomeArticle = function() {
... ... @@ -33,9 +37,11 @@
33 37 }
34 38  
35 39 vm.ArticleService.getHome(function(data) {
  40 + vm.loading = false;
36 41 vm.article = data.article;
37 42 }, function(error) {
38 43 vm.$log.error('Error on getHome article.', error);
  44 + vm.error = 'Erro ao carregar o conteúdo principal.';
39 45 });
40 46 };
41 47  
... ...
src/app/partials/inicio/inicio.html
  Diff comments   View file @83863d9
... ... @@ -11,8 +11,23 @@
11 11 </div>
12 12 </div>
13 13 </section>
14   -<section class="section-gray">
  14 +
  15 +<section class="info-section" ng-if="inicio.loading || inicio.error">
  16 + <div class="container">
  17 + <div class="col-md-12">
  18 + <div ng-if="inicio.loading && !inicio.error">
  19 + <div class="alert alert-info">Carregando conteúdo...</div>
  20 + </div>
  21 +
  22 + <div ng-if="inicio.error">
  23 + <div class="alert alert-danger">{{inicio.error}}</div>
  24 + </div>
  25 + </div>
  26 + </div>
  27 +</section>
  28 +
  29 +<section class="section-gray" ng-if="inicio.article">
15 30 <div class="container">
16   - <programa-list ng-if="inicio.article" article="inicio.article"></programa-list>
  31 + <programa-list article="inicio.article"></programa-list>
17 32 </div>
18 33 </section>
... ...