simplifying tabs/bottomNav samples

Author: rmkrmk

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

@@ -1,7 +1,7 @@
 <igx-select [value]="currentDocumentLocation" (onSelection)="handleSelection($event)">
     <label igxLabel>URL</label>
-    <igx-select-item *ngFor="let aLocation of urlLocations" [value]="aLocation.url">
-        {{ aLocation.label }}
+    <igx-select-item *ngFor="let aLocation of urlLocations" [value]="aLocation">
+        {{ aLocation }}
     </igx-select-item>
 </igx-select>
 

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

@@ -8,7 +8,12 @@ import { ISelectionEventArgs } from "igniteui-angular";
     templateUrl: "tabbar-sample-3.component.html"
 })
 export class TabbarSample3Component implements OnInit {
-    public urlLocations = [];
+    public urlLocations = [
+        "/layouts/tabbar-sample-3",
+        "/layouts/tabbar-sample-3/view1",
+        "/layouts/tabbar-sample-3/view2",
+        "/layouts/tabbar-sample-3/view3"
+    ];
 
     constructor(private router: Router) { }
 
@@ -17,25 +22,11 @@ export class TabbarSample3Component implements OnInit {
     }
 
     public ngOnInit() {
-        const availableAddresses = [
-            { label: "/layouts/tabbar-sample-3", url: "/layouts/tabbar-sample-3" },
-            { label: "/layouts/tabbar-sample-3/view1", url: "/layouts/tabbar-sample-3/view1" },
-            { label: "/layouts/tabbar-sample-3/view2", url: "/layouts/tabbar-sample-3/view2" },
-            { label: "/layouts/tabbar-sample-3/view3", url: "/layouts/tabbar-sample-3/view3" }
-        ];
-
         const currentAddress: string = document.location.href;
         if (currentAddress.indexOf("samples") !== -1) {
-            availableAddresses.forEach(address => {
-                this.urlLocations.push({
-                    label: "/samples" + address.label,
-                    url: "/samples" + address.url
-                });
-            });
-        } else {
-            availableAddresses.forEach(address => {
-                this.urlLocations.push(address);
-            });
+            for (let i = 0; i < this.urlLocations.length; i++) {
+                this.urlLocations[i] = "/samples" + this.urlLocations[i];
+            }
         }
     }
 

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

@@ -1,7 +1,7 @@
 <igx-select [value]="currentDocumentLocation" (onSelection)="handleSelection($event)">
     <label igxLabel>URL</label>
-    <igx-select-item *ngFor="let aLocation of urlLocations" [value]="aLocation.url">
-        {{ aLocation.label }}
+    <igx-select-item *ngFor="let aLocation of urlLocations" [value]="aLocation">
+        {{ aLocation }}
     </igx-select-item>
 </igx-select>
 

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

@@ -8,7 +8,12 @@ import { ISelectionEventArgs } from "igniteui-angular";
     templateUrl: "./tabs-sample-6.component.html"
 })
 export class TabsSample6Component implements OnInit {
-    public urlLocations = [];
+    public urlLocations = [
+        "/layouts/tabs-sample-6",
+        "/layouts/tabs-sample-6/view1",
+        "/layouts/tabs-sample-6/view2",
+        "/layouts/tabs-sample-6/view3"
+    ];
 
     constructor(private router: Router) { }
 
@@ -17,25 +22,11 @@ export class TabsSample6Component implements OnInit {
     }
 
     public ngOnInit() {
-        const availableAddresses = [
-            { label: "/layouts/tabs-sample-6", url: "/layouts/tabs-sample-6" },
-            { label: "/layouts/tabs-sample-6/view1", url: "/layouts/tabs-sample-6/view1" },
-            { label: "/layouts/tabs-sample-6/view2", url: "/layouts/tabs-sample-6/view2" },
-            { label: "/layouts/tabs-sample-6/view3", url: "/layouts/tabs-sample-6/view3" }
-        ];
-
         const currentAddress: string = document.location.href;
         if (currentAddress.indexOf("samples") !== -1) {
-            availableAddresses.forEach(address => {
-                this.urlLocations.push({
-                    label: "/samples" + address.label,
-                    url: "/samples" + address.url
-                });
-            });
-        } else {
-            availableAddresses.forEach(address => {
-                this.urlLocations.push(address);
-            });
+            for (let i = 0; i < this.urlLocations.length; i++) {
+                this.urlLocations[i] = "/samples" + this.urlLocations[i];
+            }
         }
     }