javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Pull to refresh default style

Browse Source 
Needs optimizing though
This commit is contained in:
Max Lynch
2013-11-11 20:06:58 -06:00
parent e0b5cd26af
commit d8163fdd06
7 changed files with 69 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
dist/js/ionic-angular.js vendored
View File

@ -552,11 +552,21 @@ angular.module('ionic.ui.content', [])
template: '<div class="scroll-refresher"><div class="ionic-refresher-content"><div class="ionic-refresher"></div></div></div>',
scope: true,
link: function($scope, $element, $attr, scrollCtrl) {
$scope.$on('onRefresh', function() {
var icon = $element[0].querySelector('.ionic-refresher');
// Scale up the refreshing icon
var onRefreshOpening = ionic.throttle(function(e, amt) {
icon.style[ionic.CSS.TRANSFORM] = 'scale(' + Math.min((1 + amt), 2) + ')';
}, 100);
$scope.$on('onRefreshing', function(e) {
icon.style[ionic.CSS.TRANSFORM] = 'scale(2)';
});
$scope.$on('onRefreshOpening', function(amt) {
console.log('On refresh opening', amt);
$scope.$on('onRefresh', function(e) {
icon.style[ionic.CSS.TRANSFORM] = 'scale(1)';
});
$scope.$on('onRefreshOpening', onRefreshOpening);
}
}
})
@ -685,11 +695,11 @@ angular.module('ionic.ui.list', ['ngAnimate'])
hasPullToRefresh: ($scope.hasPullToRefresh !== 'false'),
onRefresh: function() {
$scope.onRefresh();
$scope.$broadcast('onRefresh');
$scope.$parent.$broadcast('onRefresh');
},
onRefreshOpening: function(amt) {
$scope.onRefreshOpening({amount: amt});
$scope.$broadcast('onRefreshOpening', amt);
$scope.$parent.$broadcast('onRefreshOpening', amt);
}
});