Commit a813f8e0c50ecaa23710779d05c4b35d6ff85e3b
1 parent
83adfff5
Exists in
master
and in
8 other branches
Scroll to focused proposal
Showing
3 changed files
with
11 additions
and
5 deletions
Show diff stats
src/app/components/proposal-list/proposal-list.directive.js
src/app/pages/programas/programa-content.controller.js
| ... | ... | @@ -6,7 +6,7 @@ |
| 6 | 6 | .controller('ProgramaContentPageController', ProgramaContentPageController); |
| 7 | 7 | |
| 8 | 8 | /** @ngInject */ |
| 9 | - function ProgramaContentPageController(DialogaService, $state, $location, $scope, $rootScope, $element, $log) { | |
| 9 | + function ProgramaContentPageController(DialogaService, $state, $location, $scope, $rootScope, $element, $timeout, $log) { | |
| 10 | 10 | $log.debug('ProgramaContentPageController'); |
| 11 | 11 | |
| 12 | 12 | var vm = this; |
| ... | ... | @@ -17,6 +17,7 @@ |
| 17 | 17 | vm.$scope = $scope; |
| 18 | 18 | vm.$rootScope = $rootScope; |
| 19 | 19 | vm.$element = $element; |
| 20 | + vm.$timeout = $timeout; | |
| 20 | 21 | vm.$log = $log; |
| 21 | 22 | |
| 22 | 23 | vm.init(); |
| ... | ... | @@ -89,8 +90,12 @@ |
| 89 | 90 | vm.randomProposal = data.articles[0]; |
| 90 | 91 | } |
| 91 | 92 | |
| 92 | - if(data && data.article){ | |
| 93 | - vm.randomProposal = data.article; | |
| 93 | + // scroll to focused proposal | |
| 94 | + if(vm.search.proposal_id){ | |
| 95 | + vm.$timeout(function(){ | |
| 96 | + var target = angular.element('.focused-proposal'); | |
| 97 | + angular.element('body').animate({scrollTop: target.offset().top}, 'fast'); | |
| 98 | + }, 300); | |
| 94 | 99 | } |
| 95 | 100 | } |
| 96 | 101 | ... | ... |
src/app/pages/programas/programa.html
| ... | ... | @@ -62,7 +62,7 @@ |
| 62 | 62 | <h3 class="color-theme-fg">Propostas mais votadas</h3> |
| 63 | 63 | <proposal-carousel proposals="pageProgramaContent.proposalsTopRated" canVote="true"></proposal-carousel> |
| 64 | 64 | </div> |
| 65 | - <div class="col-xs-12" ng-if="pageProgramaContent.randomProposal"> | |
| 65 | + <div class="col-xs-12" ng-if="pageProgramaContent.randomProposal" ng-class="{'focused-proposal': !!pageProgramaContent.search.proposal_id}"> | |
| 66 | 66 | <h3 class="color-theme-fg">Propostas nesse programa</h3> |
| 67 | 67 | <proposal-box proposal="pageProgramaContent.randomProposal" topic="pageProgramaContent.article" category="pageProgramaContent.category" vote="true" focus="{{pageProgramaContent.search.proposal_id}}" ></proposal-box> |
| 68 | 68 | </div> | ... | ... |