added components

src/app/app.module.ts

@@ -7,6 +7,12 @@ import { NavbarComponent } from './components/shared/navbar/navbar.component';
 import { UserComponent } from './components/shared/user/user.component';
 import { SidebarComponent } from './components/shared/sidebar/sidebar.component';
 import { ClockComponent } from './components/shared/clock/clock.component';
+import { OptionsSidebarComponent } from './components/options-sidebar/options-sidebar.component';
+import { GettingStartedComponent } from './components/optionsSidebar/getting-started/getting-started.component';
+import { TimeClockComponent } from './components/optionsSidebar/time-clock/time-clock.component';
+import { TimeEntriesComponent } from './components/optionsSidebar/time-entries/time-entries.component';
+import { TimeOffComponent } from './components/optionsSidebar/time-off/time-off.component';
+import { ReportsComponent } from './components/optionsSidebar/reports/reports.component';
 
 @NgModule({
   declarations: [
@@ -15,6 +21,12 @@ import { ClockComponent } from './components/shared/clock/clock.component';
     UserComponent,
     SidebarComponent,
     ClockComponent,
+    OptionsSidebarComponent,
+    GettingStartedComponent,
+    TimeClockComponent,
+    TimeEntriesComponent,
+    TimeOffComponent,
+    ReportsComponent,
   ],
   imports: [
     BrowserModule,

src/app/components/optionsSidebar/getting-started/getting-started.component.html

@@ -0,0 +1 @@
+<p>getting-started works!</p>

src/app/components/optionsSidebar/getting-started/getting-started.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GettingStartedComponent } from './getting-started.component';
+
+describe('GettingStartedComponent', () => {
+  let component: GettingStartedComponent;
+  let fixture: ComponentFixture<GettingStartedComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ GettingStartedComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GettingStartedComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/optionsSidebar/getting-started/getting-started.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-getting-started',
+  templateUrl: './getting-started.component.html',
+  styleUrls: ['./getting-started.component.css']
+})
+export class GettingStartedComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/components/optionsSidebar/reports/reports.component.html

@@ -0,0 +1 @@
+<p>reports works!</p>

src/app/components/optionsSidebar/reports/reports.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ReportsComponent } from './reports.component';
+
+describe('ReportsComponent', () => {
+  let component: ReportsComponent;
+  let fixture: ComponentFixture<ReportsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ReportsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ReportsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/optionsSidebar/reports/reports.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-reports',
+  templateUrl: './reports.component.html',
+  styleUrls: ['./reports.component.css']
+})
+export class ReportsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/components/optionsSidebar/time-clock/time-clock.component.html

@@ -0,0 +1 @@
+<p>time-clock works!</p>

src/app/components/optionsSidebar/time-clock/time-clock.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TimeClockComponent } from './time-clock.component';
+
+describe('TimeClockComponent', () => {
+  let component: TimeClockComponent;
+  let fixture: ComponentFixture<TimeClockComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TimeClockComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TimeClockComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/optionsSidebar/time-clock/time-clock.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-time-clock',
+  templateUrl: './time-clock.component.html',
+  styleUrls: ['./time-clock.component.css']
+})
+export class TimeClockComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/components/optionsSidebar/time-entries/time-entries.component.html

@@ -0,0 +1 @@
+<p>time-entries works!</p>

src/app/components/optionsSidebar/time-entries/time-entries.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TimeEntriesComponent } from './time-entries.component';
+
+describe('TimeEntriesComponent', () => {
+  let component: TimeEntriesComponent;
+  let fixture: ComponentFixture<TimeEntriesComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TimeEntriesComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TimeEntriesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/optionsSidebar/time-entries/time-entries.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-time-entries',
+  templateUrl: './time-entries.component.html',
+  styleUrls: ['./time-entries.component.css']
+})
+export class TimeEntriesComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/components/optionsSidebar/time-off/time-off.component.html

@@ -0,0 +1 @@
+<p>time-off works!</p>

src/app/components/optionsSidebar/time-off/time-off.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TimeOffComponent } from './time-off.component';
+
+describe('TimeOffComponent', () => {
+  let component: TimeOffComponent;
+  let fixture: ComponentFixture<TimeOffComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TimeOffComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TimeOffComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/optionsSidebar/time-off/time-off.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-time-off',
+  templateUrl: './time-off.component.html',
+  styleUrls: ['./time-off.component.css']
+})
+export class TimeOffComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}