Skip to content

Commit 3426582

Browse files
rmkrmkrmkrmk
committed
replacing samples' data source
1 parent d97176e commit 3426582

File tree

5 files changed

+92
-94
lines changed

5 files changed

+92
-94
lines changed

‎src/app/layouts/layouts-routing.module.ts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -169,9 +169,9 @@ export const layoutsRoutes: Routes = [
169169
},
170170
{
171171
children: [
172-
{ path: "view1", component: BottomNavRoutingView1Component },
173-
{ path: "view2", component: BottomNavRoutingView2Component },
174-
{ path: "view3", component: BottomNavRoutingView3Component }
172+
{ path: "arrivals", component: BottomNavRoutingView1Component },
173+
{ path: "departures", component: BottomNavRoutingView2Component },
174+
{ path: "canceled", component: BottomNavRoutingView3Component }
175175
],
176176
component: TabbarSample3Component,
177177
data: layoutsRoutesData["tabbar-sample-3"],
@@ -202,9 +202,9 @@ export const layoutsRoutes: Routes = [
202202
},
203203
{
204204
children: [
205-
{ path: "view1", component: TabsRoutingView1Component },
206-
{ path: "view2", component: TabsRoutingView2Component },
207-
{ path: "view3", component: TabsRoutingView3Component }
205+
{ path: "arrivals", component: TabsRoutingView1Component },
206+
{ path: "departures", component: TabsRoutingView2Component },
207+
{ path: "canceled", component: TabsRoutingView3Component }
208208
],
209209
component: TabsSample6Component,
210210
data: layoutsRoutesData["tabs-sample-6"],

‎src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.component.html‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,25 +5,23 @@
55
</igx-select-item>
66
</igx-select>
77

8-
Use the tab items to select different group of buttons.<br>
9-
108
<router-outlet></router-outlet>
119

1210
<igx-bottom-nav>
13-
<igx-tab label="Push Buttons" icon="radio_button_unchecked"
14-
routerLink="view1"
11+
<igx-tab label="Arrivals" icon="flight_land"
12+
routerLink="arrivals"
1513
routerLinkActive #rla1="routerLinkActive"
1614
[isSelected]="rla1.isActive">
1715
</igx-tab>
1816

19-
<igx-tab label="Checkbox Buttons" icon="check_circle_outline"
20-
routerLink="view2"
17+
<igx-tab label="Departures" icon="flight_takeoff"
18+
routerLink="departures"
2119
routerLinkActive #rla2="routerLinkActive"
2220
[isSelected]="rla2.isActive">
2321
</igx-tab>
2422

25-
<igx-tab label="Radio Buttons" icon="radio_button_checked"
26-
routerLink="view3"
23+
<igx-tab label="Canceled" icon="cancel"
24+
routerLink="canceled"
2725
routerLinkActive #rla3="routerLinkActive"
2826
[isSelected]="rla3.isActive">
2927
</igx-tab>

‎src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.component.ts‎

Lines changed: 37 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ import { ISelectionEventArgs } from "igniteui-angular";
1010
export class TabbarSample3Component implements OnInit {
1111
public urlLocations = [
1212
"/layouts/tabbar-sample-3",
13-
"/layouts/tabbar-sample-3/view1",
14-
"/layouts/tabbar-sample-3/view2",
15-
"/layouts/tabbar-sample-3/view3"
13+
"/layouts/tabbar-sample-3/arrivals",
14+
"/layouts/tabbar-sample-3/departures",
15+
"/layouts/tabbar-sample-3/canceled"
1616
];
1717

1818
constructor(private router: Router) { }
@@ -36,55 +36,56 @@ export class TabbarSample3Component implements OnInit {
3636
}
3737

3838
@Component({
39-
styles: [
40-
":host { display: flex; flex-flow: column nowrap; padding: 10px; }"
41-
],
4239
template: `
43-
Push Buttons
44-
<div style="display: flex; justify-content: space-around; align-items: center; ">
45-
<button igxButton="flat" igxRipple>Flat</button> <br>
46-
<button igxButton="raised" igxRipple>Raised</button> <br>
47-
<button igxButton="outlined" igxRipple>Outlined</button> <br>
48-
<button igxButton="icon" igxRipple>
49-
<igx-icon fontSet="material">favorite</igx-icon>
50-
</button> <br>
51-
<button igxButton="fab" igxRipple>
52-
<igx-icon fontSet="material">favorite</igx-icon>
53-
</button>
54-
</div>
40+
<br>
41+
<igx-grid [data]="data" [autoGenerate]="true" height="400px" width="700px"></igx-grid>
5542
`
5643
})
5744
export class BottomNavRoutingView1Component {
45+
public data = [
46+
{ Flight: "LH1702", From: "Munich", Time: "12:25", Status: "Landed"},
47+
{ Flight: "W64332", From: "Dortmund", Time: "12:25", Status: "Expected"},
48+
{ Flight: "W64428", From: "Tel Aviv", Time: "12:40", Status: "Expected"},
49+
{ Flight: "OS795", From: "Vienna", Time: "12:45", Status: "Expected"},
50+
{ Flight: "UA9832", From: "Vienna", Time: "12:45", Status: "Expected"},
51+
{ Flight: "W64302", From: "London Luton", Time: "13:10", Status: "Expected"},
52+
{ Flight: "BA890", From: "London Heathrow", Time: "13:15", Status: "Expected"},
53+
{ Flight: "LH1426", From: "Frankfurt", Time: "13:45", Status: "Expected"},
54+
{ Flight: "AC9487", From: "Frankfurt", Time: "13:45", Status: "Expected"},
55+
{ Flight: "TP7540", From: "Frankfurt", Time: "13:45", Status: "Expected"}
56+
];
5857
}
5958

6059
@Component({
61-
styles: [
62-
":host { display: flex; flex-flow: column nowrap; padding: 10px; }",
63-
"igx-checkbox { margin-top: 16px; }"
64-
],
6560
template: `
66-
Checkbox Buttons
67-
<igx-checkbox [checked]="true">Research</igx-checkbox>
68-
<igx-checkbox [checked]="true">Design</igx-checkbox>
69-
<igx-checkbox [checked]="false">Implement</igx-checkbox>
70-
<igx-checkbox [checked]="false">Test</igx-checkbox>
71-
<igx-checkbox [checked]="false">Integrate</igx-checkbox>
61+
<br>
62+
<igx-grid [data]="data" [autoGenerate]="true" height="400px" width="700px"></igx-grid>
7263
`
7364
})
7465
export class BottomNavRoutingView2Component {
66+
public data = [
67+
{ Flight: "SU2061", From: "Moscow", Time: "12:25", Status: "Boarding"},
68+
{ Flight: "FB1363", From: "Moscow", Time: "12:25", Status: "Boarding"},
69+
{ Flight: "FB491", From: "Zurich", Time: "12:30", Status: "Taxing"},
70+
{ Flight: "FR6043", From: "Munich", Time: "12:40", Status: "Boarding"},
71+
{ Flight: "W64329", From: "Frankfurt", Time: "12:55", Status: "Expected"},
72+
{ Flight: "QR228", From: "Doha", Time: "13:00", Status: "Check-in"},
73+
{ Flight: "LH1703", From: "Munich", Time: "13:10", Status: "Check-in"},
74+
{ Flight: "AC9524", From: "Munich", Time: "13:10", Status: "Check-in"},
75+
{ Flight: "LX3817", From: "Munich", Time: "13:10", Status: "Check-in"}
76+
];
7577
}
7678

7779
@Component({
78-
styles: [
79-
":host { display: flex; flex-flow: column nowrap; padding: 10px; }",
80-
"igx-radio { margin-top: 16px; }"
81-
],
8280
template: `
83-
Radio Buttons
84-
<igx-radio *ngFor="let food of foods" [(ngModel)]="selectedFood" value="{{ food }}">{{ food }}</igx-radio>
81+
<br>
82+
<igx-grid [data]="data" [autoGenerate]="true" height="400px" width="700px"></igx-grid>
8583
`
8684
})
8785
export class BottomNavRoutingView3Component {
88-
public foods = ["Apple", "Apricot", "Banana", "Nectarine", "Orange"];
89-
public selectedFood: string = this.foods[2];
86+
public data = [
87+
{ Flight: "FB1363", From: "Moscow", Time: "12:25", Status: "Cancelled"},
88+
{ Flight: "FB491", From: "Zurich", Time: "12:30", Status: "Cancelled"},
89+
{ Flight: "FB437", From: "Frankfurt", Time: "12:45", Status: "Cancelled"}
90+
];
9091
}

‎src/app/layouts/tabs/tabs-sample-6/tabs-sample-6.component.html‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,23 +5,21 @@
55
</igx-select-item>
66
</igx-select>
77

8-
Use the tab items to select different group of buttons.<br>
9-
108
<igx-tabs>
11-
<igx-tab-item label="Push Buttons" icon="radio_button_unchecked"
12-
routerLink="view1"
9+
<igx-tab-item label="Arrivals" icon="flight_land"
10+
routerLink="arrivals"
1311
routerLinkActive #rla1="routerLinkActive"
1412
[isSelected]="rla1.isActive">
1513
</igx-tab-item>
1614

17-
<igx-tab-item label="Checkbox Buttons" icon="check_circle_outline"
18-
routerLink="view2"
15+
<igx-tab-item label="Departures" icon="flight_takeoff"
16+
routerLink="departures"
1917
routerLinkActive #rla2="routerLinkActive"
2018
[isSelected]="rla2.isActive">
2119
</igx-tab-item>
2220

23-
<igx-tab-item label="Radio Buttons" icon="radio_button_checked"
24-
routerLink="view3"
21+
<igx-tab-item label="Canceled" icon="cancel"
22+
routerLink="canceled"
2523
routerLinkActive #rla3="routerLinkActive"
2624
[isSelected]="rla3.isActive">
2725
</igx-tab-item>

‎src/app/layouts/tabs/tabs-sample-6/tabs-sample-6.component.ts‎

Lines changed: 37 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ import { ISelectionEventArgs } from "igniteui-angular";
1010
export class TabsSample6Component implements OnInit {
1111
public urlLocations = [
1212
"/layouts/tabs-sample-6",
13-
"/layouts/tabs-sample-6/view1",
14-
"/layouts/tabs-sample-6/view2",
15-
"/layouts/tabs-sample-6/view3"
13+
"/layouts/tabs-sample-6/arrivals",
14+
"/layouts/tabs-sample-6/departures",
15+
"/layouts/tabs-sample-6/canceled"
1616
];
1717

1818
constructor(private router: Router) { }
@@ -36,55 +36,56 @@ export class TabsSample6Component implements OnInit {
3636
}
3737

3838
@Component({
39-
styles: [
40-
":host { display: flex; flex-flow: column nowrap; padding: 10px; }"
41-
],
4239
template: `
43-
Push Buttons
44-
<div style="display: flex; justify-content: space-around; align-items: center; ">
45-
<button igxButton="flat" igxRipple>Flat</button> <br>
46-
<button igxButton="raised" igxRipple>Raised</button> <br>
47-
<button igxButton="outlined" igxRipple>Outlined</button> <br>
48-
<button igxButton="icon" igxRipple>
49-
<igx-icon fontSet="material">favorite</igx-icon>
50-
</button> <br>
51-
<button igxButton="fab" igxRipple>
52-
<igx-icon fontSet="material">favorite</igx-icon>
53-
</button>
54-
</div>
40+
<br>
41+
<igx-grid [data]="data" [autoGenerate]="true" height="400px" width="700px"></igx-grid>
5542
`
5643
})
5744
export class TabsRoutingView1Component {
45+
public data = [
46+
{ Flight: "LH1702", From: "Munich", Time: "12:25", Status: "Landed"},
47+
{ Flight: "W64332", From: "Dortmund", Time: "12:25", Status: "Expected"},
48+
{ Flight: "W64428", From: "Tel Aviv", Time: "12:40", Status: "Expected"},
49+
{ Flight: "OS795", From: "Vienna", Time: "12:45", Status: "Expected"},
50+
{ Flight: "UA9832", From: "Vienna", Time: "12:45", Status: "Expected"},
51+
{ Flight: "W64302", From: "London Luton", Time: "13:10", Status: "Expected"},
52+
{ Flight: "BA890", From: "London Heathrow", Time: "13:15", Status: "Expected"},
53+
{ Flight: "LH1426", From: "Frankfurt", Time: "13:45", Status: "Expected"},
54+
{ Flight: "AC9487", From: "Frankfurt", Time: "13:45", Status: "Expected"},
55+
{ Flight: "TP7540", From: "Frankfurt", Time: "13:45", Status: "Expected"}
56+
];
5857
}
5958

6059
@Component({
61-
styles: [
62-
":host { display: flex; flex-flow: column nowrap; padding: 10px; }",
63-
"igx-checkbox { margin-top: 16px; }"
64-
],
6560
template: `
66-
Checkbox Buttons
67-
<igx-checkbox [checked]="true">Research</igx-checkbox>
68-
<igx-checkbox [checked]="true">Design</igx-checkbox>
69-
<igx-checkbox [checked]="false">Implement</igx-checkbox>
70-
<igx-checkbox [checked]="false">Test</igx-checkbox>
71-
<igx-checkbox [checked]="false">Integrate</igx-checkbox>
61+
<br>
62+
<igx-grid [data]="data" [autoGenerate]="true" height="400px" width="700px"></igx-grid>
7263
`
7364
})
7465
export class TabsRoutingView2Component {
66+
public data = [
67+
{ Flight: "SU2061", From: "Moscow", Time: "12:25", Status: "Boarding"},
68+
{ Flight: "FB1363", From: "Moscow", Time: "12:25", Status: "Boarding"},
69+
{ Flight: "FB491", From: "Zurich", Time: "12:30", Status: "Taxing"},
70+
{ Flight: "FR6043", From: "Munich", Time: "12:40", Status: "Boarding"},
71+
{ Flight: "W64329", From: "Frankfurt", Time: "12:55", Status: "Expected"},
72+
{ Flight: "QR228", From: "Doha", Time: "13:00", Status: "Check-in"},
73+
{ Flight: "LH1703", From: "Munich", Time: "13:10", Status: "Check-in"},
74+
{ Flight: "AC9524", From: "Munich", Time: "13:10", Status: "Check-in"},
75+
{ Flight: "LX3817", From: "Munich", Time: "13:10", Status: "Check-in"}
76+
];
7577
}
7678

7779
@Component({
78-
styles: [
79-
":host { display: flex; flex-flow: column nowrap; padding: 10px; }",
80-
"igx-radio { margin-top: 16px; }"
81-
],
8280
template: `
83-
Radio Buttons
84-
<igx-radio *ngFor="let food of foods" [(ngModel)]="selectedFood" value="{{ food }}">{{ food }}</igx-radio>
81+
<br>
82+
<igx-grid [data]="data" [autoGenerate]="true" height="400px" width="700px"></igx-grid>
8583
`
8684
})
8785
export class TabsRoutingView3Component {
88-
public foods = ["Apple", "Apricot", "Banana", "Nectarine", "Orange"];
89-
public selectedFood: string = this.foods[2];
86+
public data = [
87+
{ Flight: "FB1363", From: "Moscow", Time: "12:25", Status: "Cancelled"},
88+
{ Flight: "FB491", From: "Zurich", Time: "12:30", Status: "Cancelled"},
89+
{ Flight: "FB437", From: "Frankfurt", Time: "12:45", Status: "Cancelled"}
90+
];
9091
}

0 commit comments

Comments
 (0)