javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

demo(swipeable-cards): remove unused code

Browse Source
This commit is contained in:
Andy Joslin
2014-04-03 07:16:27 -06:00
parent 8a12f2d16c
commit 1415c5e064
1 changed files with 31 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
demos/swipeable-cards/script.js
View File

@@ -1,77 +1,63 @@
angular.module('ionicApp', ['ionic', 'ionic.contrib.ui.cards'])
// Ionic Starter App
.config(function ($stateProvider, $urlRouterProvider) {
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'starter.services' is found in services.js
// 'starter.controllers' is found in controllers.js
// Ionic Starter App
$stateProvider
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'starter.services' is found in services.js
// 'starter.controllers' is found in controllers.js
angular.module('starter', ['ionic', 'ionic.contrib.ui.cards'])
.state('tab', {
url: "/",
templateUrl: "templates/home.html"
});
$urlRouterProvider.otherwise('/');
})
.directive('noScroll', function ($document) {
.directive('noScroll', function($document) {
return {
restrict: 'A',
link: function ($scope, $element, $attr) {
link: function($scope, $element, $attr) {
$document.on('touchmove', function (e) {
$document.on('touchmove', function(e) {
e.preventDefault();
});
}
};
}
})
.controller('CardsCtrl', function ($scope, $ionicSwipeCardDelegate) {
.controller('CardsCtrl', function($scope, $ionicSwipeCardDelegate) {
var cardTypes = [
{
title: 'Swipe down to clear the card',
image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic.png'
},
{
title: 'Where is this?',
image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic.png'
},
{
title: 'What kind of grass is this?',
image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic2.png'
},
{
title: 'What beach is this?',
image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic3.png'
},
{
title: 'What kind of clouds are these?',
image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic4.png'
}
{ title: 'Swipe down to clear the card', image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic.png' },
{ title: 'Where is this?', image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic.png' },
{ title: 'What kind of grass is this?', image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic2.png' },
{ title: 'What beach is this?', image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic3.png' },
{ title: 'What kind of clouds are these?', image: 'http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic4.png' }
];
$scope.cards = Array.prototype.slice.call(cardTypes, 0, 0);
$scope.cardSwiped = function (index) {
$scope.cardSwiped = function(index) {
$scope.addCard();
};
$scope.cardDestroyed = function (index) {
$scope.cardDestroyed = function(index) {
$scope.cards.splice(index, 1);
};
$scope.addCard = function () {
$scope.addCard = function() {
var newCard = cardTypes[Math.floor(Math.random() * cardTypes.length)];
newCard.id = Math.random();
$scope.cards.push(angular.extend({}, newCard));
};
}
})
.controller('CardCtrl', function ($scope, $ionicSwipeCardDelegate) {
$scope.goAway = function () {
.controller('CardCtrl', function($scope, $ionicSwipeCardDelegate) {
$scope.goAway = function() {
var card = $ionicSwipeCardDelegate.getSwipebleCard($scope);
card.swipe();
};
});
});