49 |
50 | 56 | 57 | 58 | 59 | 65 | 66 | 96 | 97 | 126 | 127 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /$ionicActionSheet/takeAction/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('takeAction', ['ionic']) 3 | .controller('ActionSheetCtrl', function($scope, $ionicActionSheet) { 4 | $scope.messages = []; 5 | $scope.takeAction = function() { 6 | $ionicActionSheet.show({ 7 | buttons: [ 8 | { text: 'Share ' }, 9 | { text: 'Edit ' } 10 | ], 11 | destructiveText: 'Delete ', 12 | titleText: 'Modify your album', 13 | cancelText: 'Cancel', 14 | cancel: function() { 15 | $scope.message('Cancel'); 16 | return true; 17 | }, 18 | buttonClicked: function(index) { 19 | $scope.message(index === 0 ? 'Share' : 'Edit'); 20 | return true; 21 | }, 22 | destructiveButtonClicked: function() { 23 | $scope.message('Delete'); 24 | return true; 25 | } 26 | }); 27 | }; 28 | $scope.message = function(msg) { 29 | $scope.messages.unshift({ 30 | text: 'User pressed ' + msg 31 | }); 32 | }; 33 | }); 34 | -------------------------------------------------------------------------------- /$ionicActionSheet/takeAction/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicActionSheet-takeAction', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/$ionicActionSheet/takeAction/'); 5 | }); 6 | 7 | 8 | 9 | it('should open up actionsheet', function(){ 10 | var ele = element(by.css('.button')); 11 | ele.click(); 12 | }); 13 | 14 | it('should close when clicking backdrop', function(){ 15 | var ele = element(by.css('.action-sheet-backdrop')); 16 | ele.click(); 17 | }); 18 | 19 | it('should open up actionsheet again', function(){ 20 | var ele = element(by.css('.button')); 21 | ele.click(); 22 | }); 23 | 24 | it('should click the share button', function(){ 25 | var ele = element.all(by.css('.action-sheet-group .button')); 26 | ele.get(0).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /$ionicLoading/complete/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
53 |
24 |
25 |
30 |
31 |
50 |
51 |
52 | Loading Demo
26 | 27 | Load 28 | 29 |
32 |
36 |
40 |
44 |
46 | Hide Backdrop?
47 |
48 |
49 |
54 |
57 |
\nLoading...', 8 | noBackdrop: false 9 | }; 10 | $scope.showLoading = function() { 11 | $ionicLoading.show($scope.loadingOptions); 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /$ionicLoading/complete/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicLoading-complete', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/$ionicLoading/complete/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /$ionicPopup/popping/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
59 |
60 | 66 | 67 | 68 | 69 | 75 | 76 | 106 | 107 | 136 | 137 | 138 | 139 | 140 | -------------------------------------------------------------------------------- /$ionicLoading/complete/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('complete', ['ionic']) 3 | .controller('LoadingCtrl', function($scope, $ionicLoading) { 4 | $scope.loadingOptions = { 5 | duration: 1000, 6 | delay: 0, 7 | template: '\n\nLoading...', 8 | noBackdrop: false 9 | }; 10 | $scope.showLoading = function() { 11 | $ionicLoading.show($scope.loadingOptions); 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /$ionicLoading/complete/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicLoading-complete', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/$ionicLoading/complete/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /$ionicPopup/popping/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
25 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
40 |
41 |
44 |
45 |
46 | Popups
26 |
34 |
36 | Item {{item}}
37 |
38 |
39 |
47 |
50 |
52 |
53 | 59 | 60 | 61 | 62 | 68 | 69 | 99 | 100 | 129 | 130 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /$ionicPopup/popping/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('popping', ['ionic']) 3 | .controller('PopupCtrl', function($scope, $timeout, $q, $ionicPopup) { 4 | $scope.showPopup = function() { 5 | $scope.data = {} 6 | 7 | $ionicPopup.show({ 8 | templateUrl: 'popup-template.html', 9 | title: 'Enter Wi-Fi Password', 10 | subTitle: 'Please use normal things', 11 | scope: $scope, 12 | buttons: [ 13 | { text: 'Cancel', onTap: function(e) { return true; } }, 14 | { 15 | text: 'Save', 16 | type: 'button-positive', 17 | onTap: function(e) { 18 | return $scope.data.wifi; 19 | } 20 | }, 21 | ] 22 | }).then(function(res) { 23 | console.log('Tapped!', res); 24 | }, function(err) { 25 | console.log('Err:', err); 26 | }, function(msg) { 27 | console.log('message:', msg); 28 | }); 29 | 30 | $timeout(function() { 31 | $ionicPopup.confirm({ 32 | title: 'Do you like ice cream?', 33 | cancelText: 'No', 34 | okText: 'Yes, of course' 35 | }).then(function(res) { 36 | console.log('Your love for ice cream:', res); 37 | }); 38 | }, 1000); 39 | }; 40 | 41 | $scope.showConfirm = function() { 42 | $ionicPopup.confirm({ 43 | title: 'Consume Ice Cream', 44 | content: 'Are you sure you want to eat this ice cream?' 45 | }).then(function(res) { 46 | if(res) { 47 | console.log('You are sure'); 48 | } else { 49 | console.log('You are not sure'); 50 | } 51 | }); 52 | }; 53 | $scope.showPrompt = function() { 54 | $ionicPopup.prompt({ 55 | title: 'ID Check', 56 | subTitle: 'What is your name?' 57 | }).then(function(res) { 58 | console.log('Your name is', res); 59 | }); 60 | }; 61 | $scope.showPasswordPrompt = function() { 62 | $ionicPopup.prompt({ 63 | title: 'Password Check', 64 | subTitle: 'Enter your secret password', 65 | inputType: 'password', 66 | inputPlaceholder: 'Your password' 67 | }).then(function(res) { 68 | console.log('Your name is', res); 69 | }); 70 | }; 71 | $scope.showAlert = function() { 72 | $ionicPopup.alert({ 73 | title: 'Draft Saved', 74 | content: 'Your Data has been saved!' 75 | }).then(function(res) { 76 | console.log('Your Data has been saved!'); 77 | }, function(err) {}, 78 | function(popup) { 79 | console.log('Got popup', popup); 80 | $timeout(function() { 81 | popup.close(); 82 | }, 1000); 83 | }); 84 | }; 85 | }); 86 | -------------------------------------------------------------------------------- /$ionicPopup/popping/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicPopup-popping', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/$ionicPopup/popping/'); 5 | }); 6 | 7 | 8 | 9 | it('should open confirm popup', function(){ 10 | var ele = element.all(by.css('[ng-click="showConfirm()"]')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should cancel confirm popup', function(){ 15 | var ele = element.all(by.css('.popup-buttons .button')); 16 | ele.get(0).click(); 17 | }); 18 | 19 | it('should open prompt popup and enter input', function(){ 20 | var ele = element.all(by.css('[ng-click="showPrompt()"]')); 21 | ele.get(0).click(); 22 | ele = element(by.model('data.response')); 23 | ele.sendKeys('Waffles'); 24 | }); 25 | 26 | it('should close prompt popup by clicking OK', function(){ 27 | var ele = element.all(by.css('.popup-buttons .button')); 28 | ele.get(1).click(); 29 | }); 30 | 31 | it('should open alert popup', function(){ 32 | var ele = element.all(by.css('[ng-click="showAlert()"]')); 33 | ele.get(0).click(); 34 | }); 35 | 36 | it('should close alert popup', function(){ 37 | var ele = element.all(by.css('.popup-buttons .button')); 38 | ele.get(0).click(); 39 | }); 40 | 41 | }); 42 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | demo.ionicframework.com 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Ionic Demo 2 | ---------- 3 | 4 | Kitchen sink for Ionic Framework 5 | -------------------------------------------------------------------------------- /collectionRepeat/contacts/contacts.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | .button.button-icon.input-button { 4 | position: absolute; 5 | right: 0; 6 | top: 5px; 7 | color: #bbb; 8 | } 9 | .contact-item i.icon { 10 | display: inline-block; 11 | height: 60px; 12 | width: 40px; 13 | float: left; 14 | margin-right: 15px; 15 | font-size: 30px; 16 | text-align: center; 17 | } 18 | .list .item.contact-item { 19 | left: 0; 20 | right: 0; 21 | padding-top: 0; 22 | padding-bottom: 0; 23 | } 24 | -------------------------------------------------------------------------------- /collectionRepeat/contacts/contacts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 |
10 |
11 |
15 |
19 |
20 |
21 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/collectionRepeat/contacts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 1000 Contacts
6 | 9 |
23 |
24 |
25 |
26 |
59 |
27 |
28 |
33 |
34 |
38 |
42 |
43 |
44 |
55 |
56 |
57 |
58 | 1000 Contacts
29 | 32 |
60 |
63 |
65 |
66 | 72 | 73 | 74 | 75 | 81 | 82 | 112 | 113 | 142 | 143 | 144 | 145 | 146 | -------------------------------------------------------------------------------- /collectionRepeat/contacts/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('collectionRepeat-contacts', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/collectionRepeat/contacts/'); 5 | }); 6 | 7 | 8 | 9 | it('should filter by juan', function(){ 10 | var ele = element(by.model('search')); 11 | ele.sendKeys('juan'); 12 | }); 13 | 14 | it('should clear search', function(){ 15 | var ele = element(by.css('.bar-header .input-button')); 16 | ele.click(); 17 | }); 18 | 19 | }); 20 | -------------------------------------------------------------------------------- /index-ionic-demo-app.js: -------------------------------------------------------------------------------- 1 | var DEMO; 2 | 3 | 4 | angular.module('demoApp', ['ionic']) 5 | .controller('IonicDemoCtrl', function($scope, $ionicModal, $ionicLoading) { 6 | $scope.$demos = DEMOS; 7 | 8 | 9 | }) 10 | .filter('humanize', function() { 11 | return function(input) { 12 | return input.charAt(0).toUpperCase() + 13 | input.substring(1).replace(/[A-Z]/g, function(match, i) { 14 | return ' ' + match.toUpperCase(); 15 | }); 16 | }; 17 | }); 18 | 19 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
22 |
23 |
24 |
25 |
31 |
32 |
62 |
63 |
92 |
93 |
94 |
95 |
96 |
--------------------------------------------------------------------------------
/ionCheckbox/simple/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
20 |
21 |
21 |
22 |
23 |
24 |
25 |
29 |
30 |
32 | Pepperoni?
33 |
34 |
35 | Sausage?
36 |
37 |
38 | Jalapeno?
39 |
40 |
41 | Anchovies?
42 |
43 |
44 |
45 |
46 | 26 | Checkbox: Simple Usage 27 |
28 |Your pizza has {{toppings()}}!
31 |
47 |
50 |
52 |
53 | 59 | 60 | 61 | 62 | 68 | 69 | 99 | 100 | 129 | 130 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /ionCheckbox/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | var app = angular.module('simple', ['ionic']); 4 | app.controller('CheckboxSimpleCtrl', function($scope) { 5 | $scope.pizza = { 6 | pepperoni: true, 7 | sausage: false, 8 | anchovies: true, 9 | jalapenos: false 10 | }; 11 | 12 | $scope.toppings = function() { 13 | var toppings = Object.keys($scope.pizza).filter(function(flavor) { 14 | return $scope.pizza[flavor]; 15 | }); 16 | if (toppings.length > 1) { 17 | toppings[toppings.length - 1] = 'and ' + toppings[toppings.length - 1]; 18 | } 19 | if (toppings.length > 2) { 20 | return toppings.join(', '); 21 | } else if (toppings.length) { 22 | return toppings.join(' '); 23 | } else { 24 | return 'nothing'; 25 | } 26 | }; 27 | }); 28 | -------------------------------------------------------------------------------- /ionCheckbox/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionCheckbox-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionCheckbox/simple/'); 5 | }); 6 | 7 | 8 | 9 | it('should uncheck 1st and check 2nd checkbox by clicking its label', function(){ 10 | var ele = element.all(by.css('label.item-checkbox')); 11 | ele.get(0).click(); 12 | ele.get(1).click(); 13 | }); 14 | 15 | it('should check 1st and uncheck 2nd checkbox by clicking its label', function(){ 16 | var ele = element.all(by.css('label.item-checkbox')); 17 | ele.get(0).click(); 18 | ele.get(1).click(); 19 | }); 20 | 21 | }); 22 | -------------------------------------------------------------------------------- /ionFooterBar/simple/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
45 |
24 |
27 |
29 |
30 |
31 | Make it a Subfooter?
32 |
33 |
34 | Show it?
35 |
36 |
42 |
43 |
44 | Footer
28 |
37 |
41 |
38 | {{item}}
39 |
40 |
46 |
49 |
51 |
52 | 58 | 59 | 60 | 61 | 67 | 68 | 98 | 99 | 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /ionFooterBar/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('simple', ['ionic']) 3 | .controller('FooterBarSimpleCtrl', function($scope) { 4 | $scope.data = { 5 | isSubfooter: false, 6 | isShown: true 7 | }; 8 | 9 | $scope.items = []; 10 | for (var i = 0; i < 20; i++) { 11 | $scope.items.push('Item ' + i); 12 | } 13 | }); 14 | -------------------------------------------------------------------------------- /ionFooterBar/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionFooterBar-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionFooterBar/simple/'); 5 | }); 6 | 7 | 8 | 9 | it('should show subfooter', function(){ 10 | var ele = element.all(by.css('.toggle')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should hide subfooter', function(){ 15 | var ele = element.all(by.css('.toggle')); 16 | ele.get(0).click(); 17 | }); 18 | 19 | it('should hide footer', function(){ 20 | var ele = element.all(by.css('.toggle')); 21 | ele.get(1).click(); 22 | }); 23 | 24 | it('should show footer', function(){ 25 | var ele = element.all(by.css('.toggle')); 26 | ele.get(1).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /ionHeaderBar/simple/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
45 |
24 |
27 |
29 |
30 |
31 | Make it a Subheader?
32 |
33 |
34 | Show it?
35 |
36 |
42 |
43 |
44 | Tap Me to Scroll Top
28 |
37 |
41 |
38 | {{item}}
39 |
40 |
46 |
49 |
51 |
52 | 58 | 59 | 60 | 61 | 67 | 68 | 98 | 99 | 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /ionHeaderBar/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('simple', ['ionic']) 3 | .controller('HeaderBarSimpleCtrl', function($scope) { 4 | $scope.data = { 5 | isSubheader: false, 6 | isShown: true 7 | }; 8 | $scope.items = []; 9 | for (var i = 0; i < 20; i++) { 10 | $scope.items.push('Item ' + i); 11 | } 12 | }); 13 | -------------------------------------------------------------------------------- /ionHeaderBar/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionHeaderBar-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionHeaderBar/simple/'); 5 | }); 6 | 7 | 8 | 9 | it('should show subheader', function(){ 10 | var ele = element.all(by.css('.toggle')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should hide subheader', function(){ 15 | var ele = element.all(by.css('.toggle')); 16 | ele.get(0).click(); 17 | }); 18 | 19 | it('should hide header', function(){ 20 | var ele = element.all(by.css('.toggle')); 21 | ele.get(1).click(); 22 | }); 23 | 24 | it('should show header', function(){ 25 | var ele = element.all(by.css('.toggle')); 26 | ele.get(1).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /ionInfiniteScroll/forever/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
26 |
27 |
34 |
35 |
36 |
37 |
38 | Scroll Down to Load More
25 |
28 |
32 |
33 |
29 | {{item}}
30 |
31 |
39 |
42 |
44 |
45 | 51 | 52 | 53 | 54 | 60 | 61 | 91 | 92 | 121 | 122 | 123 | 124 | 125 | -------------------------------------------------------------------------------- /ionInfiniteScroll/forever/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('forever', ['ionic']) 3 | .controller('ForeverCtrl', function($scope, $timeout) { 4 | $scope.items = []; 5 | for (var i = 0; i < 20; i++) { 6 | $scope.items.push(i); 7 | } 8 | 9 | //Load more after 1 second delay 10 | $scope.loadMoreItems = function() { 11 | var i = $scope.items.length; 12 | var j = $scope.items.length + 5; 13 | for (; i < j; i++) { 14 | $scope.items.push('Item ' + i); 15 | } 16 | $scope.$broadcast('scroll.infiniteScrollComplete'); 17 | }; 18 | }); 19 | -------------------------------------------------------------------------------- /ionInfiniteScroll/forever/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionInfiniteScroll-forever', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionInfiniteScroll/forever/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /ionList/animated/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
52 |
26 |
27 |
29 |
30 |
31 |
32 |
34 | {{item}}
35 |
46 |
47 |
48 |
49 |
50 |
51 | Animated List
28 |
36 |
38 | Add
39 |
40 |
42 | Remove
43 |
44 |
45 |
53 |
56 |
58 |
59 | 65 | 66 | 67 | 68 | 74 | 75 | 105 | 106 | 135 | 136 | 137 | 138 | 139 | -------------------------------------------------------------------------------- /ionList/animated/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('animated', ['ionic']) 3 | .controller('AnimatedListCtrl', function($scope, $timeout) { 4 | var nextItem = 0; 5 | $scope.items = []; 6 | for (var i=0; i < 5; i++) { 7 | $scope.items.push('Item ' + (nextItem++)); 8 | } 9 | 10 | $scope.addItem = function(atIndex) { 11 | $scope.items.splice(atIndex + 1, 0, 'Item ' + nextItem); 12 | nextItem++; 13 | }; 14 | }); 15 | -------------------------------------------------------------------------------- /ionList/animated/style.css: -------------------------------------------------------------------------------- 1 | 2 | .animated-item .item-note .button { 3 | margin-top: 10px; 4 | } 5 | .animated-item { 6 | line-height: 52px; 7 | max-height: 52px; 8 | padding-top: 0; 9 | padding-bottom: 0; 10 | -webkit-transition: all 0.15s linear; 11 | -moz-transition: all 0.15s linear; 12 | transition: all 0.15s linear; 13 | } 14 | .animated-item.ng-leave.ng-leave-active, 15 | .animated-item.ng-enter { 16 | opacity: 0; 17 | max-height: 0; 18 | } 19 | .animated-item.ng-leave, 20 | .animated-item.ng-enter.ng-enter-active { 21 | opacity: 1; 22 | max-height: 52px; 23 | } 24 | -------------------------------------------------------------------------------- /ionList/animated/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionList-animated', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionList/animated/'); 5 | }); 6 | 7 | 8 | 9 | it('should add item below Item 0', function(){ 10 | var ele = element.all(by.css('.list .button')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should remove Item 0', function(){ 15 | var ele = element.all(by.css('.list .button')); 16 | ele.get(1).click(); 17 | }); 18 | 19 | }); 20 | -------------------------------------------------------------------------------- /ionList/reorderDelete/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
63 |
24 |
25 |
26 | Delete
27 |
28 |
33 |
34 |
36 |
38 |
39 | ![]()
40 |
44 | Share
45 |
46 |
48 | Edit
49 |
50 |
52 |
53 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | List
29 | 30 | Reorder 31 | 32 |Item {{item}}
41 |Here's an item description.
42 |
64 |
67 |
69 |
70 | 76 | 77 | 78 | 79 | 85 | 86 | 116 | 117 | 146 | 147 | 148 | 149 | 150 | -------------------------------------------------------------------------------- /ionList/reorderDelete/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('reorderDelete', ['ionic']) 3 | .controller('ListCtrl', function($scope, $ionicPopup) { 4 | $scope.data = { 5 | showReorder: false, 6 | showDelete: false 7 | }; 8 | 9 | $scope.items = []; 10 | for (var i = 0; i < 20; i++) { 11 | $scope.items.push(i); 12 | } 13 | 14 | $scope.toggleDelete = function() { 15 | $scope.data.showReorder = false; 16 | $scope.data.showDelete = !$scope.data.showDelete; 17 | }; 18 | $scope.toggleReorder = function() { 19 | $scope.data.showDelete = false; 20 | $scope.data.showReorder = !$scope.data.showReorder; 21 | }; 22 | 23 | $scope.share = function(item) { 24 | alert('Sharing ' + item); 25 | }; 26 | $scope.edit = function(item) { 27 | alert('Editing ' + item); 28 | }; 29 | 30 | $scope.reorderItem = function(item, fromIndex, toIndex) { 31 | $scope.items.splice(fromIndex, 1) 32 | $scope.items.splice(toIndex, 0, item) 33 | }; 34 | }); 35 | -------------------------------------------------------------------------------- /ionList/reorderDelete/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionList-reorderDelete', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionList/reorderDelete/'); 5 | }); 6 | 7 | 8 | 9 | it('should show reorder icons', function(){ 10 | var ele = element.all(by.css('.bar-header .button')); 11 | ele.get(1).click(); 12 | }); 13 | 14 | it('should hide reorder icons', function(){ 15 | var ele = element.all(by.css('.bar-header .button')); 16 | ele.get(1).click(); 17 | }); 18 | 19 | it('should show delete icons', function(){ 20 | var ele = element.all(by.css('.bar-header .button')); 21 | ele.get(0).click(); 22 | }); 23 | 24 | it('should hide delete icons', function(){ 25 | var ele = element.all(by.css('.bar-header .button')); 26 | ele.get(0).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /ionRadio/chooseOne/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
26 |
27 | One
31 | Two
32 | Three
33 | Four
34 | Five
35 |
36 |
37 |
38 | Radios
25 |28 | Your Choice: {{choice}} 29 |
30 |
39 |
42 |
44 |
45 | 51 | 52 | 53 | 54 | 60 | 61 | 91 | 92 | 121 | 122 | 123 | 124 | 125 | -------------------------------------------------------------------------------- /ionRadio/chooseOne/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('chooseOne', ['ionic']) 3 | .controller('ChooseOneCtrl', function($scope) { 4 | $scope.choice = 'two'; 5 | }); 6 | -------------------------------------------------------------------------------- /ionRadio/chooseOne/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionRadio-chooseOne', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionRadio/chooseOne/'); 5 | }); 6 | 7 | 8 | 9 | it('should check 3rd radio by clicking its label', function(){ 10 | var ele = element.all(by.css('label.item-radio')); 11 | ele.get(2).click(); 12 | }); 13 | 14 | it('should check 4th radio by clicking its label', function(){ 15 | var ele = element.all(by.css('label.item-radio')); 16 | ele.get(3).click(); 17 | }); 18 | 19 | }); 20 | -------------------------------------------------------------------------------- /ionRefresher/refreshList/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
26 |
27 |
28 |
29 |
33 |
34 |
35 |
36 | {{item}}
37 |
38 |
39 |
40 |
41 |
42 | Pull to Refresh
25 |
43 |
46 |
48 |
49 | 55 | 56 | 57 | 58 | 64 | 65 | 95 | 96 | 125 | 126 | 127 | 128 | 129 | -------------------------------------------------------------------------------- /ionRefresher/refreshList/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('refreshList', ['ionic']) 3 | .controller('RefresherCtrl', function($scope, $timeout) { 4 | $scope.items = ['Item 1', 'Item 2', 'Item 3']; 5 | 6 | $scope.doRefresh = function() { 7 | $timeout(function() { 8 | $scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4); 9 | $scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4); 10 | $scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4); 11 | $scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4); 12 | $scope.$broadcast('scroll.refreshComplete'); 13 | }, 1000); 14 | }; 15 | }); 16 | -------------------------------------------------------------------------------- /ionRefresher/refreshList/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionRefresher-refreshList', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionRefresher/refreshList/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /ionSideMenus/navWithMenu/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
25 |
26 |
57 |
58 |
68 |
69 |
76 |
77 |
91 |
92 |
102 |
103 |
104 |
105 |
108 |
110 |
111 | 117 | 118 | 119 | 120 | 126 | 127 | 157 | 158 | 187 | 188 | 189 | 190 | 191 | -------------------------------------------------------------------------------- /ionSideMenus/navWithMenu/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('navWithMenu', ['ionic']) 3 | .config(function($stateProvider, $urlRouterProvider) { 4 | $stateProvider 5 | 6 | .state('app', { 7 | url: "/app", 8 | abstract: true, 9 | templateUrl: "templates/menu.html", 10 | controller: 'AppCtrl' 11 | }) 12 | 13 | .state('app.search', { 14 | url: "/search", 15 | views: { 16 | 'menuContent' :{ 17 | templateUrl: "templates/search.html" 18 | } 19 | } 20 | }) 21 | 22 | .state('app.browse', { 23 | url: "/browse", 24 | views: { 25 | 'menuContent' :{ 26 | templateUrl: "templates/browse.html" 27 | } 28 | } 29 | }) 30 | .state('app.playlists', { 31 | url: "/playlists", 32 | views: { 33 | 'menuContent' :{ 34 | templateUrl: "templates/playlists.html", 35 | controller: 'PlaylistsCtrl' 36 | } 37 | } 38 | }) 39 | 40 | .state('app.single', { 41 | url: "/playlists/:playlistId", 42 | views: { 43 | 'menuContent' :{ 44 | templateUrl: "templates/playlist.html", 45 | controller: 'PlaylistCtrl' 46 | } 47 | } 48 | }); 49 | // if none of the above states are matched, use this as the fallback 50 | $urlRouterProvider.otherwise('/app/playlists'); 51 | }) 52 | 53 | .controller('AppCtrl', function($scope) { 54 | }) 55 | 56 | .controller('PlaylistsCtrl', function($scope) { 57 | $scope.playlists = [ 58 | { title: 'Reggae', id: 1 }, 59 | { title: 'Chill', id: 2 }, 60 | { title: 'Dubstep', id: 3 }, 61 | { title: 'Indie', id: 4 }, 62 | { title: 'Rap', id: 5 }, 63 | { title: 'Cowbell', id: 6 } 64 | ]; 65 | }) 66 | 67 | .controller('PlaylistCtrl', function($scope, $stateParams) { 68 | }) 69 | -------------------------------------------------------------------------------- /ionSideMenus/navWithMenu/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionSideMenus-navWithMenu', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionSideMenus/navWithMenu/'); 5 | }); 6 | 7 | 8 | 9 | it('should nav to Search from left menu', function(){ 10 | var ele = element.all(by.css('button[menu-toggle="left"]')); 11 | ele.get(0).click(); 12 | 13 | browser.sleep(500).then(function(){ 14 | var itemEle = element.all(by.css('ion-side-menu[side="left"] a')); 15 | itemEle.get(0).click(); 16 | }); 17 | }); 18 | 19 | it('should nav to Browse from left menu', function(){ 20 | var ele = element.all(by.css('button[menu-toggle="left"]')); 21 | ele.get(0).click(); 22 | 23 | browser.sleep(500).then(function(){ 24 | var itemEle = element.all(by.css('ion-side-menu[side="left"] a')); 25 | itemEle.get(1).click(); 26 | }); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /ionSideMenus/simple/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
32 |
36 |
37 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 | Close Menu
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | 33 | Side 34 |
35 |Slide the content or press the button on the header to open a side menu.
38 |
55 |
58 |
60 |
61 | 67 | 68 | 69 | 70 | 76 | 77 | 107 | 108 | 137 | 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /ionSideMenus/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | var app = angular.module('simple', ['ionic']); 3 | app.controller('SideMenusSimpleCtrl', function($scope, $ionicSideMenuDelegate) { 4 | 5 | $scope.toggleLeft = function() { 6 | $ionicSideMenuDelegate.toggleLeft(); 7 | }; 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /ionSideMenus/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionSideMenus-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionSideMenus/simple/'); 5 | }); 6 | 7 | 8 | it('should show left menu', function(){ 9 | var ele = element.all(by.css('.bar-header .button')); 10 | ele.get(0).click(); 11 | }); 12 | 13 | it('should hide left menu by clicking header button', function(){ 14 | var ele = element.all(by.css('.bar-header .button')); 15 | ele.get(0).click(); 16 | }); 17 | 18 | it('should show left menu', function(){ 19 | var ele = element.all(by.css('.bar-header .button')); 20 | ele.get(0).click(); 21 | }); 22 | 23 | it('should hide left menu by close menu item', function(){ 24 | var ele = element.all(by.css('ion-side-menu[side="left"] a')); 25 | ele.get(0).click(); 26 | }); 27 | 28 | }); 29 | -------------------------------------------------------------------------------- /ionSlideBox/appIntro/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
102 |
103 |
106 | =b;e--)d.end&&d.end(f[e]);f.length=b}}var c,g,f=[],l=a;for(f.last=function(){return f[f.length-1]};a;){g=!0;if(f.last()&&x[f.last()])a=a.replace(RegExp("(.*)<\\s*\\/\\s*"+f.last()+"[^>]*>","i"),function(c,a){a=a.replace(H,"$1").replace(I,"$1");d.chars&&d.chars(r(a));return""}),e("",f.last());else{if(0===a.indexOf("\x3c!--"))c=a.indexOf("--",4),0<=c&&a.lastIndexOf("--\x3e",c)===c&&(d.comment&&d.comment(a.substring(4,c)),a=a.substring(c+3),g=!1);else if(y.test(a)){if(c=a.match(y))a=
8 | a.replace(c[0],""),g=!1}else if(J.test(a)){if(c=a.match(z))a=a.substring(c[0].length),c[0].replace(z,e),g=!1}else K.test(a)&&(c=a.match(A))&&(a=a.substring(c[0].length),c[0].replace(A,b),g=!1);g&&(c=a.indexOf("<"),g=0>c?a:a.substring(0,c),a=0>c?"":a.substring(c),d.chars&&d.chars(r(g)))}if(a==l)throw L("badparse",a);l=a}e()}function r(a){if(!a)return"";var d=M.exec(a);a=d[1];var b=d[3];if(d=d[2])n.innerHTML=d.replace(//g,">")}function s(a,d){var b=!1,e=h.bind(a,a.push);return{start:function(a,g,f){a=h.lowercase(a);!b&&x[a]&&(b=a);b||!0!==C[a]||(e("<"),e(a),h.forEach(g,function(b,f){var g=h.lowercase(f),k="img"===a&&"src"===g||"background"===g;!0!==P[g]||!0===D[g]&&!d(b,k)||(e(" "),e(f),e('="'),e(B(b)),e('"'))}),
10 | e(f?"/>":">"))},end:function(a){a=h.lowercase(a);b||!0!==C[a]||(e(""));a==b&&(b=!1)},chars:function(a){b||e(B(a))}}}var L=h.$$minErr("$sanitize"),A=/^<\s*([\w:-]+)((?:\s+[\w:-]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)\s*>/,z=/^<\s*\/\s*([\w:-]+)[^>]*>/,G=/([\w:-]+)(?:\s*=\s*(?:(?:"((?:[^"])*)")|(?:'((?:[^'])*)')|([^>\s]+)))?/g,K=/^]*?)>/i,I=/]/,b=/^mailto:/;return function(e,c){function g(a){a&&m.push(E(a))}function f(a,b){m.push("');g(b);m.push("")}if(!e)return e;
14 | for(var l,k=e,m=[],n,p;l=k.match(d);)n=l[0],l[2]==l[3]&&(n="mailto:"+n),p=l.index,g(k.substr(0,p)),f(n,l[0].replace(b,"")),k=k.substring(p+l[0].length);g(k);return a(m.join(""))}}])})(window,window.angular);
15 | //# sourceMappingURL=angular-sanitize.min.js.map
16 |
--------------------------------------------------------------------------------
/ionic/version.json:
--------------------------------------------------------------------------------
1 | {
2 | "version": "1.0.0-beta.8",
3 | "codename": "einsteinium-emu",
4 | "date": "2014-06-16",
5 | "time": "20:39:29"
6 | }
7 |
--------------------------------------------------------------------------------
/itemFloatingLabel/floatingLabel/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
108 |
109 | 115 | 116 | 117 | 118 | 124 | 125 | 155 | 156 | 185 | 186 | 187 | 188 | 189 | -------------------------------------------------------------------------------- /ionSlideBox/appIntro/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('appIntro', ['ionic']) 3 | 4 | .config(function ($stateProvider, $urlRouterProvider) { 5 | 6 | $stateProvider 7 | .state('intro', { 8 | url: '/', 9 | templateUrl: 'intro.html', 10 | controller: 'IntroCtrl' 11 | }) 12 | .state('main', { 13 | url: '/main', 14 | templateUrl: 'main.html', 15 | controller: 'MainCtrl' 16 | }); 17 | 18 | $urlRouterProvider.otherwise("/"); 19 | 20 | }) 21 | 22 | .controller('IntroCtrl', function ($scope, $state, $ionicSlideBoxDelegate) { 23 | 24 | // Called to navigate to the main app 25 | $scope.startApp = function () { 26 | $state.go('main'); 27 | }; 28 | $scope.next = function () { 29 | $ionicSlideBoxDelegate.next(); 30 | }; 31 | $scope.previous = function () { 32 | $ionicSlideBoxDelegate.previous(); 33 | }; 34 | 35 | // Called each time the slide changes 36 | $scope.slideChanged = function (index) { 37 | $scope.slideIndex = index; 38 | }; 39 | }) 40 | 41 | .controller('MainCtrl', function ($scope, $state) { 42 | $scope.toIntro = function () { 43 | $state.go('intro'); 44 | }; 45 | }); 46 | -------------------------------------------------------------------------------- /ionSlideBox/appIntro/style.css: -------------------------------------------------------------------------------- 1 | 2 | .slider { 3 | height: 100%; 4 | } 5 | .slider-slide { 6 | padding-top: 80px; 7 | background-color: #fff; 8 | color: #000; 9 | text-align: center; 10 | font-weight: 300; 11 | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 12 | } 13 | #logo { 14 | margin: 30px 0px; 15 | } 16 | #list { 17 | margin: 30px auto; 18 | width: 170px; 19 | font-size: 20px; 20 | } 21 | #list ol { 22 | margin-top: 30px; 23 | } 24 | #list ol li { 25 | margin: 10px 0px; 26 | list-style: decimal; 27 | text-align: left; 28 | } 29 | -------------------------------------------------------------------------------- /ionSlideBox/appIntro/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionSlideBox-appIntro', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionSlideBox/appIntro/'); 5 | }); 6 | 7 | 8 | it('should go to slide 2', function(){ 9 | var ele = element(by.css('.right-buttons .button')); 10 | ele.click(); 11 | }); 12 | 13 | it('should go to slide 1', function(){ 14 | var ele = element(by.css('.left-buttons .button')); 15 | ele.click(); 16 | }); 17 | 18 | it('should go to slide 2', function(){ 19 | var ele = element(by.css('.right-buttons .button')); 20 | ele.click(); 21 | }); 22 | 23 | it('should go to slide 3', function(){ 24 | var ele = element(by.css('.right-buttons .button')); 25 | ele.click(); 26 | }); 27 | 28 | it('should go to main app', function(){ 29 | var ele = element(by.css('.right-buttons .button')); 30 | ele.click(); 31 | }); 32 | 33 | it('should start over', function(){ 34 | var ele = element(by.css('ion-nav-view .button')); 35 | ele.click(); 36 | }); 37 | 38 | }); 39 | -------------------------------------------------------------------------------- /ionTabs/tabsAndNav/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('tabsAndNav', ['ionic']) 3 | .config(function ($stateProvider, $urlRouterProvider) { 4 | 5 | $stateProvider 6 | .state('tabs', { 7 | url: "/tab", 8 | abstract: true, 9 | templateUrl: "tabs.html" 10 | }) 11 | .state('tabs.home', { 12 | url: "/home", 13 | views: { 14 | 'home-tab': { 15 | templateUrl: "home.html", 16 | controller: 'HomeTabCtrl' 17 | } 18 | } 19 | }) 20 | .state('tabs.facts', { 21 | url: "/facts", 22 | views: { 23 | 'home-tab': { 24 | templateUrl: "facts.html" 25 | } 26 | } 27 | }) 28 | .state('tabs.facts2', { 29 | url: "/facts2", 30 | views: { 31 | 'home-tab': { 32 | templateUrl: "facts2.html" 33 | } 34 | } 35 | }) 36 | .state('tabs.about', { 37 | url: "/about", 38 | views: { 39 | 'about-tab': { 40 | templateUrl: "about.html" 41 | } 42 | } 43 | }) 44 | .state('tabs.navstack', { 45 | url: "/navstack", 46 | views: { 47 | 'about-tab': { 48 | templateUrl: "nav-stack.html" 49 | } 50 | } 51 | }) 52 | .state('tabs.contact', { 53 | url: "/contact", 54 | views: { 55 | 'contact-tab': { 56 | templateUrl: "contact.html" 57 | } 58 | } 59 | }); 60 | 61 | 62 | $urlRouterProvider.otherwise("/tab/home"); 63 | 64 | }) 65 | 66 | .controller('HomeTabCtrl', function ($scope) { 67 | console.log('We have arrived at HomeTabCtrl.'); 68 | }); 69 | -------------------------------------------------------------------------------- /ionTabs/tabsAndNav/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionTabs-tabsAndNav', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/ionTabs/tabsAndNav/'); 5 | }); 6 | 7 | 8 | it('should go to page 2 in Home tab', function(){ 9 | var ele = element.all(by.css('ion-nav-view[name="home-tab"] .button')); 10 | ele.get(0).click(); 11 | }); 12 | 13 | it('should go to page 3 in Home tab', function(){ 14 | var ele = element.all(by.css('ion-nav-view[name="home-tab"] .button')); 15 | ele.get(1).click(); 16 | }); 17 | 18 | it('should go to About tab', function(){ 19 | var ele = element.all(by.css('.tabs a')); 20 | ele.get(1).click(); 21 | }); 22 | 23 | it('should go to page 2 in About tab', function(){ 24 | var ele = element.all(by.css('ion-nav-view[name="about-tab"] .button')); 25 | ele.get(0).click(); 26 | }); 27 | 28 | it('should go to Contact tab', function(){ 29 | var ele = element.all(by.css('.tabs a')); 30 | ele.get(2).click(); 31 | }); 32 | 33 | it('should go to About tab and still be at page 2', function(){ 34 | var ele = element.all(by.css('.tabs a')); 35 | ele.get(1).click(); 36 | }); 37 | 38 | it('should go to Home tab and still be at page 3', function(){ 39 | var ele = element.all(by.css('.tabs a')); 40 | ele.get(0).click(); 41 | }); 42 | 43 | it('should go back to page 2 in Home tab', function(){ 44 | var ele = element(by.css('ion-nav-back-button')); 45 | ele.click(); 46 | }); 47 | 48 | it('should go back to page 1 in Home tab', function(){ 49 | var ele = element(by.css('ion-nav-back-button')); 50 | ele.click(); 51 | }); 52 | 53 | it('should go to About tab and still be at page 2', function(){ 54 | var ele = element.all(by.css('.tabs a')); 55 | ele.get(1).click(); 56 | }); 57 | 58 | it('should go back to page 1 in About tab', function(){ 59 | var ele = element(by.css('ion-nav-back-button')); 60 | ele.click(); 61 | }); 62 | 63 | it('should go to Home tab and still be at page 1', function(){ 64 | var ele = element.all(by.css('.tabs a')); 65 | ele.get(0).click(); 66 | }); 67 | 68 | }); 69 | -------------------------------------------------------------------------------- /ionic/fonts/ionicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quangtn/ionic-demo/78ef0d78c6df9996851b42ede0db5047f584b5a9/ionic/fonts/ionicons.eot -------------------------------------------------------------------------------- /ionic/fonts/ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quangtn/ionic-demo/78ef0d78c6df9996851b42ede0db5047f584b5a9/ionic/fonts/ionicons.ttf -------------------------------------------------------------------------------- /ionic/fonts/ionicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quangtn/ionic-demo/78ef0d78c6df9996851b42ede0db5047f584b5a9/ionic/fonts/ionicons.woff -------------------------------------------------------------------------------- /ionic/js/angular/angular-resource.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | AngularJS v1.2.17 3 | (c) 2010-2014 Google, Inc. http://angularjs.org 4 | License: MIT 5 | */ 6 | (function(H,a,A){'use strict';function D(p,g){g=g||{};a.forEach(g,function(a,c){delete g[c]});for(var c in p)!p.hasOwnProperty(c)||"$"===c.charAt(0)&&"$"===c.charAt(1)||(g[c]=p[c]);return g}var v=a.$$minErr("$resource"),C=/^(\.[a-zA-Z_$][0-9a-zA-Z_$]*)+$/;a.module("ngResource",["ng"]).factory("$resource",["$http","$q",function(p,g){function c(a,c){this.template=a;this.defaults=c||{};this.urlParams={}}function t(n,w,l){function r(h,d){var e={};d=x({},w,d);s(d,function(b,d){u(b)&&(b=b());var k;if(b&& 7 | b.charAt&&"@"==b.charAt(0)){k=h;var a=b.substr(1);if(null==a||""===a||"hasOwnProperty"===a||!C.test("."+a))throw v("badmember",a);for(var a=a.split("."),f=0,c=a.length;f
21 |
22 |
23 |
24 |
25 |
29 |
30 |
31 |
32 |
48 |
49 |
50 | 26 | Text Input: Floating Label 27 |
28 |
33 |
37 |
41 |
45 |
46 |
47 |
51 |
54 |
56 |
57 | 63 | 64 | 65 | 66 | 72 | 73 | 103 | 104 | 133 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /itemFloatingLabel/floatingLabel/index.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | var app = angular.module('floatingLabel', ['ionic']); 4 | 5 | app.controller('AppCtrl', function($scope) { 6 | 7 | $scope.favSong = "Tubthumping"; 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /itemFloatingLabel/floatingLabel/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('itemFloatingLabel-floatingLabel', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/itemFloatingLabel/floatingLabel/'); 5 | }); 6 | 7 | 8 | 9 | it('should enter text into floating label inputs', function(){ 10 | var ele = element.all(by.css('label.item-floating-label input, label.item-floating-label textarea')); 11 | ele.get(0).sendKeys('Dr. Pumpernickel'); 12 | ele.get(1).sendKeys('Round House Kicks'); 13 | }); 14 | 15 | it('should add and remove text from floating label inputs', function(){ 16 | var ele = element.all(by.css('label.item-floating-label input, label.item-floating-label textarea')); 17 | 18 | for(var x=0; x<'Dr. Pumpernickel'.length; x++) { 19 | ele.get(0).sendKeys(protractor.Key.BACK_SPACE); 20 | } 21 | 22 | ele.get(1).sendKeys(" To The Face"); 23 | 24 | for(var x=0; x<'Tubthumping'.length; x++) { 25 | ele.get(2).sendKeys(protractor.Key.BACK_SPACE); 26 | } 27 | 28 | }); 29 | 30 | }); 31 | -------------------------------------------------------------------------------- /nightly/$ionicActionSheet/takeAction/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
26 |
27 |
30 |
41 |
42 |
43 | Action
25 |
31 |
40 |
32 | User Log
33 |
34 |
35 |
39 |
36 | {{message.text}}
37 |
38 |
44 |
47 |
49 |
50 | 56 | 57 | 58 | 59 | 65 | 66 | 96 | 97 | 126 | 127 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /nightly/$ionicActionSheet/takeAction/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('takeAction', ['ionic']) 3 | .controller('ActionSheetCtrl', function($scope, $ionicActionSheet) { 4 | $scope.messages = []; 5 | $scope.takeAction = function() { 6 | $ionicActionSheet.show({ 7 | buttons: [ 8 | { text: 'Share ' }, 9 | { text: 'Edit ' } 10 | ], 11 | destructiveText: 'Delete ', 12 | titleText: 'Modify your album', 13 | cancelText: 'Cancel', 14 | cancel: function() { 15 | $scope.message('Cancel'); 16 | return true; 17 | }, 18 | buttonClicked: function(index) { 19 | $scope.message(index === 0 ? 'Share' : 'Edit'); 20 | return true; 21 | }, 22 | destructiveButtonClicked: function() { 23 | $scope.message('Delete'); 24 | return true; 25 | } 26 | }); 27 | }; 28 | $scope.message = function(msg) { 29 | $scope.messages.unshift({ 30 | text: 'User pressed ' + msg 31 | }); 32 | }; 33 | }); 34 | -------------------------------------------------------------------------------- /nightly/$ionicActionSheet/takeAction/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicActionSheet-takeAction', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/$ionicActionSheet/takeAction/'); 5 | }); 6 | 7 | 8 | 9 | it('should open up actionsheet', function(){ 10 | var ele = element(by.css('.button')); 11 | ele.click(); 12 | }); 13 | 14 | it('should close when clicking backdrop', function(){ 15 | var ele = element(by.css('.action-sheet-backdrop')); 16 | ele.click(); 17 | }); 18 | 19 | it('should open up actionsheet again', function(){ 20 | var ele = element(by.css('.button')); 21 | ele.click(); 22 | }); 23 | 24 | it('should click the share button', function(){ 25 | var ele = element.all(by.css('.action-sheet-group .button')); 26 | ele.get(0).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /nightly/$ionicLoading/complete/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
53 |
24 |
25 |
30 |
31 |
50 |
51 |
52 | Loading Demo
26 | 27 | Load 28 | 29 |
32 |
36 |
40 |
44 |
46 | Hide Backdrop?
47 |
48 |
49 |
54 |
57 |
\nLoading...', 8 | noBackdrop: false 9 | }; 10 | $scope.showLoading = function() { 11 | $ionicLoading.show($scope.loadingOptions); 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /nightly/$ionicLoading/complete/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicLoading-complete', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/$ionicLoading/complete/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /nightly/$ionicPopup/popping/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
59 |
60 | 66 | 67 | 68 | 69 | 75 | 76 | 106 | 107 | 136 | 137 | 138 | 139 | 140 | -------------------------------------------------------------------------------- /nightly/$ionicLoading/complete/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('complete', ['ionic']) 3 | .controller('LoadingCtrl', function($scope, $ionicLoading) { 4 | $scope.loadingOptions = { 5 | duration: 1000, 6 | delay: 0, 7 | template: '\n\nLoading...', 8 | noBackdrop: false 9 | }; 10 | $scope.showLoading = function() { 11 | $ionicLoading.show($scope.loadingOptions); 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /nightly/$ionicLoading/complete/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicLoading-complete', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/$ionicLoading/complete/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /nightly/$ionicPopup/popping/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
25 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
40 |
41 |
44 |
45 |
46 | Popups
26 |
34 |
36 | Item {{item}}
37 |
38 |
39 |
47 |
50 |
52 |
53 | 59 | 60 | 61 | 62 | 68 | 69 | 99 | 100 | 129 | 130 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /nightly/$ionicPopup/popping/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('popping', ['ionic']) 3 | .controller('PopupCtrl', function($scope, $timeout, $q, $ionicPopup) { 4 | $scope.showPopup = function() { 5 | $scope.data = {} 6 | 7 | $ionicPopup.show({ 8 | templateUrl: 'popup-template.html', 9 | title: 'Enter Wi-Fi Password', 10 | subTitle: 'Please use normal things', 11 | scope: $scope, 12 | buttons: [ 13 | { text: 'Cancel', onTap: function(e) { return true; } }, 14 | { 15 | text: 'Save', 16 | type: 'button-positive', 17 | onTap: function(e) { 18 | return $scope.data.wifi; 19 | } 20 | }, 21 | ] 22 | }).then(function(res) { 23 | console.log('Tapped!', res); 24 | }, function(err) { 25 | console.log('Err:', err); 26 | }, function(msg) { 27 | console.log('message:', msg); 28 | }); 29 | 30 | $timeout(function() { 31 | $ionicPopup.confirm({ 32 | title: 'Do you like ice cream?', 33 | cancelText: 'No', 34 | okText: 'Yes, of course' 35 | }).then(function(res) { 36 | console.log('Your love for ice cream:', res); 37 | }); 38 | }, 1000); 39 | }; 40 | 41 | $scope.showConfirm = function() { 42 | $ionicPopup.confirm({ 43 | title: 'Consume Ice Cream', 44 | content: 'Are you sure you want to eat this ice cream?' 45 | }).then(function(res) { 46 | if(res) { 47 | console.log('You are sure'); 48 | } else { 49 | console.log('You are not sure'); 50 | } 51 | }); 52 | }; 53 | $scope.showPrompt = function() { 54 | $ionicPopup.prompt({ 55 | title: 'ID Check', 56 | subTitle: 'What is your name?' 57 | }).then(function(res) { 58 | console.log('Your name is', res); 59 | }); 60 | }; 61 | $scope.showPasswordPrompt = function() { 62 | $ionicPopup.prompt({ 63 | title: 'Password Check', 64 | subTitle: 'Enter your secret password', 65 | inputType: 'password', 66 | inputPlaceholder: 'Your password' 67 | }).then(function(res) { 68 | console.log('Your name is', res); 69 | }); 70 | }; 71 | $scope.showAlert = function() { 72 | $ionicPopup.alert({ 73 | title: 'Draft Saved', 74 | content: 'Your Data has been saved!' 75 | }).then(function(res) { 76 | console.log('Your Data has been saved!'); 77 | }, function(err) {}, 78 | function(popup) { 79 | console.log('Got popup', popup); 80 | $timeout(function() { 81 | popup.close(); 82 | }, 1000); 83 | }); 84 | }; 85 | }); 86 | -------------------------------------------------------------------------------- /nightly/$ionicPopup/popping/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('$ionicPopup-popping', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/$ionicPopup/popping/'); 5 | }); 6 | 7 | 8 | 9 | it('should open confirm popup', function(){ 10 | var ele = element.all(by.css('[ng-click="showConfirm()"]')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should cancel confirm popup', function(){ 15 | var ele = element.all(by.css('.popup-buttons .button')); 16 | ele.get(0).click(); 17 | }); 18 | 19 | it('should open prompt popup and enter input', function(){ 20 | var ele = element.all(by.css('[ng-click="showPrompt()"]')); 21 | ele.get(0).click(); 22 | ele = element(by.model('data.response')); 23 | ele.sendKeys('Waffles'); 24 | }); 25 | 26 | it('should close prompt popup by clicking OK', function(){ 27 | var ele = element.all(by.css('.popup-buttons .button')); 28 | ele.get(1).click(); 29 | }); 30 | 31 | it('should open alert popup', function(){ 32 | var ele = element.all(by.css('[ng-click="showAlert()"]')); 33 | ele.get(0).click(); 34 | }); 35 | 36 | it('should close alert popup', function(){ 37 | var ele = element.all(by.css('.popup-buttons .button')); 38 | ele.get(0).click(); 39 | }); 40 | 41 | }); 42 | -------------------------------------------------------------------------------- /nightly/collectionRepeat/contacts/contacts.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | .button.button-icon.input-button { 4 | position: absolute; 5 | right: 0; 6 | top: 5px; 7 | color: #bbb; 8 | } 9 | .contact-item i.icon { 10 | display: inline-block; 11 | height: 60px; 12 | width: 40px; 13 | float: left; 14 | margin-right: 15px; 15 | font-size: 30px; 16 | text-align: center; 17 | } 18 | .list .item.contact-item { 19 | left: 0; 20 | right: 0; 21 | padding-top: 0; 22 | padding-bottom: 0; 23 | } 24 | -------------------------------------------------------------------------------- /nightly/collectionRepeat/contacts/contacts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 |
10 |
11 |
15 |
19 |
20 |
21 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/nightly/collectionRepeat/contacts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 1000 Contacts
6 | 9 |
23 |
24 |
25 |
26 |
59 |
27 |
28 |
33 |
34 |
38 |
42 |
43 |
44 |
55 |
56 |
57 |
58 | 1000 Contacts
29 | 32 |
60 |
63 |
65 |
66 | 72 | 73 | 74 | 75 | 81 | 82 | 112 | 113 | 142 | 143 | 144 | 145 | 146 | -------------------------------------------------------------------------------- /nightly/collectionRepeat/contacts/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('collectionRepeat-contacts', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/collectionRepeat/contacts/'); 5 | }); 6 | 7 | 8 | 9 | it('should filter by juan', function(){ 10 | var ele = element(by.model('search')); 11 | ele.sendKeys('juan'); 12 | }); 13 | 14 | it('should clear search', function(){ 15 | var ele = element(by.css('.bar-header .input-button')); 16 | ele.click(); 17 | }); 18 | 19 | }); 20 | -------------------------------------------------------------------------------- /nightly/index-ionic-demo-app.js: -------------------------------------------------------------------------------- 1 | var DEMO; 2 | 3 | 4 | angular.module('demoApp', ['ionic']) 5 | .controller('IonicDemoCtrl', function($scope, $ionicModal, $ionicLoading) { 6 | $scope.$demos = DEMOS; 7 | 8 | 9 | }) 10 | .filter('humanize', function() { 11 | return function(input) { 12 | return input.charAt(0).toUpperCase() + 13 | input.substring(1).replace(/[A-Z]/g, function(match, i) { 14 | return ' ' + match.toUpperCase(); 15 | }); 16 | }; 17 | }); 18 | 19 | -------------------------------------------------------------------------------- /nightly/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
22 |
23 |
24 |
25 |
31 |
32 |
62 |
63 |
92 |
93 |
94 |
95 |
96 |
--------------------------------------------------------------------------------
/nightly/ionCheckbox/simple/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
20 |
21 |
21 |
22 |
23 |
24 |
25 |
29 |
30 |
32 | Pepperoni?
33 |
34 |
35 | Sausage?
36 |
37 |
38 | Jalapeno?
39 |
40 |
41 | Anchovies?
42 |
43 |
44 |
45 |
46 | 26 | Checkbox: Simple Usage 27 |
28 |Your pizza has {{toppings()}}!
31 |
47 |
50 |
52 |
53 | 59 | 60 | 61 | 62 | 68 | 69 | 99 | 100 | 129 | 130 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /nightly/ionCheckbox/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | var app = angular.module('simple', ['ionic']); 4 | app.controller('CheckboxSimpleCtrl', function($scope) { 5 | $scope.pizza = { 6 | pepperoni: true, 7 | sausage: false, 8 | anchovies: true, 9 | jalapenos: false 10 | }; 11 | 12 | $scope.toppings = function() { 13 | var toppings = Object.keys($scope.pizza).filter(function(flavor) { 14 | return $scope.pizza[flavor]; 15 | }); 16 | if (toppings.length > 1) { 17 | toppings[toppings.length - 1] = 'and ' + toppings[toppings.length - 1]; 18 | } 19 | if (toppings.length > 2) { 20 | return toppings.join(', '); 21 | } else if (toppings.length) { 22 | return toppings.join(' '); 23 | } else { 24 | return 'nothing'; 25 | } 26 | }; 27 | }); 28 | -------------------------------------------------------------------------------- /nightly/ionCheckbox/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionCheckbox-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/ionCheckbox/simple/'); 5 | }); 6 | 7 | 8 | 9 | it('should uncheck 1st and check 2nd checkbox by clicking its label', function(){ 10 | var ele = element.all(by.css('label.item-checkbox')); 11 | ele.get(0).click(); 12 | ele.get(1).click(); 13 | }); 14 | 15 | it('should check 1st and uncheck 2nd checkbox by clicking its label', function(){ 16 | var ele = element.all(by.css('label.item-checkbox')); 17 | ele.get(0).click(); 18 | ele.get(1).click(); 19 | }); 20 | 21 | }); 22 | -------------------------------------------------------------------------------- /nightly/ionFooterBar/simple/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
45 |
24 |
27 |
29 |
30 |
31 | Make it a Subfooter?
32 |
33 |
34 | Show it?
35 |
36 |
42 |
43 |
44 | Footer
28 |
37 |
41 |
38 | {{item}}
39 |
40 |
46 |
49 |
51 |
52 | 58 | 59 | 60 | 61 | 67 | 68 | 98 | 99 | 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /nightly/ionFooterBar/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('simple', ['ionic']) 3 | .controller('FooterBarSimpleCtrl', function($scope) { 4 | $scope.data = { 5 | isSubfooter: false, 6 | isShown: true 7 | }; 8 | 9 | $scope.items = []; 10 | for (var i = 0; i < 20; i++) { 11 | $scope.items.push('Item ' + i); 12 | } 13 | }); 14 | -------------------------------------------------------------------------------- /nightly/ionFooterBar/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionFooterBar-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/ionFooterBar/simple/'); 5 | }); 6 | 7 | 8 | 9 | it('should show subfooter', function(){ 10 | var ele = element.all(by.css('.toggle')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should hide subfooter', function(){ 15 | var ele = element.all(by.css('.toggle')); 16 | ele.get(0).click(); 17 | }); 18 | 19 | it('should hide footer', function(){ 20 | var ele = element.all(by.css('.toggle')); 21 | ele.get(1).click(); 22 | }); 23 | 24 | it('should show footer', function(){ 25 | var ele = element.all(by.css('.toggle')); 26 | ele.get(1).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /nightly/ionHeaderBar/simple/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
45 |
24 |
27 |
29 |
30 |
31 | Make it a Subheader?
32 |
33 |
34 | Show it?
35 |
36 |
42 |
43 |
44 | Tap Me to Scroll Top
28 |
37 |
41 |
38 | {{item}}
39 |
40 |
46 |
49 |
51 |
52 | 58 | 59 | 60 | 61 | 67 | 68 | 98 | 99 | 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /nightly/ionHeaderBar/simple/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('simple', ['ionic']) 3 | .controller('HeaderBarSimpleCtrl', function($scope) { 4 | $scope.data = { 5 | isSubheader: false, 6 | isShown: true 7 | }; 8 | $scope.items = []; 9 | for (var i = 0; i < 20; i++) { 10 | $scope.items.push('Item ' + i); 11 | } 12 | }); 13 | -------------------------------------------------------------------------------- /nightly/ionHeaderBar/simple/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionHeaderBar-simple', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/ionHeaderBar/simple/'); 5 | }); 6 | 7 | 8 | 9 | it('should show subheader', function(){ 10 | var ele = element.all(by.css('.toggle')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should hide subheader', function(){ 15 | var ele = element.all(by.css('.toggle')); 16 | ele.get(0).click(); 17 | }); 18 | 19 | it('should hide header', function(){ 20 | var ele = element.all(by.css('.toggle')); 21 | ele.get(1).click(); 22 | }); 23 | 24 | it('should show header', function(){ 25 | var ele = element.all(by.css('.toggle')); 26 | ele.get(1).click(); 27 | }); 28 | 29 | }); 30 | -------------------------------------------------------------------------------- /nightly/ionInfiniteScroll/forever/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
26 |
27 |
34 |
35 |
36 |
37 |
38 | Scroll Down to Load More
25 |
28 |
32 |
33 |
29 | {{item}}
30 |
31 |
39 |
42 |
44 |
45 | 51 | 52 | 53 | 54 | 60 | 61 | 91 | 92 | 121 | 122 | 123 | 124 | 125 | -------------------------------------------------------------------------------- /nightly/ionInfiniteScroll/forever/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('forever', ['ionic']) 3 | .controller('ForeverCtrl', function($scope, $timeout) { 4 | $scope.items = []; 5 | for (var i = 0; i < 20; i++) { 6 | $scope.items.push(i); 7 | } 8 | 9 | //Load more after 1 second delay 10 | $scope.loadMoreItems = function() { 11 | var i = $scope.items.length; 12 | var j = $scope.items.length + 5; 13 | for (; i < j; i++) { 14 | $scope.items.push('Item ' + i); 15 | } 16 | $scope.$broadcast('scroll.infiniteScrollComplete'); 17 | }; 18 | }); 19 | -------------------------------------------------------------------------------- /nightly/ionInfiniteScroll/forever/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionInfiniteScroll-forever', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/ionInfiniteScroll/forever/'); 5 | }); 6 | 7 | 8 | 9 | }); 10 | -------------------------------------------------------------------------------- /nightly/ionList/animated/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
52 |
26 |
27 |
29 |
30 |
31 |
32 |
34 | {{item}}
35 |
46 |
47 |
48 |
49 |
50 |
51 | Animated List
28 |
36 |
38 | Add
39 |
40 |
42 | Remove
43 |
44 |
45 |
53 |
56 |
58 |
59 | 65 | 66 | 67 | 68 | 74 | 75 | 105 | 106 | 135 | 136 | 137 | 138 | 139 | -------------------------------------------------------------------------------- /nightly/ionList/animated/index.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('animated', ['ionic']) 3 | .controller('AnimatedListCtrl', function($scope, $timeout) { 4 | var nextItem = 0; 5 | $scope.items = []; 6 | for (var i=0; i < 5; i++) { 7 | $scope.items.push('Item ' + (nextItem++)); 8 | } 9 | 10 | $scope.addItem = function(atIndex) { 11 | $scope.items.splice(atIndex + 1, 0, 'Item ' + nextItem); 12 | nextItem++; 13 | }; 14 | }); 15 | -------------------------------------------------------------------------------- /nightly/ionList/animated/style.css: -------------------------------------------------------------------------------- 1 | 2 | .animated-item .item-note .button { 3 | margin-top: 10px; 4 | } 5 | .animated-item { 6 | line-height: 52px; 7 | max-height: 52px; 8 | padding-top: 0; 9 | padding-bottom: 0; 10 | -webkit-transition: all 0.15s linear; 11 | -moz-transition: all 0.15s linear; 12 | transition: all 0.15s linear; 13 | } 14 | .animated-item.ng-leave.ng-leave-active, 15 | .animated-item.ng-enter { 16 | opacity: 0; 17 | max-height: 0; 18 | } 19 | .animated-item.ng-leave, 20 | .animated-item.ng-enter.ng-enter-active { 21 | opacity: 1; 22 | max-height: 52px; 23 | } 24 | -------------------------------------------------------------------------------- /nightly/ionList/animated/test.scenario.js: -------------------------------------------------------------------------------- 1 | describe('ionList-animated', function() { 2 | 3 | it('should init', function() { 4 | browser.get('http://localhost:8876/nightly/ionList/animated/'); 5 | }); 6 | 7 | 8 | 9 | it('should add item below Item 0', function(){ 10 | var ele = element.all(by.css('.list .button')); 11 | ele.get(0).click(); 12 | }); 13 | 14 | it('should remove Item 0', function(){ 15 | var ele = element.all(by.css('.list .button')); 16 | ele.get(1).click(); 17 | }); 18 | 19 | }); 20 | -------------------------------------------------------------------------------- /nightly/ionList/reorderDelete/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
63 |
24 |
25 |
26 | Delete
27 |
28 |
33 |
34 |
36 |
38 |
39 | ![]()
40 |
44 | Share
45 |
46 |
48 | Edit
49 |
50 |
52 |
53 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | List
29 | 30 | Reorder 31 | 32 |Item {{item}}
41 |Here's an item description.
42 |