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

Fixed #201 #215 #210

Browse Source
This commit is contained in:
Max Lynch
2013-11-25 14:26:34 -06:00
parent ee034816fc
commit 4646f5d459
66 changed files with 1596 additions and 34342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/ext/angular/src/directive/ionicNavRouter.js vendored
View File

@@ -353,14 +353,10 @@ angular.module('ionic.ui.navRouter', ['ionic.service.gesture'])
if($rootScope.stackCursorPosition > 0) {
$window.history.back();
}
e.alreadyHandled = true;
return false;
};
var tapGesture = Gesture.on('tap', goBack, $element);
$element.bind('click', goBack);
$scope.$on('$destroy', function() {
Gesture.off(tapGesture, 'tap', goBack);
$element.unbind('click', goBack);
});
}
}
}]);

12
js/ext/angular/src/directive/ionicToggle.js vendored
View File

@@ -10,8 +10,8 @@ angular.module('ionic.ui.toggle', [])
restrict: 'E',
replace: true,
require: '?ngModel',
scope: true,
template: '<div class="toggle"><input type="checkbox"><div class="track"><div class="handle"></div></div></div>',
scope: {},
template: '<div ng-click="toggleIt($event)" class="toggle"><input type="checkbox"><div class="track"><div class="handle"></div></div></div>',
link: function($scope, $element, $attr, ngModel) {
var checkbox, handle;
@@ -29,12 +29,10 @@ angular.module('ionic.ui.toggle', [])
handle: handle[0]
});
$element.bind('click', function(e) {
$scope.toggleIt = function(e) {
$scope.toggle.tap(e);
$scope.$apply(function() {
ngModel.$setViewValue(checkbox[0].checked);
});
});
ngModel.$setViewValue(checkbox[0].checked);
};
ngModel.$render = function() {
$scope.toggle.val(ngModel.$viewValue);

2
js/ext/angular/src/service/ionicActionSheet.js vendored
View File

@@ -64,7 +64,7 @@ angular.module('ionic.service.actionSheet', ['ionic.service.templateLoad', 'ioni
scope.sheet = sheet;
$animate.addClass(element, 'active');
$animate.enter(sheetEl, element, function() {
$animate.enter(sheetEl, element, null, function() {
});
return sheet;

7
js/ext/angular/src/service/ionicModal.js vendored
View File

@@ -12,10 +12,9 @@ angular.module('ionic.service.modal', ['ionic.service.templateLoad', 'ngAnimate'
var _this = this;
var element = angular.element(this.el);
if(!element.parent().length) {
$animate.enter(element, angular.element($document[0].body), null, function() {
ionic.views.Modal.prototype.show.call(_this);
});
}
angular.element($document[0].body).append(element);
ionic.views.Modal.prototype.show.call(_this);
}
$animate.addClass(element, this.animation, function() {
});
},

9
js/ext/angular/test/actionSheet.html
View File

@@ -13,6 +13,13 @@
}
</style>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body ng-controller="ActionCtrl">
<div class="row">
@@ -125,8 +132,6 @@
</div>
<button ng-click="show()" class="button">Show</button>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('actionTest', ['ionic', 'ngAnimate'])

158
js/ext/angular/test/biglist.html
View File

@@ -1,158 +0,0 @@
<html ng-app="navtest">
<head>
<meta charset="utf-8">
<title>Big List</title>
<!-- sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<style>
.my-repeat-animation > .ng-enter,
.my-repeat-animation > .ng-leave,
.my-repeat-animation > .ng-move {
-webkit-transition: 0.2s linear all;
transition: 0.2s linear all;
position:relative;
}
.my-repeat-animation > .ng-enter {
left:-10px;
opacity:0;
}
.my-repeat-animation > .ng-enter.ng-enter-active {
left:0;
opacity:1;
}
.my-repeat-animation > .ng-leave {
left:0;
opacity:1;
}
.my-repeat-animation > .ng-leave.ng-leave-active {
left:-10px;
opacity:0;
}
.my-repeat-animation > .ng-move {
opacity:0.5;
}
.my-repeat-animation > .ng-move.ng-move-active {
opacity:1;
}
.spinner {
width: 40px;
height: 40px;
border: 2px solid rgba(255,255,255,0.4);
border-radius: 40px;
margin: auto;
margin-bottom: 100px;
}
.spin-thing {
width: 10px;
height: 10px;
background-color: #4a87ee;
border-radius: 10px;
}
</style>
</head>
<body>
<content ng-controller="testctrl" class="reveal-animation">
<virtual-list is-editing="iseditingitems" on-refresh-holding="almostrefreshing()" on-refresh-opening="almostrefreshprojects(ratio)" on-refresh="refreshprojects()" animation="my-repeat-animation" delete-icon="icon-minus-circled" reorder-icon="icon-navicon">
<list-refresher>
<spinner ratio="refreshratio.ratio"></spinner>
</list-refresher>
<list-item virt-repeat="item in items"
buttons="item.buttons"
can-delete="true"
can-reorder="true"
can-swipe="true"
on-delete="deleteproject(project)"
on-select="selectproject(project)">
{{item.text}}
<i class="{{item.icon}}"></i>
</list-item>
</virtual-list>
<button ng-click="edit()" class="button button-success">edit</button>
</content>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('navtest', ['ionic.ui.list', 'ionic.ui.content', 'ionic.ui.virtRepeat', 'ngAnimate'])
.directive('spinner', function() {
return {
restrict: 'e',
replace: true,
scope: {
ratio: '='
},
template: '<div class="spinner"><div class="spin-thing"></div></div>',
link: function($scope, $element, $attr) {
$scope.$watch('ratio', function(value) {
if(value > 0.97) {
value = 1;
}
var a = (value * 360) % 360;
var r = (a * math.pi) / 180;
var x = (math.sin(r) * 20) + 14;
var y = (math.cos(r) * -20) + 14;
$element[0].firstelementchild.style.webkittransform = 'translate3d(' + x + 'px, ' + y + 'px, 0)';
//$element[0].firstelementchild.setattribute('d', anim);
});
}
}
})
.controller('testctrl', function($scope) {
$scope.refreshratio = { ratio: 0 };
var removeitem = function(item) {
// remove ourselves
$scope.items.splice($scope.items.indexof(item), 1);
};
$scope.almostrefreshing = function() {
console.log('holding for refresh');
};
$scope.almostrefreshprojects = function(amt) {
console.log('almost refreshing', amt);
$scope.refreshratio.ratio = amt;
$scope.$apply();
};
$scope.refreshprojects = function() {
console.log("refreshing");
};
$scope.items = [];
for(var i = 0; i < 500; i++) {
$scope.items.push({
text: 'item ' + i,
candelete: true,
canswipe: true,
canreorder: true,
icon: 'icon-chevron-right',
hide: false,
deleteitem: removeitem,
buttons: [{
text: 'kill',
type: 'button-danger',
buttonclicked: removeitem,
}]
});
}
$scope.edit = function() {
$scope.iseditingitems = !$scope.iseditingitems;
}
});
</script>
</body>
</html>

5
js/ext/angular/test/checkbox.html
View File

@@ -19,6 +19,11 @@
</div>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/1.2.2/angular.js"></script>
<script src="../../../../dist/js/angular/1.2.2/angular-animate.js"></script>
<script src="../../../../dist/js/angular/1.2.2/angular-route.js"></script>
<script src="../../../../dist/js/angular/1.2.2/angular-touch.js"></script>
<script src="../../../../dist/js/angular/1.2.2/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('navTest', ['ionic.ui.checkbox', 'ionic.ui.content', 'ngAnimate', 'ngTouch'])

5
js/ext/angular/test/content.html
View File

@@ -8,6 +8,11 @@
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<style>
.reveal-animation {

4
js/ext/angular/test/directive/ionicToggle.unit.js
View File

@@ -8,14 +8,14 @@ describe('Ionic Toggle', function() {
}));
it('Should load', function() {
var toggleView = el.scope().toggle;
var toggleView = el.isolateScope().toggle;
expect(toggleView).not.toEqual(null);
expect(toggleView.checkbox).not.toEqual(null);
expect(toggleView.handle).not.toEqual(null);
});
it('Should toggle', function() {
var toggle = el.scope().toggle;
var toggle = el.isolateScope().toggle;
expect(toggle.val()).toBe(false);
el.click();
expect(toggle.val()).toBe(true);

5
js/ext/angular/test/gesture.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<style>
#box {

5
js/ext/angular/test/input.html
View File

@@ -25,6 +25,11 @@
</div>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('navTest', ['ionic']);

5
js/ext/angular/test/list.html
View File

@@ -89,6 +89,11 @@
</div>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('navTest', ['ionic.ui.list', 'ionic.ui.content', 'ngAnimate'])

11
js/ext/angular/test/loading.html
View File

@@ -12,11 +12,16 @@
<body ng-controller="LoadingCtrl">
<button class="button button-dark" ng-click="startLoading()">Load</button>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('ionic.example', ['ionic.service.loading'])
.controller('LoadingCtrl', function($scope, Loading) {
.controller('LoadingCtrl', function($scope, $timeout, Loading) {
$scope.startLoading = function() {
var loading = Loading.show({
width: 200,
@@ -24,6 +29,10 @@
animation: 'fade-in',
content: 'Getting current location...'
});
$timeout(function() {
loading.hide();
}, 2000);
};
});
</script>

5
js/ext/angular/test/modal.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>

9
js/ext/angular/test/nav.html
View File

@@ -23,6 +23,13 @@
}
</style>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>
@@ -44,8 +51,6 @@
</div>
</script>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
var pageNumber = 0;

5
js/ext/angular/test/navAndTabs.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>

5
js/ext/angular/test/navPush.html
View File

@@ -25,6 +25,11 @@
</style>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>

5
js/ext/angular/test/navRouter.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>

5
js/ext/angular/test/navTest.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>

9
js/ext/angular/test/radio.html
View File

@@ -6,6 +6,13 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>
@@ -24,8 +31,6 @@
</div>
</content>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('navTest', ['ionic', 'ngAnimate', 'ngTouch'])

5
js/ext/angular/test/sideMenu.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>

5
js/ext/angular/test/slideBox.html
View File

@@ -7,6 +7,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<style>
.box {

9
js/ext/angular/test/subControllers.html
View File

@@ -6,6 +6,13 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>
@@ -63,8 +70,6 @@
</tabs>
</menu>
</side-menu>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('sideMenuTest', ['ionic']);

9
js/ext/angular/test/tabBar.html
View File

@@ -43,6 +43,13 @@
text-decoration: line-through;
}
</style>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>
<tab-bar>
@@ -51,8 +58,6 @@
<tab-item title="Test"></tab-item>
</tab-bar>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('tabsTest', ['ionic.ui', 'ionic.service.modal', 'ionic.service.actionSheet'])

5
js/ext/angular/test/tabs.html
View File

@@ -44,6 +44,11 @@
}
</style>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body ng-controller="RootCtrl">

11
js/ext/angular/test/toggle.html
View File

@@ -6,6 +6,13 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/angular/angular.js"></script>
<script src="../../../../dist/js/angular/angular-animate.js"></script>
<script src="../../../../dist/js/angular/angular-route.js"></script>
<script src="../../../../dist/js/angular/angular-touch.js"></script>
<script src="../../../../dist/js/angular/angular-sanitize.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body>
@@ -17,10 +24,8 @@
</form>
</content>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('navTest', ['ionic.ui.toggle', 'ngAnimate', 'ngTouch'])
angular.module('navTest', ['ionic'])
.controller('TestCtrl', function($scope) {
$scope.data = {};