From 6bb3d6522b1be3478f77c3600df5c25b8a4b7c73 Mon Sep 17 00:00:00 2001 From: Chneemann Date: Fri, 22 Mar 2024 19:53:45 +0100 Subject: [PATCH] basic structure created --- src/app/app.component.html | 339 +----------------- src/app/app.component.ts | 6 +- src/app/app.routes.ts | 3 +- .../components/summary/summary.component.html | 1 + .../components/summary/summary.component.scss | 0 .../summary/summary.component.spec.ts | 23 ++ .../components/summary/summary.component.ts | 12 + .../components/header/header.component.html | 1 + .../components/header/header.component.scss | 0 .../header/header.component.spec.ts | 23 ++ .../components/header/header.component.ts | 12 + .../components/sidebar/sidebar.component.html | 1 + .../components/sidebar/sidebar.component.scss | 0 .../sidebar/sidebar.component.spec.ts | 23 ++ .../components/sidebar/sidebar.component.ts | 12 + src/favicon.ico | Bin 15086 -> 15406 bytes src/styles.scss | 4 +- 17 files changed, 120 insertions(+), 340 deletions(-) create mode 100644 src/app/components/summary/summary.component.html create mode 100644 src/app/components/summary/summary.component.scss create mode 100644 src/app/components/summary/summary.component.spec.ts create mode 100644 src/app/components/summary/summary.component.ts create mode 100644 src/app/shared/components/header/header.component.html create mode 100644 src/app/shared/components/header/header.component.scss create mode 100644 src/app/shared/components/header/header.component.spec.ts create mode 100644 src/app/shared/components/header/header.component.ts create mode 100644 src/app/shared/components/sidebar/sidebar.component.html create mode 100644 src/app/shared/components/sidebar/sidebar.component.scss create mode 100644 src/app/shared/components/sidebar/sidebar.component.spec.ts create mode 100644 src/app/shared/components/sidebar/sidebar.component.ts 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 57614f9c967596fad0a3989bec2b1deff33034f6..54d1aaf1854d880884a8ad261a44a4f30174b589 100644 GIT binary patch literal 15406 zcmeHN32YQq7@jQ(D2RBVAcs{O=)Rd<%FB$9aFrQkLoHk~s|Ekpq&uQ0=R~8?l1a+g;js6utpga27!xYt8Q05`{6>@b zYi)Td4VkY==1KQltFSVsydL7GrQ=V2S7>>Pi%ju1*RxqI^=x~B8k<&E3^v8FqY*y` zI!G37Om3t7++5E;+*0q26YZ+^p4b&*7t*_UJnpf{=1o;XzRr?^EHJb-uk&GKWPUYn zDC@U97C7Igc%1VXk~E0o-zGEUy*zV`9G8v%Qt2(Ud@4-Ibu`bEg2Eu0pEA8_0)caN zSqNi{EyDO;hdBEk^f$)r35?}d)c=9{?+lT>Y>3_|wN+!zbJHDRtgov0%84f$2Aqfv*E_`1N z`2|Db>tW+|nlDt;Lw032%m!laT8K6sNMpx!4t2UTFkw5c+?pY&#P84_dYlbxiO;t%w#Ci!MkTvB_mPM#GA1kSD= z@4LW|*==~g*9`;WZF>Z9m5qJkrFERvOJKQ~Y^9T@{)1mS*XOSOXv0|3)5*KNv-cEk z?;Z6XwEtaKA4vQX2XBwu(pXMozrII|I+Ru`yyj|O;nz4=d*rrg|NrfOQ(<}`<4;$F zsb`w~csyFt+`t;JZ~pjX@^1PqHhQ={n0uoA@mQn}_S*aGJ$KiVwYIDluCnc8KcQl6 zZ*-woZN6;EZ0tj?ht71Vh~8ym*XGUAzAcuwvUk{Ld+4lmGI@_QH~6m1TVqoz^6ZL@ z9lkxrMkUkkHNwbGKMfPZq zD=+0qkfP;gfU?PxfZe*H99N?H{R7mXFp_ehy6C+V=dxv>k8no&1^c6YI4d5bGbNr6 z$S1to#FX9ReXY z<(dz0;!Sr??QQ}souqW`@tk()Os>k_dx85CI)5X7GXpt;Eh_R!$elliywVG`RsJ!k zdxvt8&~+>L{=oBsDEh^ytQ>;&&O|+O8F|5+sy*mCs#@cPjQXst*Ypog7L7h!~c@71z5MLk}rV1e46lUfxs~6 zTLJwPr+M>r2D*MlK24%{A)i}gQsSQkmXFXsYvKP{Gcd>Cc_zkf-J~iuN|TWnlKH!g zva){d?Pa%G2b6f1zSo4wPB-A@J|VTvKa- z&%@7TtX06U2ITxcNSF^IF1H{rya;2yigL%~6Ixdy5!P3MFR1@bNw@*+SOHw!be(M{O5oGu_!0=5ogYhKs zf0;q=MCd%Fb8QMNB{j&^TXU2oJV@V0C@xd*xmH#CF#k#H72r=7i*_Hxv6e1&&Zn-5 zvv@&q0d{K-l7*PfN;%{SAlegk;7oJ>1+4+LaBnE-+c)rTOoO?jT^IvDW6dq=4Y+L# z6c1_;`>;&>kGabfg>klQZzyT3nksw@+%|?He%lj;DU1FujNfgmMgQBL zC`@@K_@DN1r|bMr>o3j{i%x6&N)i95j@~%V6D=!!6I&YCv-q#v^XZ6q8dr3F|0A1L z{1njt^nbiv4eSAYr##m6TV?xy29xTJ?yfHnIem4y0>k9w_3^)q}ao7yX}`|8kWs`af3><|beC Pe{TLON*6tli3k1zA*&1a literal 15086 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 Nr__JTFzvMr^FKp4S3v*( 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; +}