Merge pull request #36 from ioet/remove-unnecessary-option-in-sidebar

remove Getting Started and Time Off options in sidebar

Author: enriquezrene

src/app/app-routing.module.ts

@@ -1,21 +1,17 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import { GettingStartedComponent } from './components/options-sidebar/getting-started/getting-started.component';
 import { ReportsComponent } from './components/options-sidebar/reports/reports.component';
 import { TimeClockComponent } from './components/options-sidebar/time-clock/time-clock.component';
 import { TimeEntriesComponent } from './components/options-sidebar/time-entries/time-entries.component';
-import { TimeOffComponent } from './components/options-sidebar/time-off/time-off.component';
 import { ProjectManagementComponent } from './components/options-sidebar/project-management/project-management.component';
 
 const routes: Routes = [
-  {path: 'getting-started', component: GettingStartedComponent},
   {path: 'reports', component: ReportsComponent},
   {path: 'time-clock', component: TimeClockComponent},
   {path: 'time-entries', component: TimeEntriesComponent},
-  {path: 'time-off', component: TimeOffComponent},
   {path: 'project-management', component: ProjectManagementComponent},
-  {path: '', pathMatch: 'full', redirectTo: 'getting-started'},
-  {path: '**', pathMatch: 'full', redirectTo: 'getting-started'},
+  {path: '', pathMatch: 'full', redirectTo: 'time-clock'},
+  {path: '**', pathMatch: 'full', redirectTo: 'time-clock'},
 ];
 
 @NgModule({

src/app/components/options-sidebar/getting-started/getting-started.component.css

@@ -2,12 +2,10 @@
     <!-- Sidebar -->
     <div class="bg-light border-right" id="sidebar-wrapper">
         <div class="list-group list-group-flush">
-            <a [routerLink]="['/getting-started']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="fas fa-flag"></i>   Getting Started</a>
-            <a [routerLink]="['/time-clock']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-clock"></i>   Time Clock</a>
-            <a [routerLink]="['/time-entries']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-list-alt"></i>  Time Entries</a>
-            <a [routerLink]="['/time-off']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-paper-plane"></i>  Time Off</a>
-            <a [routerLink]="['/reports']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="fas fa-chart-pie"></i>   Reports</a>
-            <a [routerLink]="['/project-management']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-folder-open"></i>   Projects</a>
+          <a [routerLink]="['/time-clock']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-clock"></i>   Time Clock</a>
+          <a [routerLink]="['/time-entries']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-list-alt"></i>  Time Entries</a>
+          <a [routerLink]="['/reports']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="fas fa-chart-pie"></i>   Reports</a>
+          <a [routerLink]="['/project-management']" routerLinkActive="dark" class="list-group-item list-group-item-action bg-light"><i class="far fa-folder-open"></i>   Projects</a>
         </div>
     </div>
     <!-- /#sidebar-wrapper -->