Skip to content

Commit b23e18b

Browse files
committed
chore(app): Move all ionic native stuffto their own list
1 parent 6e258f1 commit b23e18b

27 files changed

+95
-30
lines changed

src/app/app.component.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { IonicNativePage } from '../pages/ionic-native/ionic-native';
12
import { SideMenuPage } from '../pages/side-menu/side-menu';
23
import { IonicOfficialComponentsPage } from '../pages/ionic-official-components/ionic-official-components';
34
import { LoginListPage } from '../pages/login/login';
@@ -49,6 +50,7 @@ export class MyApp {
4950
this.pages = [
5051
{ title: 'Home', component: HomePage, active: true, icon: 'home' },
5152
{ title: 'Ionic Official Components', component: IonicOfficialComponentsPage, active: false, icon: 'alarm' },
53+
{ title: 'Ionic Native Features', component: IonicNativePage, active: false, icon: 'alarm' },
5254
{ title: 'Login', component: LoginListPage, active: false, icon: 'archive' },
5355
{ title: 'Lists', component: ListsPage, active: false, icon: 'body' },
5456
{ title: 'Popup Modal', component: PopupModalsPage, active: false, icon: 'basket' },

src/app/app.imports.ts

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -82,16 +82,19 @@ import { WeatherPage } from '../pages/miscellaneous/weather/weather';
8282
import { MessagesPage } from '../pages/miscellaneous/chat/messages/messages';
8383
import { ChatsPage } from '../pages/miscellaneous/chat/chats';
8484
import { BlogPostPage } from '../pages/miscellaneous/blog-post/blog-post';
85-
import { CreditCardScanPage } from '../pages/miscellaneous/credit-card-scan/credit-card-scan';
86-
import { RuntimePermissionsPage } from '../pages/miscellaneous/runtime-permissions/runtime-permissions';
8785
import { ChartsPage } from '../pages/miscellaneous/charts/charts';
88-
import { GetImagePage } from '../pages/miscellaneous/get-image/get-image';
89-
import { BarcodescannerPage } from '../pages/miscellaneous/barcodescanner/barcodescanner';
9086
import { ExpandableHeaderPage } from '../pages/miscellaneous/expandable-header/expandable-header';
9187
import { FlashCardPage } from '../pages/miscellaneous/flash-card/flash-card';
9288
import { SideMenuPage } from '../pages/side-menu/side-menu';
9389
import { AutosizingTextarea } from '../pages/miscellaneous/autosizing-textarea/autosizing-textarea';
9490

91+
// Ionic Native Features
92+
import { IonicNativePage } from '../pages/ionic-native/ionic-native';
93+
import { CreditCardScanPage } from '../pages/ionic-native/credit-card-scan/credit-card-scan';
94+
import { RuntimePermissionsPage } from '../pages/ionic-native/runtime-permissions/runtime-permissions';
95+
import { BarcodescannerPage } from '../pages/ionic-native/barcodescanner/barcodescanner';
96+
import { GetImagePage } from '../pages/ionic-native/get-image/get-image';
97+
9598
// Providers
9699
import { WeatherService } from '../pages/miscellaneous/weather/weather.service';
97100
import { ToastService } from '../providers/util/toast.service';
@@ -146,6 +149,8 @@ export const Pages = [
146149
// Ionic Official Components
147150
IonicOfficialComponentsPage,
148151

152+
IonicNativePage,
153+
149154
// Buttons
150155
ButtonsListPage,
151156
IconButtonsPage,
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<ion-header>
2+
<ion-navbar>
3+
<button ion-button menuToggle>
4+
<ion-icon name="menu"></ion-icon>
5+
</button>
6+
<ion-title>Ionic Native Features</ion-title>
7+
</ion-navbar>
8+
</ion-header>
9+
<ion-content padding>
10+
<ion-list>
11+
<button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)">
12+
{{item.title}}
13+
</button>
14+
</ion-list>
15+
</ion-content>
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { NgModule } from '@angular/core';
2+
import { IonicPageModule } from 'ionic-angular';
3+
import { IonicNativePage } from './ionic-native';
4+
5+
@NgModule({
6+
declarations: [
7+
IonicNativePage,
8+
],
9+
imports: [
10+
IonicPageModule.forChild(IonicNativePage),
11+
],
12+
exports: [
13+
IonicNativePage
14+
]
15+
})
16+
export class IonicNativePageModule {}
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
page-ionic-native {
2+
3+
}
Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import { RuntimePermissionsPage } from './runtime-permissions/runtime-permissions';
2+
import { GetImagePage } from './get-image/get-image';
3+
import { CreditCardScanPage } from './credit-card-scan/credit-card-scan';
4+
import { BarcodescannerPage } from './barcodescanner/barcodescanner';
5+
import { Component } from '@angular/core';
6+
import { IonicPage, NavController, NavParams } from 'ionic-angular';
7+
8+
@IonicPage()
9+
@Component({
10+
selector: 'page-ionic-native',
11+
templateUrl: 'ionic-native.html',
12+
})
13+
export class IonicNativePage {
14+
15+
rootPage: any;
16+
items: Array<{ title: string, page: any }>;
17+
18+
constructor(public navCtrl: NavController) {
19+
this.rootPage = IonicNativePage;
20+
21+
this.items = [
22+
{
23+
title: 'Barcode scan',
24+
page: BarcodescannerPage
25+
},
26+
{
27+
title: 'Credit card scanning',
28+
page: CreditCardScanPage
29+
},
30+
{
31+
title: 'Get image from camera/gallery',
32+
page: GetImagePage
33+
},
34+
{
35+
title: 'Runtime permissions',
36+
page: RuntimePermissionsPage
37+
},
38+
]
39+
}
40+
41+
itemTapped(event, item) {
42+
this.navCtrl.push(item.page);
43+
}
44+
}

src/pages/miscellaneous/miscellaneous.ts

Lines changed: 6 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,14 @@
1-
import { GetImagePage } from './get-image/get-image';
21
import { ChartsPage } from './charts/charts';
3-
import { CreditCardScanPage } from './credit-card-scan/credit-card-scan';
42
import { BlogPostPage } from './blog-post/blog-post';
53
import { ChatsPage } from './chat/chats';
64
// import { WeatherPage } from './weather/weather';
75
// import { CurrencyConverterPage } from './currency-converter/currency-converter';
86
import { FlashCardPage } from './flash-card/flash-card';
9-
import { BarcodescannerPage } from './barcodescanner/barcodescanner';
107
// import { ClockPage } from './clock/clock';
118
import { CountdownPage } from './countdown/countdown';
129
import { TestimonialsPage } from './testimonials/testimonials';
1310
import { TinderCardsPage } from './tinder-cards/tinder-cards';
1411
import { Component } from '@angular/core';
15-
import { RuntimePermissionsPage } from './runtime-permissions/runtime-permissions';
1612
import { ExpandableHeaderPage } from './expandable-header/expandable-header';
1713
import { AutosizingTextarea } from './autosizing-textarea/autosizing-textarea'
1814

@@ -29,8 +25,8 @@ export class MiscellaneousListPage {
2925
constructor(public navCtrl: NavController, public menu: MenuController) {
3026
this.items = [
3127
{
32-
title: 'Barcode Scanner',
33-
page: BarcodescannerPage
28+
title: 'Autosizing Textarea',
29+
page: AutosizingTextarea
3430
},
3531
{
3632
title: 'Blog Post',
@@ -49,21 +45,17 @@ export class MiscellaneousListPage {
4945
page: CountdownPage
5046
},
5147
{
52-
title: 'Credit Card Scanner',
53-
page: CreditCardScanPage
48+
title: 'Expandable Header',
49+
page: ExpandableHeaderPage
5450
},
5551
{
56-
title: 'Get image from camera/gallery',
57-
page: GetImagePage
52+
title: 'Flash Card',
53+
page: FlashCardPage
5854
},
5955
// {
6056
// title: 'Currency Converter',
6157
// page: CurrencyConverterPage
6258
// },
63-
{
64-
title: 'Runtime User Permissions',
65-
page: RuntimePermissionsPage
66-
},
6759
{
6860
title: 'Testimonials',
6961
page: TestimonialsPage
@@ -72,18 +64,6 @@ export class MiscellaneousListPage {
7264
title: 'Tinder Cards',
7365
page: TinderCardsPage
7466
},
75-
{
76-
title: 'Flash Card',
77-
page: FlashCardPage
78-
},
79-
{
80-
title: 'Expandable Header',
81-
page: ExpandableHeaderPage
82-
},
83-
{
84-
title: 'Autosizing Textarea',
85-
page: AutosizingTextarea
86-
}
8767
// {
8868
// title: 'Weather',
8969
// page: WeatherPage

0 commit comments

Comments
 (0)