diff --git a/.gitignore b/sandkasten/.gitignore similarity index 99% rename from .gitignore rename to sandkasten/.gitignore index 0711527..df8095d 100644 --- a/.gitignore +++ b/sandkasten/.gitignore @@ -28,6 +28,7 @@ yarn-error.log !.vscode/extensions.json .history/* + # Miscellaneous /.angular/cache .sass-cache/ diff --git a/sandkasten/src/app/code-input/code-input.component.html b/sandkasten/src/app/code-input/code-input.component.html index 7862cef..848e552 100644 --- a/sandkasten/src/app/code-input/code-input.component.html +++ b/sandkasten/src/app/code-input/code-input.component.html @@ -1,3 +1,10 @@
- + + +

{{ reponse }}

diff --git a/sandkasten/src/app/code-input/code-input.component.ts b/sandkasten/src/app/code-input/code-input.component.ts index d07091f..401deca 100644 --- a/sandkasten/src/app/code-input/code-input.component.ts +++ b/sandkasten/src/app/code-input/code-input.component.ts @@ -6,5 +6,9 @@ import { Component } from '@angular/core'; styleUrls: ['./code-input.component.css'] }) export class CodeInputComponent { - + reponse!: string; + onRunButtonClicked() { + this.reponse = 'Run button clicked'; + console.log('Run button clicked'); + } } diff --git a/sandkasten/src/app/header/header.component.css b/sandkasten/src/app/header/header.component.css index e69de29..898bc4f 100644 --- a/sandkasten/src/app/header/header.component.css +++ b/sandkasten/src/app/header/header.component.css @@ -0,0 +1,7 @@ +.header-card { + width: 35%; + + img { + width: 10%; + } +} \ No newline at end of file diff --git a/sandkasten/src/app/header/header.component.html b/sandkasten/src/app/header/header.component.html index 4f5a95d..52d2a6f 100644 --- a/sandkasten/src/app/header/header.component.html +++ b/sandkasten/src/app/header/header.component.html @@ -1 +1,6 @@ -

header works!

+
+

{{ title }}

+

{{ description }}

+

Version : {{ version }}

+ imgSrc +
diff --git a/sandkasten/src/app/header/header.component.ts b/sandkasten/src/app/header/header.component.ts index 7a817c5..7d78472 100644 --- a/sandkasten/src/app/header/header.component.ts +++ b/sandkasten/src/app/header/header.component.ts @@ -9,13 +9,13 @@ export class HeaderComponent implements OnInit { title!: string; description!: string; version!: number; - logo!: string; + imgSrc!: string; ngOnInit(): void { this.title = 'Sandkasten'; this.description = 'Ein Angular-Sandkasten'; this.version = 1.0; - this.logo = 'logo.svg'; + this.imgSrc = 'assets/img/logo.png'; } } diff --git a/sandkasten/src/assets/img/logo.png b/sandkasten/src/assets/img/logo.png new file mode 100644 index 0000000..0601412 Binary files /dev/null and b/sandkasten/src/assets/img/logo.png differ diff --git a/sandkasten/src/index.html b/sandkasten/src/index.html index f57ce58..5736d4f 100644 --- a/sandkasten/src/index.html +++ b/sandkasten/src/index.html @@ -1,13 +1,19 @@ - + - - - Sandkasten - - - - - - - + + + Sandkasten + + + + + + + + + + diff --git a/sandkasten/src/styles.css b/sandkasten/src/styles.css index 90d4ee0..e47fee6 100644 --- a/sandkasten/src/styles.css +++ b/sandkasten/src/styles.css @@ -1 +1,3 @@ -/* You can add global styles to this file, and also import other style files */ +* { + font-family: Roboto, Helvetica, sans-serif; +} \ No newline at end of file