Skip to content

Commit 7c29c74

Browse files
yannbfyannbf
committed
Refactoring to make it work on Mobile + New pages
1 parent 0493008 commit 7c29c74

File tree

22 files changed

+741
-172
lines changed

22 files changed

+741
-172
lines changed

‎config.xml

Lines changed: 41 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,42 @@
1-
<?xml version='1.0' encoding='utf-8'?>
1+
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
22
<widget id="com.ionicframework.ionic2components639837" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
3-
<name>Ionic2Components</name>
4-
<description>An awesome Ionic/Cordova app.</description>
5-
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
6-
<content src="index.html" />
7-
<access origin="*" />
8-
<allow-intent href="http://*/*" />
9-
<allow-intent href="https://*/*" />
10-
<allow-intent href="tel:*" />
11-
<allow-intent href="sms:*" />
12-
<allow-intent href="mailto:*" />
13-
<allow-intent href="geo:*" />
14-
<platform name="android">
15-
<allow-intent href="market:*" />
16-
</platform>
17-
<platform name="ios">
18-
<allow-intent href="itms:*" />
19-
<allow-intent href="itms-apps:*" />
20-
</platform>
21-
<preference name="webviewbounce" value="false" />
22-
<preference name="UIWebViewBounce" value="false" />
23-
<preference name="DisallowOverscroll" value="true" />
24-
<preference name="android-minSdkVersion" value="16" />
25-
<preference name="BackupWebStorage" value="none" />
26-
<preference name="SplashScreenDelay" value="0" />
27-
<preference name="FadeSplashScreen" value="false" />
28-
<preference name="FadeSplashScreenDuration" value="0" />
29-
<preference name="SplashScreenBackgroundColor" value="0xFFFFFFFF" />
30-
<feature name="StatusBar">
31-
<param name="ios-package" onload="true" value="CDVStatusBar" />
32-
</feature>
33-
<plugin name="cordova-plugin-device" spec="~1.1.3" />
34-
<plugin name="cordova-plugin-console" spec="~1.0.4" />
35-
<plugin name="cordova-plugin-whitelist" spec="~1.3.0" />
36-
<plugin name="cordova-plugin-splashscreen" spec="~4.0.0" />
37-
<plugin name="cordova-plugin-statusbar" spec="~2.2.0" />
38-
<plugin name="ionic-plugin-keyboard" spec="~2.2.1" />
39-
<allow-navigation href="http://192.168.153.117:8100" />
40-
<plugin name="cordova-plugin-camera" spec="~2.3.0" />
41-
</widget>
3+
<name>Ionic2Components</name>
4+
<description>An awesome Ionic/Cordova app.</description>
5+
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
6+
<content src="index.html"/>
7+
<access origin="*"/>
8+
<allow-intent href="http://*/*"/>
9+
<allow-intent href="https://*/*"/>
10+
<allow-intent href="tel:*"/>
11+
<allow-intent href="sms:*"/>
12+
<allow-intent href="mailto:*"/>
13+
<allow-intent href="geo:*"/>
14+
<platform name="android">
15+
<allow-intent href="market:*"/>
16+
</platform>
17+
<platform name="ios">
18+
<allow-intent href="itms:*"/>
19+
<allow-intent href="itms-apps:*"/>
20+
</platform>
21+
<preference name="webviewbounce" value="false"/>
22+
<preference name="UIWebViewBounce" value="false"/>
23+
<preference name="DisallowOverscroll" value="true"/>
24+
<preference name="android-minSdkVersion" value="16"/>
25+
<preference name="BackupWebStorage" value="none"/>
26+
<preference name="SplashScreenDelay" value="0"/>
27+
<preference name="FadeSplashScreen" value="false"/>
28+
<preference name="FadeSplashScreenDuration" value="0"/>
29+
<preference name="SplashScreenBackgroundColor" value="0xFFFFFFFF"/>
30+
<feature name="StatusBar">
31+
<param name="ios-package" onload="true" value="CDVStatusBar"/>
32+
</feature>
33+
<plugin name="cordova-plugin-device" spec="~1.1.3"/>
34+
<plugin name="cordova-plugin-console" spec="~1.0.4"/>
35+
<plugin name="cordova-plugin-whitelist" spec="~1.3.0"/>
36+
<plugin name="cordova-plugin-splashscreen" spec="~4.0.0"/>
37+
<plugin name="cordova-plugin-statusbar" spec="~2.2.0"/>
38+
<plugin name="ionic-plugin-keyboard" spec="~2.2.1"/>
39+
<plugin name="cordova-plugin-camera" spec="~2.3.0"/>
40+
<plugin name="card.io.cordova.mobilesdk" spec="https://github.com/card-io/card.io-Cordova-Plugin"/>
41+
<allow-navigation href="http://192.168.153.117:8100"/>
42+
</widget>

‎src/app/app.imports.ts

Lines changed: 117 additions & 114 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ import { ProfileOnePage } from '../pages/profile/profile-one/profile-one';
1313
import { ProfileTwoPage } from '../pages/profile/profile-two/profile-two';
1414
import { ProfileThreePage } from '../pages/profile/profile-three/profile-three';
1515
import { ProfileFourPage } from '../pages/profile/profile-four/profile-four';
16+
import { ProfileFivePage } from '../pages/profile/profile-five/profile-five';
17+
import { ProfileSettingsPage } from '../pages/profile/profile-settings/profile-settings';
1618

1719
// Lists list
1820
import { ListsPage } from '../pages/list/list';
@@ -24,19 +26,6 @@ import { LoginListPage } from '../pages/login/login';
2426
import { LoginOnePage } from '../pages/login/login-one/login-one';
2527
import { LoginInstagramPage } from '../pages/login/login-instagram/login-instagram';
2628
import { LoginSliderPage } from '../pages/login/login-slider/login-slider';
27-
// Miscellaneous list
28-
import { MiscellaneousListPage } from '../pages/miscellaneous/miscellaneous';
29-
import { ClockPage } from '../pages/miscellaneous/clock/clock';
30-
import { CountdownOnePage } from '../pages/miscellaneous/countdown/countdown';
31-
import { TinderCardsPage } from '../pages/miscellaneous/tinder-cards/tinder-cards';
32-
import { TestimonialsPage } from '../pages/miscellaneous/testimonials/testimonials';
33-
import { ParallaxScrollerPage } from '../pages/miscellaneous/parallax-scroller/parallax-scroller';
34-
import { CurrencyConverterPage } from '../pages/miscellaneous/currency-converter/currency-converter';
35-
import { WeatherPage } from '../pages/miscellaneous/weather/weather';
36-
import { MessagesPage } from '../pages/miscellaneous/chat/messages/messages';
37-
import { ChatsPage } from '../pages/miscellaneous/chat/chats';
38-
import { BlogPostPage } from '../pages/miscellaneous/blog-post/blog-post';
39-
import { ProfileSettingsPage } from '../pages/profile/profile-settings/profile-settings';
4029

4130
// Popup Menu list
4231
import { PopupMenuListPage } from '../pages/popup-menu/popup-menu';
@@ -83,6 +72,20 @@ import { SlideFreeModePage } from '../pages/slide/slide-free-mode/slide-free-mod
8372
import { SlideNestedPage } from '../pages/slide/slide-nested/slide-nested';
8473
import { SlideColorChangingPage } from '../pages/slide/slide-color-changing/slide-color-changing';
8574

75+
// Miscellaneous list
76+
import { MiscellaneousListPage } from '../pages/miscellaneous/miscellaneous';
77+
import { ClockPage } from '../pages/miscellaneous/clock/clock';
78+
import { CountdownOnePage } from '../pages/miscellaneous/countdown/countdown';
79+
import { TinderCardsPage } from '../pages/miscellaneous/tinder-cards/tinder-cards';
80+
import { TestimonialsPage } from '../pages/miscellaneous/testimonials/testimonials';
81+
import { ParallaxScrollerPage } from '../pages/miscellaneous/parallax-scroller/parallax-scroller';
82+
import { CurrencyConverterPage } from '../pages/miscellaneous/currency-converter/currency-converter';
83+
import { WeatherPage } from '../pages/miscellaneous/weather/weather';
84+
import { MessagesPage } from '../pages/miscellaneous/chat/messages/messages';
85+
import { ChatsPage } from '../pages/miscellaneous/chat/chats';
86+
import { BlogPostPage } from '../pages/miscellaneous/blog-post/blog-post';
87+
import { CreditCardScanPage } from '../pages/miscellaneous/credit-card-scan/credit-card-scan';
88+
8689
// Providers
8790
import { WeatherService } from '../pages/miscellaneous/weather/weather.service';
8891
import { ToastService } from '../providers/util/toast.service';
@@ -99,104 +102,104 @@ import { OrderByPipe } from '../pipes/orderby.pipe';
99102
import { ShortenStringPipe } from '../pipes/shorten.pipe';
100103
import { CapitalizePipe } from '../pipes/capitalize.pipe';
101104

102-
export class AppImports {
103-
104-
public static Pages = [
105-
// Home
106-
HomePage,
107-
108-
// Theming
109-
ThemingPage,
110-
111-
// Profile
112-
ProfileListPage,
113-
ProfileOnePage,
114-
ProfileTwoPage,
115-
ProfileThreePage,
116-
ProfileFourPage,
117-
ProfileSettingsPage,
118-
119-
LoginListPage,
120-
LoginOnePage,
121-
LoginInstagramPage,
122-
LoginSliderPage,
123-
124-
// Miscellaneous
125-
MiscellaneousListPage,
126-
PopupMenuListPage,
127-
PopupMenuOnePage,
128-
TestimonialsPage,
129-
TinderCardsPage,
130-
CountdownOnePage,
131-
ParallaxScrollerPage,
132-
CurrencyConverterPage,
133-
ClockPage,
134-
WeatherPage,
135-
ChatsPage,
136-
MessagesPage,
137-
BlogPostPage,
138-
139-
// Cards
140-
CardListPage,
141-
CardBackgroundPage,
142-
CardMapPage,
143-
CardImagePage,
144-
CardSocialPage,
145-
CardBadgePage,
146-
147-
// Modals
148-
ModalsPage,
149-
FullModalsPage,
150-
BasicModalPage,
151-
ParamsModalPage,
152-
SmallModalsPage,
153-
SignupModalPage,
154-
WalkthroughModalPage,
155-
HintModalPage,
156-
157-
// Buttons
158-
ButtonsListPage,
159-
IconButtonsPage,
160-
ButtonComponentsPage,
161-
ButtonStylesPage,
162-
163-
// Lists
164-
ListsPage,
165-
SettingsListPage,
166-
SlidingItemListPage,
167-
168-
// Alerts
169-
AlertsPage,
170-
171-
// Slides
172-
SlidesPage,
173-
SlideCarouselPage,
174-
SlideTransitionsPage,
175-
SlidePhotoGalleryPage,
176-
SlideNestedPage,
177-
SlideFreeModePage,
178-
SlideRightToLeftPage,
179-
SlideMultirowPage,
180-
SliderListPage,
181-
SliderListTwoPage,
182-
SlideCustomPaginationPage,
183-
SlideColorChangingPage,
184-
185-
// Popup Menu
186-
PopupMenuListPage,
187-
PopupMenuOnePage,
188-
]
189-
190-
public static Pipes = [
191-
TemperaturePipe, MomentPipe, OrderByPipe, CapitalizePipe, ShortenStringPipe
192-
]
193-
194-
public static Providers = [
195-
WeatherService, AlertService, ToastService, AppState
196-
]
197-
198-
public static Directives = [
199-
Timer,
200-
TypingEffect,
201-
]
202-
}
105+
106+
export const Pages = [
107+
// Home
108+
HomePage,
109+
110+
// Theming
111+
ThemingPage,
112+
113+
// Profile
114+
ProfileListPage,
115+
ProfileOnePage,
116+
ProfileTwoPage,
117+
ProfileThreePage,
118+
ProfileFourPage,
119+
ProfileFivePage,
120+
ProfileSettingsPage,
121+
122+
LoginListPage,
123+
LoginOnePage,
124+
LoginInstagramPage,
125+
LoginSliderPage,
126+
127+
// Miscellaneous
128+
MiscellaneousListPage,
129+
PopupMenuListPage,
130+
PopupMenuOnePage,
131+
TestimonialsPage,
132+
TinderCardsPage,
133+
CountdownOnePage,
134+
ParallaxScrollerPage,
135+
CurrencyConverterPage,
136+
CreditCardScanPage,
137+
ClockPage,
138+
WeatherPage,
139+
ChatsPage,
140+
MessagesPage,
141+
BlogPostPage,
142+
143+
// Cards
144+
CardListPage,
145+
CardBackgroundPage,
146+
CardMapPage,
147+
CardImagePage,
148+
CardSocialPage,
149+
CardBadgePage,
150+
151+
// Modals
152+
ModalsPage,
153+
FullModalsPage,
154+
BasicModalPage,
155+
ParamsModalPage,
156+
SmallModalsPage,
157+
SignupModalPage,
158+
WalkthroughModalPage,
159+
HintModalPage,
160+
161+
// Buttons
162+
ButtonsListPage,
163+
IconButtonsPage,
164+
ButtonComponentsPage,
165+
ButtonStylesPage,
166+
167+
// Lists
168+
ListsPage,
169+
SettingsListPage,
170+
SlidingItemListPage,
171+
172+
// Alerts
173+
AlertsPage,
174+
175+
// Slides
176+
SlidesPage,
177+
SlideCarouselPage,
178+
SlideTransitionsPage,
179+
SlidePhotoGalleryPage,
180+
SlideNestedPage,
181+
SlideFreeModePage,
182+
SlideRightToLeftPage,
183+
SlideMultirowPage,
184+
SliderListPage,
185+
SliderListTwoPage,
186+
SlideCustomPaginationPage,
187+
SlideColorChangingPage,
188+
189+
// Popup Menu
190+
PopupMenuListPage,
191+
PopupMenuOnePage,
192+
]
193+
194+
export const Pipes = [
195+
TemperaturePipe, MomentPipe, OrderByPipe, CapitalizePipe, ShortenStringPipe
196+
]
197+
198+
export const Providers = [
199+
WeatherService, AlertService, ToastService, AppState
200+
]
201+
202+
export const Directives = [
203+
Timer,
204+
TypingEffect,
205+
]

‎src/app/app.module.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,21 @@ import { NgModule } from '@angular/core';
33
import { IonicApp, IonicModule } from 'ionic-angular';
44
import { SwingModule } from 'angular2-swing';
55

6-
import { AppImports } from './app.imports';
6+
import { Pages, Directives, Pipes, Providers } from './app.imports';
77

88
@NgModule({
99
declarations: [
1010
// App Core
1111
MyApp,
1212

1313
// Pages
14-
AppImports.Pages,
14+
Pages,
1515

1616
// directives
17-
AppImports.Directives,
17+
Directives,
1818

1919
// pipes
20-
AppImports.Pipes
20+
Pipes
2121
],
2222
imports: [
2323
IonicModule.forRoot(MyApp),
@@ -26,8 +26,8 @@ import { AppImports } from './app.imports';
2626
bootstrap: [IonicApp],
2727
entryComponents: [
2828
MyApp,
29-
AppImports.Pages
29+
Pages
3030
],
31-
providers: [AppImports.Providers]
31+
providers: [Providers]
3232
})
3333
export class AppModule { }

‎src/assets/img/misc/credit-card.png

76.7 KB
Loading

‎src/pages/login/login-instagram/login-instagram.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,10 @@ export class LoginInstagramPage {
3333

3434
}
3535

36+
goToSignup() {
37+
// this.navCtrl.push(SignupPage);
38+
}
39+
3640
// Gradient logic from https://codepen.io/quasimondo/pen/lDdrF
3741
// NOTE: I'm not using this logic anymore, but if you want to use somehow, somewhere,
3842
// A programmatically way to make a nice rainbow effect, there you go.

‎src/pages/miscellaneous/credit-card-scan/README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
Docs: https://ionicframework.com/docs/v2/native/cardio/
2+
3+
You have to install the plugin with:
4+
```sh
5+
$ ionic plugin add https://github.com/card-io/card.io-Cordova-Plugin --save
6+
```

0 commit comments

Comments
 (0)