From f317ae2f4db7c881d42f0158e2da2510712cf983 Mon Sep 17 00:00:00 2001 From: 0qln <0qln@proton.me> Date: Sat, 6 Dec 2025 10:38:18 +0100 Subject: [PATCH] wip --- demo/src/app/app.component.html | 204 ++---------------- demo/src/app/app.component.ts | 5 +- demo/src/app/app.config.ts | 5 +- .../create-auto/create-auto.component.html | 2 +- .../app/create-auto/create-auto.component.ts | 10 +- .../display-html/display-html.component.css | 0 .../display-html/display-html.component.html | 4 + .../display-html.component.spec.ts | 23 ++ .../display-html/display-html.component.ts | 15 ++ flake.lock | 25 ++- flake.nix | 7 +- 11 files changed, 90 insertions(+), 210 deletions(-) create mode 100644 demo/src/app/display-html/display-html.component.css create mode 100644 demo/src/app/display-html/display-html.component.html create mode 100644 demo/src/app/display-html/display-html.component.spec.ts create mode 100644 demo/src/app/display-html/display-html.component.ts diff --git a/demo/src/app/app.component.html b/demo/src/app/app.component.html index 3b237e9..b4b2582 100644 --- a/demo/src/app/app.component.html +++ b/demo/src/app/app.component.html @@ -1,197 +1,17 @@ - - - - - - - - - - +
- -
Typ: {{ auto?.typ ?? "N/A" }}
-
Hersteller: {{ auto?.hersteller ?? "N/A" }}
-
Kennzeichen: {{ auto?.kennzeichen ?? "N/A" }}
+
+ +
Typ: {{ auto?.typ ?? "N/A" }}
+
Hersteller: {{ auto?.hersteller ?? "N/A" }}
+
Kennzeichen: {{ auto?.kennzeichen ?? "N/A" }}
+
+ +
+ +
+
- - - - - - - - - - diff --git a/demo/src/app/app.component.ts b/demo/src/app/app.component.ts index c72d4d3..4e53d4a 100644 --- a/demo/src/app/app.component.ts +++ b/demo/src/app/app.component.ts @@ -1,10 +1,11 @@ import { Component } from '@angular/core'; -import { RouterOutlet } from '@angular/router'; import { Auto } from './Auto'; +import { CreateAutoComponent } from './create-auto/create-auto.component'; +import { DisplayHtmlComponent } from './display-html/display-html.component'; @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [CreateAutoComponent, DisplayHtmlComponent], templateUrl: './app.component.html', styleUrl: './app.component.css' }) diff --git a/demo/src/app/app.config.ts b/demo/src/app/app.config.ts index a9af518..6c6ef60 100644 --- a/demo/src/app/app.config.ts +++ b/demo/src/app/app.config.ts @@ -1,9 +1,8 @@ -import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; +import { ApplicationConfig } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; -import { provideClientHydration, withEventReplay } from '@angular/platform-browser'; export const appConfig: ApplicationConfig = { - providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideClientHydration(withEventReplay())] + providers: [provideRouter(routes)] }; diff --git a/demo/src/app/create-auto/create-auto.component.html b/demo/src/app/create-auto/create-auto.component.html index e96e949..6e8ebd8 100644 --- a/demo/src/app/create-auto/create-auto.component.html +++ b/demo/src/app/create-auto/create-auto.component.html @@ -1,3 +1,3 @@

create-auto works!

- + diff --git a/demo/src/app/create-auto/create-auto.component.ts b/demo/src/app/create-auto/create-auto.component.ts index 52f446b..964aed1 100644 --- a/demo/src/app/create-auto/create-auto.component.ts +++ b/demo/src/app/create-auto/create-auto.component.ts @@ -5,17 +5,13 @@ import { Auto } from '../Auto'; selector: 'app-create-auto', imports: [], templateUrl: './create-auto.component.html', - styleUrl: './create-auto.component.css' + styleUrl: './create-auto.component.css', }) export class CreateAutoComponent { - constructor( - @Output() public autoInitializedEvent: EventEmitter - ) { - autoInitializedEvent = new EventEmitter(); - } + @Output() autoInitializedEvent: EventEmitter = new EventEmitter(); createAuto() { - var auto = new Auto("BMW", "e36", "DE-gho-st"); + var auto = new Auto("BMW", "e36", "DE-RS-7331"); this.autoInitializedEvent.emit(auto); } } diff --git a/demo/src/app/display-html/display-html.component.css b/demo/src/app/display-html/display-html.component.css new file mode 100644 index 0000000..e69de29 diff --git a/demo/src/app/display-html/display-html.component.html b/demo/src/app/display-html/display-html.component.html new file mode 100644 index 0000000..506be4f --- /dev/null +++ b/demo/src/app/display-html/display-html.component.html @@ -0,0 +1,4 @@ +
+

+ +
diff --git a/demo/src/app/display-html/display-html.component.spec.ts b/demo/src/app/display-html/display-html.component.spec.ts new file mode 100644 index 0000000..b7a804d --- /dev/null +++ b/demo/src/app/display-html/display-html.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DisplayHtmlComponent } from './display-html.component'; + +describe('DisplayHtmlComponent', () => { + let component: DisplayHtmlComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [DisplayHtmlComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(DisplayHtmlComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/demo/src/app/display-html/display-html.component.ts b/demo/src/app/display-html/display-html.component.ts new file mode 100644 index 0000000..1f5adf6 --- /dev/null +++ b/demo/src/app/display-html/display-html.component.ts @@ -0,0 +1,15 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-display-html', + imports: [], + templateUrl: './display-html.component.html', + styleUrl: './display-html.component.css' +}) +export class DisplayHtmlComponent { + html: string = ''; + + updateHtml() { + this.html = "neuer text ???"; + } +} diff --git a/flake.lock b/flake.lock index 8ba051b..c6b7735 100644 --- a/flake.lock +++ b/flake.lock @@ -5,11 +5,11 @@ "nixpkgs-lib": "nixpkgs-lib" }, "locked": { - "lastModified": 1762980239, - "narHash": "sha256-8oNVE8TrD19ulHinjaqONf9QWCKK+w4url56cdStMpM=", + "lastModified": 1763759067, + "narHash": "sha256-LlLt2Jo/gMNYAwOgdRQBrsRoOz7BPRkzvNaI/fzXi2Q=", "owner": "hercules-ci", "repo": "flake-parts", - "rev": "52a2caecc898d0b46b2b905f058ccc5081f842da", + "rev": "2cccadc7357c0ba201788ae99c4dfa90728ef5e0", "type": "github" }, "original": { @@ -34,6 +34,22 @@ "type": "github" } }, + "nixpkgs-angular-cli": { + "locked": { + "lastModified": 1688392541, + "narHash": "sha256-lHrKvEkCPTUO+7tPfjIcb7Trk6k31rz18vkyqmkeJfY=", + "owner": "NixOS", + "repo": "nixpkgs", + "rev": "ea4c80b39be4c09702b0cb3b42eab59e2ba4f24b", + "type": "github" + }, + "original": { + "owner": "NixOS", + "ref": "nixos-22.11", + "repo": "nixpkgs", + "type": "github" + } + }, "nixpkgs-lib": { "locked": { "lastModified": 1761765539, @@ -52,7 +68,8 @@ "root": { "inputs": { "flake-parts": "flake-parts", - "nixpkgs": "nixpkgs" + "nixpkgs": "nixpkgs", + "nixpkgs-angular-cli": "nixpkgs-angular-cli" } } }, diff --git a/flake.nix b/flake.nix index 54d8486..5d2c0cc 100644 --- a/flake.nix +++ b/flake.nix @@ -4,6 +4,7 @@ inputs = { flake-parts.url = "github:hercules-ci/flake-parts"; nixpkgs.url = "github:NixOS/nixpkgs/9da7f1cf7f8a6e2a7cb3001b048546c92a8258b4"; + nixpkgs-angular-cli.url = "github:NixOS/nixpkgs/nixos-22.11"; }; outputs = inputs @ { @@ -50,7 +51,11 @@ ])) ]; - angularPackages = with pkgs; [ + pkgs-angular-cli = import inputs.nixpkgs-angular-cli { + inherit system; + }; + + angularPackages = with pkgs-angular-cli; [ nodePackages."@angular/cli" ]; in {