Skip to content

Commit e66774b

Browse files
yannbfyannbf
committed
lots of components
1 parent 00cc3dc commit e66774b

File tree

212 files changed

+5514
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

212 files changed

+5514
-0
lines changed

‎.editorconfig

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
2+
# editorconfig.org
3+
4+
root = true
5+
6+
[*]
7+
indent_style = space
8+
indent_size = 2
9+
10+
# We recommend you to keep these unchanged
11+
end_of_line = lf
12+
charset = utf-8
13+
trim_trailing_whitespace = true
14+
insert_final_newline = true
15+
16+
[*.md]
17+
trim_trailing_whitespace = false

‎config.xml

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
2+
<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+
</widget>

‎dummy/dummy.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<ion-header>
2+
<ion-navbar>
3+
<ion-title>Page</ion-title>
4+
</ion-navbar>
5+
</ion-header>
6+
<ion-content>
7+
8+
</ion-content>

‎dummy/dummy.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
page-a {
2+
3+
}

‎dummy/dummy.ts

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { Component } from '@angular/core';
2+
import { NavController } from 'ionic-angular';
3+
4+
@Component({
5+
selector: 'page-dummy',
6+
templateUrl: 'dummy.html'
7+
})
8+
export class DummyPage {
9+
10+
constructor(public navCtrl: NavController) {
11+
}
12+
}

‎ionic.config.json

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"name": "Ionic2Components",
3+
"app_id": "",
4+
"v2": true,
5+
"typescript": true
6+
}

‎package.json

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
{
2+
"name": "ionic-hello-world",
3+
"author": "Ionic Framework",
4+
"homepage": "http://ionicframework.com/",
5+
"private": true,
6+
"scripts": {
7+
"build": "ionic-app-scripts build",
8+
"watch": "ionic-app-scripts watch",
9+
"serve:before": "watch",
10+
"emulate:before": "build",
11+
"deploy:before": "build",
12+
"build:before": "build",
13+
"run:before": "build"
14+
},
15+
"dependencies": {
16+
"@angular/common": "2.0.0",
17+
"@angular/compiler": "2.0.0",
18+
"@angular/compiler-cli": "0.6.2",
19+
"@angular/core": "2.0.0",
20+
"@angular/forms": "2.0.0",
21+
"@angular/http": "2.0.0",
22+
"@angular/platform-browser": "2.0.0",
23+
"@angular/platform-browser-dynamic": "2.0.0",
24+
"@angular/platform-server": "2.0.0",
25+
"@ionic/storage": "1.1.6",
26+
"angular2-swing": "^0.10.0",
27+
"ionic-angular": "2.0.0-rc.1",
28+
"ionic-native": "2.2.3",
29+
"ionicons": "3.0.0",
30+
"moment": "^2.15.2",
31+
"rxjs": "5.0.0-beta.12",
32+
"zone.js": "0.6.21"
33+
},
34+
"devDependencies": {
35+
"@ionic/app-scripts": "^0.0.36",
36+
"typescript": "^2.0.3"
37+
},
38+
"description": "Ionic2Components: An Ionic project",
39+
"cordovaPlugins": [
40+
"cordova-plugin-device",
41+
"cordova-plugin-console",
42+
"cordova-plugin-whitelist",
43+
"cordova-plugin-splashscreen",
44+
"cordova-plugin-statusbar",
45+
"ionic-plugin-keyboard"
46+
],
47+
"cordovaPlatforms": []
48+
}

‎resources/android/icon/drawable-hdpi-icon.png

2.81 KB

‎resources/android/icon/drawable-ldpi-icon.png

1.13 KB

‎resources/android/icon/drawable-mdpi-icon.png

1.76 KB

‎resources/android/icon/drawable-xhdpi-icon.png

4.22 KB

‎resources/android/icon/drawable-xxhdpi-icon.png

7.61 KB

‎resources/android/icon/drawable-xxxhdpi-icon.png

11.5 KB

‎resources/android/splash/drawable-land-hdpi-screen.png

13.3 KB

‎resources/android/splash/drawable-land-ldpi-screen.png

3.65 KB

‎resources/android/splash/drawable-land-mdpi-screen.png

6.95 KB

‎resources/android/splash/drawable-land-xhdpi-screen.png

38.8 KB

‎resources/android/splash/drawable-land-xxhdpi-screen.png

57.6 KB

‎resources/android/splash/drawable-land-xxxhdpi-screen.png

87.3 KB

‎resources/android/splash/drawable-port-hdpi-screen.png

13 KB

‎resources/android/splash/drawable-port-ldpi-screen.png

3.54 KB

‎resources/android/splash/drawable-port-mdpi-screen.png

7.04 KB

‎resources/android/splash/drawable-port-xhdpi-screen.png

37.7 KB

‎resources/android/splash/drawable-port-xxhdpi-screen.png

54.2 KB

‎resources/android/splash/drawable-port-xxxhdpi-screen.png

79.9 KB

‎resources/icon.png

59.4 KB

‎resources/ios/icon/icon-40.png

1.22 KB

‎resources/ios/icon/icon-40@2x.png

3.48 KB

‎resources/ios/icon/icon-50.png

1.86 KB

‎resources/ios/icon/icon-50@2x.png

4.58 KB

‎resources/ios/icon/icon-60.png

2.39 KB

‎resources/ios/icon/icon-60@2x.png

5.9 KB

‎resources/ios/icon/icon-60@3x.png

10.6 KB

‎resources/ios/icon/icon-72.png

2.8 KB

‎resources/ios/icon/icon-72@2x.png

7.61 KB

‎resources/ios/icon/icon-76.png

3.24 KB

‎resources/ios/icon/icon-76@2x.png

8.11 KB

‎resources/ios/icon/icon-small.png

818 Bytes

‎resources/ios/icon/icon-small@2x.png

2.23 KB

‎resources/ios/icon/icon-small@3x.png

3.77 KB

‎resources/ios/icon/icon.png

2.06 KB

‎resources/ios/icon/icon@2x.png

5.58 KB

‎resources/ios/splash/Default-568h@2x~iphone.png

31.2 KB

‎resources/ios/splash/Default-667h.png

39.5 KB

‎resources/ios/splash/Default-736h.png

44 KB

‎resources/ios/splash/Default-Landscape-736h.png

43.9 KB

‎resources/ios/splash/Default-Landscape@2x~ipad.png

99.9 KB

‎resources/ios/splash/Default-Landscape~ipad.png

22.1 KB

‎resources/ios/splash/Default-Portrait@2x~ipad.png

97.1 KB

‎resources/ios/splash/Default-Portrait~ipad.png

22.2 KB

‎resources/ios/splash/Default@2x~iphone.png

18.4 KB

‎resources/ios/splash/Default~iphone.png

7.04 KB

‎resources/splash.png

60.8 KB

‎src/app/app.component.ts

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
import { ListsPage } from '../pages/list/list';
2+
import { ButtonsListPage } from '../pages/button/button';
3+
import { CardListPage } from '../pages/card/card';
4+
import { PopupMenuListPage } from '../pages/popup-menu/popup-menu';
5+
import { MiscellaneousListPage } from '../pages/miscellaneous/miscellaneous';
6+
import { ProfileListPage } from '../pages/profile/profile';
7+
import { Component, ViewChild } from '@angular/core';
8+
import { Nav, Platform } from 'ionic-angular';
9+
import { StatusBar, Splashscreen } from 'ionic-native';
10+
11+
import { HomePage } from '../pages/_home/home';
12+
13+
14+
@Component({
15+
templateUrl: 'app.html'
16+
})
17+
export class MyApp {
18+
@ViewChild(Nav) nav: Nav;
19+
20+
rootPage: any = HomePage;
21+
22+
pages: Array<{ title: string, component: any }>;
23+
24+
constructor(public platform: Platform) {
25+
this.initializeApp();
26+
// used for an example of ngFor and navigation
27+
this.pages = [
28+
{ title: 'Home', component: HomePage },
29+
{ title: 'Profile', component: ProfileListPage },
30+
{ title: 'Cards', component: CardListPage },
31+
{ title: 'Buttons', component: ButtonsListPage },
32+
{ title: 'Lists', component: ListsPage },
33+
{ title: 'Popup Menu', component: PopupMenuListPage },
34+
{ title: 'Miscellaneous', component: MiscellaneousListPage }
35+
];
36+
37+
}
38+
39+
initializeApp() {
40+
this.platform.ready().then(() => {
41+
// Okay, so the platform is ready and our plugins are available.
42+
// Here you can do any higher level native things you might need.
43+
StatusBar.styleDefault();
44+
Splashscreen.hide();
45+
});
46+
}
47+
48+
openPage(page) {
49+
// Reset the content nav to have just this page
50+
// we wouldn't want the back button to show in this scenario
51+
this.nav.setRoot(page.component);
52+
}
53+
}

‎src/app/app.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<ion-menu [content]="content" id="menu-components">
2+
<ion-header>
3+
<ion-toolbar>
4+
<ion-title>Menu</ion-title>
5+
</ion-toolbar>
6+
</ion-header>
7+
8+
<ion-content>
9+
<ion-list>
10+
<button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
11+
{{p.title}}
12+
</button>
13+
</ion-list>
14+
</ion-content>
15+
16+
</ion-menu>
17+
18+
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
19+
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

‎src/app/app.module.ts

Lines changed: 151 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,151 @@
1+
import { MyApp } from './app.component';
2+
import { NgModule } from '@angular/core';
3+
import { IonicApp, IonicModule } from 'ionic-angular';
4+
import { SwingModule } from 'angular2-swing';
5+
6+
// Home Page
7+
import { HomePage } from '../pages/_home/home';
8+
9+
// Profile list
10+
import { ProfileListPage } from '../pages/profile/profile';
11+
import { ProfileOnePage } from '../pages/profile/profile-one/profile-one';
12+
import { ProfileTwoPage } from '../pages/profile/profile-two/profile-two';
13+
import { ProfileThreePage } from '../pages/profile/profile-three/profile-three';
14+
import { ProfileFourPage } from '../pages/profile/profile-four/profile-four';
15+
16+
// Lists list
17+
import { ListsPage } from '../pages/list/list';
18+
import { SlidingItemListPage } from '../pages/list/sliding-item/sliding-item';
19+
import { SettingsListPage } from '../pages/list/settings/settings';
20+
21+
// Miscellaneous list
22+
import { MiscellaneousListPage } from '../pages/miscellaneous/miscellaneous';
23+
import { ClockPage } from '../pages/miscellaneous/clock/clock';
24+
import { CountdownOnePage } from '../pages/miscellaneous/countdown/countdown';
25+
import { TinderCardsPage } from '../pages/miscellaneous/tinder-cards/tinder-cards';
26+
import { TestimonialsPage } from '../pages/miscellaneous/testimonials/testimonials';
27+
import { ParallaxScrollerPage } from '../pages/miscellaneous/parallax-scroller/parallax-scroller';
28+
import { ParallaxScrollerTwoPage } from '../pages/miscellaneous/parallax-scroller-two/parallax-scroller-two';
29+
import { CurrencyConverterPage } from '../pages/miscellaneous/currency-converter/currency-converter';
30+
import { WeatherPage } from '../pages/miscellaneous/weather/weather';
31+
import { MessagesPage } from '../pages/miscellaneous/chat/messages/messages';
32+
import { ChatsPage } from '../pages/miscellaneous/chat/chats';
33+
34+
// Popup Menu list
35+
import { PopupMenuListPage } from '../pages/popup-menu/popup-menu';
36+
import { PopupMenuOnePage } from '../pages/popup-menu/popup-menu-one/popup-menu-one';
37+
38+
// Cards list
39+
import { CardListPage } from '../pages/card/card';
40+
import { CardSocialPage } from '../pages/card/card-social/card-social';
41+
import { CardImagePage } from '../pages/card/card-image/card-image';
42+
import { CardMapPage } from '../pages/card/card-map/card-map';
43+
import { CardBackgroundPage } from '../pages/card/card-background/card-background';
44+
import { CardBadgePage } from '../pages/card/card-badge/card-badge';
45+
46+
// Buttons list
47+
import { ButtonsListPage } from '../pages/button/button';
48+
import { ButtonStylesPage } from '../pages/button/button-styles/button-styles';
49+
import { IconButtonsPage } from '../pages/button/icon-buttons/icon-buttons';
50+
import { ButtonComponentsPage } from '../pages/button/button-components/button-components';
51+
52+
// Providers
53+
import { WeatherService } from '../pages/miscellaneous/weather/weather.service';
54+
55+
// Directives
56+
import { Timer } from '../components/countdown-timer/timer';
57+
import { TypingEffect } from '../components/typing-effect/typing-effect';
58+
59+
// Pipes
60+
import { MomentPipe } from '../pipes/moment/moment.pipe';
61+
import { TemperaturePipe } from '../pages/miscellaneous/weather/temperature.pipe';
62+
63+
@NgModule({
64+
declarations: [
65+
MyApp,
66+
67+
// Pages
68+
HomePage,
69+
ProfileListPage,
70+
ProfileOnePage,
71+
ProfileTwoPage,
72+
ProfileThreePage,
73+
ProfileFourPage,
74+
MiscellaneousListPage,
75+
PopupMenuListPage,
76+
PopupMenuOnePage,
77+
TestimonialsPage,
78+
TinderCardsPage,
79+
CountdownOnePage,
80+
ParallaxScrollerPage,
81+
ParallaxScrollerTwoPage,
82+
CurrencyConverterPage,
83+
ClockPage,
84+
WeatherPage,
85+
ChatsPage,
86+
MessagesPage,
87+
CardListPage,
88+
CardBackgroundPage,
89+
CardMapPage,
90+
CardImagePage,
91+
CardSocialPage,
92+
CardBadgePage,
93+
ButtonsListPage,
94+
IconButtonsPage,
95+
ButtonComponentsPage,
96+
ButtonStylesPage,
97+
ListsPage,
98+
SettingsListPage,
99+
SlidingItemListPage,
100+
101+
// directives
102+
Timer,
103+
TypingEffect,
104+
105+
// pipes
106+
TemperaturePipe,
107+
MomentPipe
108+
],
109+
imports: [
110+
IonicModule.forRoot(MyApp),
111+
SwingModule
112+
],
113+
bootstrap: [IonicApp],
114+
entryComponents: [
115+
MyApp,
116+
HomePage,
117+
ProfileListPage,
118+
ProfileOnePage,
119+
ProfileTwoPage,
120+
ProfileThreePage,
121+
ProfileFourPage,
122+
MiscellaneousListPage,
123+
PopupMenuListPage,
124+
PopupMenuOnePage,
125+
TestimonialsPage,
126+
TinderCardsPage,
127+
CountdownOnePage,
128+
ParallaxScrollerPage,
129+
ParallaxScrollerTwoPage,
130+
CurrencyConverterPage,
131+
ClockPage,
132+
WeatherPage,
133+
ChatsPage,
134+
MessagesPage,
135+
CardListPage,
136+
CardBackgroundPage,
137+
CardMapPage,
138+
CardImagePage,
139+
CardSocialPage,
140+
CardBadgePage,
141+
ButtonsListPage,
142+
ButtonStylesPage,
143+
IconButtonsPage,
144+
ButtonComponentsPage,
145+
ListsPage,
146+
SettingsListPage,
147+
SlidingItemListPage,
148+
],
149+
providers: [WeatherService]
150+
})
151+
export class AppModule { }

‎src/app/app.scss

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
// http://ionicframework.com/docs/v2/theming/
2+
3+
4+
// App Global Sass
5+
// --------------------------------------------------
6+
// Put style rules here that you want to apply globally. These
7+
// styles are for the entire app and not just one component.
8+
// Additionally, this file can be also used as an entry point
9+
// to import other Sass files to be included in the output CSS.
10+
//
11+
// Shared Sass variables, which can be used to adjust Ionic's
12+
// default Sass variables, belong in "theme/variables.scss".
13+
//
14+
// To declare rules for a specific mode, create a child rule
15+
// for the .md, .ios, or .wp mode classes. The mode class is
16+
// automatically applied to the <body> element in the app.
17+
@import '../theme/animations';
18+
19+
.center {
20+
text-align: center;
21+
}
22+
23+
24+
25+
26+

0 commit comments

Comments
 (0)