From c484876e054c043664e62f6ec40415d673b98f86 Mon Sep 17 00:00:00 2001 From: kj1352 Date: Thu, 11 Jun 2020 09:39:58 +0530 Subject: [PATCH] Components, URLs for profile and calendar updated --- src/app/app-routing.module.ts | 6 ++++- src/app/app.module.ts | 4 ++++ src/app/calendar/calendar.component.html | 1 + src/app/calendar/calendar.component.scss | 0 src/app/calendar/calendar.component.spec.ts | 25 +++++++++++++++++++++ src/app/calendar/calendar.component.ts | 15 +++++++++++++ src/app/profile/profile.component.html | 1 + src/app/profile/profile.component.scss | 0 src/app/profile/profile.component.spec.ts | 25 +++++++++++++++++++++ src/app/profile/profile.component.ts | 15 +++++++++++++ src/app/tabs/home/home.component.html | 6 +++-- src/app/tabs/home/home.component.scss | 6 ++++- 12 files changed, 100 insertions(+), 4 deletions(-) create mode 100644 src/app/calendar/calendar.component.html create mode 100644 src/app/calendar/calendar.component.scss create mode 100644 src/app/calendar/calendar.component.spec.ts create mode 100644 src/app/calendar/calendar.component.ts create mode 100644 src/app/profile/profile.component.html create mode 100644 src/app/profile/profile.component.scss create mode 100644 src/app/profile/profile.component.spec.ts create mode 100644 src/app/profile/profile.component.ts diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index e0ce77a..57c15c4 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -5,6 +5,8 @@ import { TabsComponent } from './tabs/tabs.component'; import { DetailsComponent } from './tabs/courses/details/details.component'; import { VideoChapterComponent } from './tabs/courses/video-chapter/video-chapter.component'; import { NotesDetailsComponent } from './tabs/courses/notes-details/notes-details.component'; +import { CalendarComponent } from './calendar/calendar.component'; +import { ProfileComponent } from './profile/profile.component'; const routes: Routes = [ { path: '', pathMatch: 'full', redirectTo: 'welcome' }, @@ -14,7 +16,9 @@ const routes: Routes = [ { component: DetailsComponent, path: 'course-details' }, { component: DetailsComponent, path: 'course-details/:heading' }, { component: VideoChapterComponent, path: 'video-chapter/:heading' }, - { component: NotesDetailsComponent, path: 'notes-details/:heading' } + { component: NotesDetailsComponent, path: 'notes-details/:heading' }, + { component: CalendarComponent, path: 'calendar' }, + { component: ProfileComponent, path: 'profile' }, ]; @NgModule({ diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 88a5879..56ec6d4 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -16,6 +16,8 @@ import { VideoChapterComponent } from './tabs/courses/video-chapter/video-chapte import { NotesDetailsComponent } from './tabs/courses/notes-details/notes-details.component'; import { ServiceWorkerModule } from '@angular/service-worker'; import { environment } from '../environments/environment'; +import { CalendarComponent } from './calendar/calendar.component'; +import { ProfileComponent } from './profile/profile.component'; @NgModule({ declarations: [ @@ -29,6 +31,8 @@ import { environment } from '../environments/environment'; DetailsComponent, VideoChapterComponent, NotesDetailsComponent, + CalendarComponent, + ProfileComponent, ], imports: [ BrowserModule, diff --git a/src/app/calendar/calendar.component.html b/src/app/calendar/calendar.component.html new file mode 100644 index 0000000..6d8082c --- /dev/null +++ b/src/app/calendar/calendar.component.html @@ -0,0 +1 @@ +

calendar works!

diff --git a/src/app/calendar/calendar.component.scss b/src/app/calendar/calendar.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/calendar/calendar.component.spec.ts b/src/app/calendar/calendar.component.spec.ts new file mode 100644 index 0000000..205a029 --- /dev/null +++ b/src/app/calendar/calendar.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CalendarComponent } from './calendar.component'; + +describe('CalendarComponent', () => { + let component: CalendarComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ CalendarComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CalendarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/calendar/calendar.component.ts b/src/app/calendar/calendar.component.ts new file mode 100644 index 0000000..10f95b5 --- /dev/null +++ b/src/app/calendar/calendar.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-calendar', + templateUrl: './calendar.component.html', + styleUrls: ['./calendar.component.scss'] +}) +export class CalendarComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html new file mode 100644 index 0000000..9df0576 --- /dev/null +++ b/src/app/profile/profile.component.html @@ -0,0 +1 @@ +

profile works!

diff --git a/src/app/profile/profile.component.scss b/src/app/profile/profile.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/profile/profile.component.spec.ts b/src/app/profile/profile.component.spec.ts new file mode 100644 index 0000000..692b234 --- /dev/null +++ b/src/app/profile/profile.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProfileComponent } from './profile.component'; + +describe('ProfileComponent', () => { + let component: ProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ProfileComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/profile/profile.component.ts b/src/app/profile/profile.component.ts new file mode 100644 index 0000000..29ea4ff --- /dev/null +++ b/src/app/profile/profile.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-profile', + templateUrl: './profile.component.html', + styleUrls: ['./profile.component.scss'] +}) +export class ProfileComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/tabs/home/home.component.html b/src/app/tabs/home/home.component.html index 2b3b71b..f6d15e2 100644 --- a/src/app/tabs/home/home.component.html +++ b/src/app/tabs/home/home.component.html @@ -1,7 +1,9 @@
- + - +
diff --git a/src/app/tabs/home/home.component.scss b/src/app/tabs/home/home.component.scss index e1ea06e..e45f199 100644 --- a/src/app/tabs/home/home.component.scss +++ b/src/app/tabs/home/home.component.scss @@ -10,7 +10,6 @@ height: 35px; border-radius: 50%; overflow: hidden; - margin-right: auto; } .icon { @@ -23,6 +22,11 @@ margin-left: 25px; border: 0px; background-color: transparent; + + &.profile-button { + margin-left: 0; + margin-right: auto; + } } }