diff --git a/src/app/app.component.html b/src/app/app.component.html index 36093e1..12a8d83 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,336 +1,3 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
-
- - - - - - - - - - - + + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 4a1423f..a14e255 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,12 +1,14 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; +import { HeaderComponent } from './shared/components/header/header.component'; +import { SidebarComponent } from './shared/components/sidebar/sidebar.component'; @Component({ selector: 'app-root', standalone: true, - imports: [RouterOutlet], + imports: [RouterOutlet, HeaderComponent, SidebarComponent], templateUrl: './app.component.html', - styleUrl: './app.component.scss' + styleUrl: './app.component.scss', }) export class AppComponent { title = 'join'; diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index dc39edb..77ac85e 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,3 +1,4 @@ import { Routes } from '@angular/router'; +import { SummaryComponent } from './components/summary/summary.component'; -export const routes: Routes = []; +export const routes: Routes = [{ path: '', component: SummaryComponent }]; diff --git a/src/app/components/summary/summary.component.html b/src/app/components/summary/summary.component.html new file mode 100644 index 0000000..eb0512c --- /dev/null +++ b/src/app/components/summary/summary.component.html @@ -0,0 +1 @@ +

summary works!

diff --git a/src/app/components/summary/summary.component.scss b/src/app/components/summary/summary.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/summary/summary.component.spec.ts b/src/app/components/summary/summary.component.spec.ts new file mode 100644 index 0000000..3fa64a2 --- /dev/null +++ b/src/app/components/summary/summary.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SummaryComponent } from './summary.component'; + +describe('SummaryComponent', () => { + let component: SummaryComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [SummaryComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(SummaryComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/summary/summary.component.ts b/src/app/components/summary/summary.component.ts new file mode 100644 index 0000000..032c01f --- /dev/null +++ b/src/app/components/summary/summary.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-summary', + standalone: true, + imports: [], + templateUrl: './summary.component.html', + styleUrl: './summary.component.scss' +}) +export class SummaryComponent { + +} diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html new file mode 100644 index 0000000..4f5a95d --- /dev/null +++ b/src/app/shared/components/header/header.component.html @@ -0,0 +1 @@ +

header works!

diff --git a/src/app/shared/components/header/header.component.scss b/src/app/shared/components/header/header.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shared/components/header/header.component.spec.ts b/src/app/shared/components/header/header.component.spec.ts new file mode 100644 index 0000000..4ff21e8 --- /dev/null +++ b/src/app/shared/components/header/header.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeaderComponent } from './header.component'; + +describe('HeaderComponent', () => { + let component: HeaderComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [HeaderComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HeaderComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shared/components/header/header.component.ts b/src/app/shared/components/header/header.component.ts new file mode 100644 index 0000000..c780cb4 --- /dev/null +++ b/src/app/shared/components/header/header.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-header', + standalone: true, + imports: [], + templateUrl: './header.component.html', + styleUrl: './header.component.scss' +}) +export class HeaderComponent { + +} diff --git a/src/app/shared/components/sidebar/sidebar.component.html b/src/app/shared/components/sidebar/sidebar.component.html new file mode 100644 index 0000000..52a8ffc --- /dev/null +++ b/src/app/shared/components/sidebar/sidebar.component.html @@ -0,0 +1 @@ +

sidebar works!

diff --git a/src/app/shared/components/sidebar/sidebar.component.scss b/src/app/shared/components/sidebar/sidebar.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shared/components/sidebar/sidebar.component.spec.ts b/src/app/shared/components/sidebar/sidebar.component.spec.ts new file mode 100644 index 0000000..85e49bd --- /dev/null +++ b/src/app/shared/components/sidebar/sidebar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SidebarComponent } from './sidebar.component'; + +describe('SidebarComponent', () => { + let component: SidebarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [SidebarComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(SidebarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shared/components/sidebar/sidebar.component.ts b/src/app/shared/components/sidebar/sidebar.component.ts new file mode 100644 index 0000000..7c47aad --- /dev/null +++ b/src/app/shared/components/sidebar/sidebar.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-sidebar', + standalone: true, + imports: [], + templateUrl: './sidebar.component.html', + styleUrl: './sidebar.component.scss' +}) +export class SidebarComponent { + +} diff --git a/src/favicon.ico b/src/favicon.ico index 57614f9..54d1aaf 100644 Binary files a/src/favicon.ico and b/src/favicon.ico differ diff --git a/src/styles.scss b/src/styles.scss index 90d4ee0..42d4da2 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1 +1,3 @@ -/* You can add global styles to this file, and also import other style files */ +* { + margin: auto; +}