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

Flickr group search

Browse Source
This commit is contained in:
Max Lynch
2013-10-23 20:34:55 -05:00
parent c9a4780e27
commit 3a8bdbbc3d
3 changed files with 32 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
starters/weather/app.js
View File

@ -10,12 +10,28 @@ angular.module('ionic.weather', ['ionic.weather.services', 'ionic.weather.direct
}; };
}) })
.controller('WeatherCtrl', function($scope, Weather, Geo, Flickr) { .controller('WeatherCtrl', function($scope, $timeout, Weather, Geo, Flickr) {
var _this = this; var _this = this;
$scope.activeBgImageIndex = 0;
$scope.getActiveBackgroundImage = function() {
if($scope.activeBgImage) {
var item = $scope.activeBgImage;
var url = "http://farm"+ item.farm +".static.flickr.com/"+ item.server +"/"+ item.id +"_"+ item.secret +"_m.jpg";
return {
'background-image': 'url(' + url + ')'
};
}
};
this.getBackgroundImage = function(lat, lng) { this.getBackgroundImage = function(lat, lng) {
Flickr.search('sunset', lat, lng).then(function(resp) { Flickr.search('Madison, Wisconsin', lat, lng).then(function(resp) {
console.log('FLICKR', resp); var photos = resp.photos;
if(photos.photo.length) {
$scope.bgImages = photos.photo;
_this.cycleBgImages();
}
}, function(error) { }, function(error) {
console.error('Unable to get Flickr images', error); console.error('Unable to get Flickr images', error);
}); });
@ -41,6 +57,15 @@ angular.module('ionic.weather', ['ionic.weather.services', 'ionic.weather.direct
}); });
}; };
this.cycleBgImages = function() {
$timeout(function cycle() {
if($scope.bgImages) {
$scope.activeBgImage = $scope.bgImages[$scope.activeBgImageIndex++ % $scope.bgImages.length];
}
$timeout(cycle, 5000);
});
};
Geo.getLocation().then(function(position) { Geo.getLocation().then(function(position) {
console.log('GOT LAT', position); console.log('GOT LAT', position);
var lat = position.coords.latitude; var lat = position.coords.latitude;

4
starters/weather/index.html
View File

@ -21,7 +21,7 @@
<script src="app.js"></script> <script src="app.js"></script>
</head> </head>
<body ng-controller="WeatherCtrl"> <body ng-controller="WeatherCtrl">
<div id="bg-image"></div> <div id="bg-image" ng-style="getActiveBackgroundImage()"></div>
<header id="header" class="bar bar-header bar-clear"> <header id="header" class="bar bar-header bar-clear">
<h1 class="title"> <h1 class="title">
@ -57,7 +57,7 @@
s.addEventListener('momentumScrolled', function(e) { s.addEventListener('momentumScrolled', function(e) {
setTimeout(function() { setTimeout(function() {
var bgAmount = e.detail.scrollTop; var bgAmount = e.detail.scrollTop;
bgImage.style.top = -(bgAmount / 50); bgImage.style.webkitTransform = 'translate3d(0, ' + -(bgAmount / 40) + 'px, 0)';
//var blurAmount = Math.min(3, e.detail.scrollTop / 200); //var blurAmount = Math.min(3, e.detail.scrollTop / 200);

3
starters/weather/services.js
View File

@ -20,7 +20,8 @@ angular.module('ionic.weather.services', ['ngResource'])
var baseUrl = 'http://api.flickr.com/services/rest/' var baseUrl = 'http://api.flickr.com/services/rest/'
var flickrSearch = $resource(baseUrl, { var flickrSearch = $resource(baseUrl, {
method: 'flickr.photos.search', method: 'flickr.groups.pools.getPhotos',
group_id: '1463451@N25',
safe_search: 1, safe_search: 1,
jsoncallback: 'JSON_CALLBACK', jsoncallback: 'JSON_CALLBACK',
api_key: FLICKR_API_KEY, api_key: FLICKR_API_KEY,