Skip to content

Commit 3c595fa

Browse files
GornivGorniv
committed
add base for ionic(not working)
1 parent 07f7f38 commit 3c595fa

13 files changed

+291
-1
lines changed

‎package.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,8 @@
4040
"font-awesome": "4.7.0",
4141
"fullcalendar": "3.7.0",
4242
"hammerjs": "2.0.8",
43+
"ionic-angular": "3.9.2",
44+
"ionicons": "3.0.0",
4345
"jquery": "3.2.1",
4446
"moment": "2.19.2",
4547
"ngx-cookie-service": "1.0.9",

‎src/app/app.component.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<li><a [routerLink]="['/material']" [routerLinkActive]="['router-link-active']">material</a></li>
55
<li><a [routerLink]="['/primeng/report']" [routerLinkActive]="['router-link-active']">primeng</a></li>
66
<li><a [routerLink]="['/mock']" [routerLinkActive]="['router-link-active']">mock</a></li>
7+
<li><a [routerLink]="['/ionic']" [routerLinkActive]="['router-link-active']">ionic</a></li>
78
</ul>
89
</nav>
910
<router-outlet></router-outlet>

‎src/app/app.routing.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ const routes: Routes = [
55
{ path: 'material', loadChildren: './materialPage/materialPage.module#MaterialPageModule' },
66
{ path: 'primeng', loadChildren: './primengPage/primengPage.module#PrimengPageModule' },
77
{ path: 'mock', loadChildren: './mock-server-browser/mock-server-browser.module#MockServerBrowserModule' },
8+
{ path: 'ionic', loadChildren: './ionic-page/ionic-page.module#IonicPageModule' },
89
];
910

1011
export const AppRoutes = RouterModule.forRoot(routes);

‎src/app/ionic-page/home-ionic/home-ionic.component.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>Ionic App</ion-title>
4+
</ion-navbar>
5+
</ion-header>
6+
<ion-content padding>
7+
{{ message }}
8+
</ion-content>

‎src/app/ionic-page/home-ionic/home-ionic.component.scss‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
/* Created by generate-ionic-scss-imports.js */
2+
@import "~ionic-angular/components/action-sheet/action-sheet";
3+
@import "~ionic-angular/components/action-sheet/action-sheet.ios";
4+
@import "~ionic-angular/components/action-sheet/action-sheet.md";
5+
@import "~ionic-angular/components/action-sheet/action-sheet.wp";
6+
@import "~ionic-angular/components/alert/alert";
7+
@import "~ionic-angular/components/alert/alert.ios";
8+
@import "~ionic-angular/components/alert/alert.md";
9+
@import "~ionic-angular/components/alert/alert.wp";
10+
@import "~ionic-angular/components/app/app";
11+
@import "~ionic-angular/components/app/app.ios";
12+
@import "~ionic-angular/components/app/app.md";
13+
@import "~ionic-angular/components/app/app.wp";
14+
@import "~ionic-angular/components/backdrop/backdrop";
15+
@import "~ionic-angular/components/badge/badge";
16+
@import "~ionic-angular/components/badge/badge.ios";
17+
@import "~ionic-angular/components/badge/badge.md";
18+
@import "~ionic-angular/components/badge/badge.wp";
19+
@import "~ionic-angular/components/button/button";
20+
@import "~ionic-angular/components/button/button-icon";
21+
@import "~ionic-angular/components/button/button.ios";
22+
@import "~ionic-angular/components/button/button.md";
23+
@import "~ionic-angular/components/button/button.wp";
24+
@import "~ionic-angular/components/card/card";
25+
@import "~ionic-angular/components/card/card.ios";
26+
@import "~ionic-angular/components/card/card.md";
27+
@import "~ionic-angular/components/card/card.wp";
28+
@import "~ionic-angular/components/checkbox/checkbox.ios";
29+
@import "~ionic-angular/components/checkbox/checkbox.md";
30+
@import "~ionic-angular/components/checkbox/checkbox.wp";
31+
@import "~ionic-angular/components/chip/chip";
32+
@import "~ionic-angular/components/chip/chip.ios";
33+
@import "~ionic-angular/components/chip/chip.md";
34+
@import "~ionic-angular/components/chip/chip.wp";
35+
@import "~ionic-angular/components/content/content";
36+
@import "~ionic-angular/components/content/content.ios";
37+
@import "~ionic-angular/components/content/content.md";
38+
@import "~ionic-angular/components/content/content.wp";
39+
@import "~ionic-angular/components/datetime/datetime";
40+
@import "~ionic-angular/components/datetime/datetime.ios";
41+
@import "~ionic-angular/components/datetime/datetime.md";
42+
@import "~ionic-angular/components/datetime/datetime.wp";
43+
@import "~ionic-angular/components/fab/fab";
44+
@import "~ionic-angular/components/fab/fab.ios";
45+
@import "~ionic-angular/components/fab/fab.md";
46+
@import "~ionic-angular/components/fab/fab.wp";
47+
@import "~ionic-angular/components/grid/grid";
48+
@import "~ionic-angular/components/icon/icon";
49+
@import "~ionic-angular/components/icon/icon.ios";
50+
@import "~ionic-angular/components/icon/icon.md";
51+
@import "~ionic-angular/components/icon/icon.wp";
52+
@import "~ionic-angular/components/img/img";
53+
@import "~ionic-angular/components/infinite-scroll/infinite-scroll";
54+
@import "~ionic-angular/components/input/input";
55+
@import "~ionic-angular/components/input/input.ios";
56+
@import "~ionic-angular/components/input/input.md";
57+
@import "~ionic-angular/components/input/input.wp";
58+
@import "~ionic-angular/components/item/item";
59+
@import "~ionic-angular/components/item/item-media";
60+
@import "~ionic-angular/components/item/item-reorder";
61+
@import "~ionic-angular/components/item/item-sliding";
62+
@import "~ionic-angular/components/item/item.ios";
63+
@import "~ionic-angular/components/item/item.md";
64+
@import "~ionic-angular/components/item/item.wp";
65+
@import "~ionic-angular/components/label/label";
66+
@import "~ionic-angular/components/label/label.ios";
67+
@import "~ionic-angular/components/label/label.md";
68+
@import "~ionic-angular/components/label/label.wp";
69+
@import "~ionic-angular/components/list/list";
70+
@import "~ionic-angular/components/list/list.ios";
71+
@import "~ionic-angular/components/list/list.md";
72+
@import "~ionic-angular/components/list/list.wp";
73+
@import "~ionic-angular/components/loading/loading";
74+
@import "~ionic-angular/components/loading/loading.ios";
75+
@import "~ionic-angular/components/loading/loading.md";
76+
@import "~ionic-angular/components/loading/loading.wp";
77+
@import "~ionic-angular/components/menu/menu";
78+
@import "~ionic-angular/components/menu/menu.ios";
79+
@import "~ionic-angular/components/menu/menu.md";
80+
@import "~ionic-angular/components/menu/menu.wp";
81+
@import "~ionic-angular/components/modal/modal";
82+
@import "~ionic-angular/components/modal/modal.ios";
83+
@import "~ionic-angular/components/modal/modal.md";
84+
@import "~ionic-angular/components/modal/modal.wp";
85+
@import "~ionic-angular/components/picker/picker";
86+
@import "~ionic-angular/components/picker/picker.ios";
87+
@import "~ionic-angular/components/picker/picker.md";
88+
@import "~ionic-angular/components/picker/picker.wp";
89+
@import "~ionic-angular/components/popover/popover";
90+
@import "~ionic-angular/components/popover/popover.ios";
91+
@import "~ionic-angular/components/popover/popover.md";
92+
@import "~ionic-angular/components/popover/popover.wp";
93+
@import "~ionic-angular/components/radio/radio.ios";
94+
@import "~ionic-angular/components/radio/radio.md";
95+
@import "~ionic-angular/components/radio/radio.wp";
96+
@import "~ionic-angular/components/range/range";
97+
@import "~ionic-angular/components/range/range.ios";
98+
@import "~ionic-angular/components/range/range.md";
99+
@import "~ionic-angular/components/range/range.wp";
100+
@import "~ionic-angular/components/refresher/refresher";
101+
@import "~ionic-angular/components/scroll/scroll";
102+
@import "~ionic-angular/components/searchbar/searchbar";
103+
@import "~ionic-angular/components/searchbar/searchbar.ios";
104+
@import "~ionic-angular/components/searchbar/searchbar.md";
105+
@import "~ionic-angular/components/searchbar/searchbar.wp";
106+
@import "~ionic-angular/components/segment/segment";
107+
@import "~ionic-angular/components/segment/segment.ios";
108+
@import "~ionic-angular/components/segment/segment.md";
109+
@import "~ionic-angular/components/segment/segment.wp";
110+
@import "~ionic-angular/components/select/select";
111+
@import "~ionic-angular/components/select/select.ios";
112+
@import "~ionic-angular/components/select/select.md";
113+
@import "~ionic-angular/components/select/select.wp";
114+
@import "~ionic-angular/components/show-hide-when/show-hide-when";
115+
@import "~ionic-angular/components/slides/slides";
116+
@import "~ionic-angular/components/spinner/spinner";
117+
@import "~ionic-angular/components/spinner/spinner.ios";
118+
@import "~ionic-angular/components/spinner/spinner.md";
119+
@import "~ionic-angular/components/spinner/spinner.wp";
120+
@import "~ionic-angular/components/tabs/tabs";
121+
@import "~ionic-angular/components/tabs/tabs.ios";
122+
@import "~ionic-angular/components/tabs/tabs.md";
123+
@import "~ionic-angular/components/tabs/tabs.wp";
124+
@import "~ionic-angular/components/toast/toast";
125+
@import "~ionic-angular/components/toast/toast.ios";
126+
@import "~ionic-angular/components/toast/toast.md";
127+
@import "~ionic-angular/components/toast/toast.wp";
128+
@import "~ionic-angular/components/toggle/toggle.ios";
129+
@import "~ionic-angular/components/toggle/toggle.md";
130+
@import "~ionic-angular/components/toggle/toggle.wp";
131+
@import "~ionic-angular/components/toolbar/toolbar";
132+
@import "~ionic-angular/components/toolbar/toolbar-button";
133+
@import "~ionic-angular/components/toolbar/toolbar.ios";
134+
@import "~ionic-angular/components/toolbar/toolbar.md";
135+
@import "~ionic-angular/components/toolbar/toolbar.wp";
136+
// @import "~ionic-angular/components/typography/typography";
137+
@import "~ionic-angular/components/typography/typography.ios";
138+
@import "~ionic-angular/components/typography/typography.md";
139+
@import "~ionic-angular/components/typography/typography.wp";
140+
@import "~ionic-angular/components/virtual-scroll/virtual-scroll";
141+
@import "~ionic-angular/platform/cordova";
142+
@import "~ionic-angular/platform/cordova.ios";
143+
@import "~ionic-angular/platform/cordova.md";
144+
@import "~ionic-angular/platform/cordova.wp";

‎src/app/ionic-page/home-ionic/home-ionic.component.ts‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { Component, OnInit } from '@angular/core';
2+
3+
@Component({
4+
selector: 'app-home-ionic',
5+
templateUrl: './home-ionic.component.html',
6+
styleUrls: ['./home-ionic.component.variables.scss']
7+
})
8+
export class HomeIonicComponent implements OnInit {
9+
message = 'Hello world';
10+
constructor() { }
11+
12+
ngOnInit() {
13+
}
14+
15+
}

‎src/app/ionic-page/home-ionic/home-ionic.component.variables.scss‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
// Ionic Variables and Theming. For more info, please see:
2+
// http://ionicframework.com/docs/v2/theming/
3+
@import "~ionic-angular/themes/ionic.globals";
4+
5+
6+
// Shared Variables
7+
// --------------------------------------------------
8+
// To customize the look and feel of this app, you can override
9+
// the Sass variables found in Ionic's source scss files.
10+
// To view all the possible Ionic variables, see:
11+
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
12+
13+
$text-color: #000;
14+
$background-color: #fff;
15+
16+
17+
// Named Color Variables
18+
// --------------------------------------------------
19+
// Named colors makes it easy to reuse colors on various components.
20+
// It's highly recommended to change the default colors
21+
// to match your app's branding. Ionic uses a Sass map of
22+
// colors so you can add, rename and remove colors as needed.
23+
// The "primary" color is the only required color in the map.
24+
25+
$colors: (
26+
primary: #387ef5,
27+
secondary: #32db64,
28+
danger: #f53d3d,
29+
light: #f4f4f4,
30+
dark: #222,
31+
favorite: #69BB7B
32+
);
33+
34+
35+
// App iOS Variables
36+
// --------------------------------------------------
37+
// iOS only Sass variables can go here
38+
39+
40+
41+
42+
// App Material Design Variables
43+
// --------------------------------------------------
44+
// Material Design only Sass variables can go here
45+
46+
47+
48+
49+
// App Windows Variables
50+
// --------------------------------------------------
51+
// Windows only Sass variables can go here
52+
53+
54+
55+
56+
// App Theme
57+
// --------------------------------------------------
58+
// Ionic apps can have different themes applied, which can
59+
// then be future customized. This import comes last
60+
// so that the above variables are used and Ionic's
61+
// default are overridden.
62+
63+
@import "~ionic-angular/themes/ionic.theme.default";
64+
65+
66+
// Ionicons
67+
// --------------------------------------------------
68+
// The premium icon font for Ionic. For more info, please see:
69+
// http://ionicframework.com/docs/v2/ionicons/
70+
71+
$ionicons-font-path: "~ionicons/dist/fonts";
72+
@import "~ionicons/dist/scss/ionicons";
73+
74+
75+
// All Ionic components
76+
77+
@import './home-ionic.component.scss';

‎src/app/ionic-page/ionic-page.component.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<ion-nav [root]="rootPage"></ion-nav>

‎src/app/ionic-page/ionic-page.component.scss‎

Whitespace-only changes.

‎src/app/ionic-page/ionic-page.component.ts‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { HomeIonicComponent } from './home-ionic/home-ionic.component';
2+
import { Component, OnInit } from '@angular/core';
3+
4+
@Component({
5+
selector: 'app-ionic-page',
6+
templateUrl: './ionic-page.component.html',
7+
styleUrls: ['./ionic-page.component.scss']
8+
})
9+
export class IonicPageComponent implements OnInit {
10+
rootPage = HomeIonicComponent;
11+
constructor() { }
12+
13+
ngOnInit() {
14+
}
15+
16+
}

0 commit comments

Comments
 (0)