+ Bitte auswählen
@for (formatVersion of formatVersions; track formatVersion) {
{{ formatVersion }}
}
Formatversion
diff --git a/src/app/features/ahbs/components/pruefi-input/pruefi-input.component.html b/src/app/features/ahbs/components/pruefi-input/pruefi-input.component.html
index a879dde56..506d1473a 100644
--- a/src/app/features/ahbs/components/pruefi-input/pruefi-input.component.html
+++ b/src/app/features/ahbs/components/pruefi-input/pruefi-input.component.html
@@ -1,6 +1,6 @@
Prüfidentifikator
diff --git a/src/app/features/ahbs/views/ahb-landing-page/ahb-landing-page.component.html b/src/app/features/ahbs/views/ahb-landing-page/ahb-landing-page.component.html
index d19f5b17f..87c3f93e3 100644
--- a/src/app/features/ahbs/views/ahb-landing-page/ahb-landing-page.component.html
+++ b/src/app/features/ahbs/views/ahb-landing-page/ahb-landing-page.component.html
@@ -1,69 +1,63 @@
-
-
-
-
-
-
-
-
-
- We are more than just a company
-
-
- Lorem ipsum dolor sit amet,
- test consectetur adipisicing
- elit, sed do eiusmod tempor incididunt ut labore et dolore magna
- aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
- laboris nisi ut aliquip ex ea commodo consequat.
-
-
+
+
+
+
+
+
+
+
+
+ Anwendungshandbücher für Menschen
+
+
+ Gib hier die Prüfidentifikationsnummer ein. Und die Formatversion.
+
+
+ Nutzen Sie unser benutzerfreundliches Suchformular, um direkt auf die
+ Informationen zuzugreifen, die Sie benötigen. Geben Sie einfach die
+ Formatversion und den Prüfidentifikator ein, und unser System liefert
+ Ihnen präzise Ergebnisse in Sekundenschnelle. So sparen Sie Zeit und
+ erhalten genau die Details, die für Ihre Arbeit relevant sind.
+ Probieren Sie es aus und erleben Sie, wie einfach und effizient die
+ Suche nach spezifischen Anwendungshandbüchern sein kann.
+
+
-
-
-
+
diff --git a/src/app/features/ahbs/views/ahb-page/ahb-page.component.html b/src/app/features/ahbs/views/ahb-page/ahb-page.component.html
index 0b62ea820..b99bb0b84 100644
--- a/src/app/features/ahbs/views/ahb-page/ahb-page.component.html
+++ b/src/app/features/ahbs/views/ahb-page/ahb-page.component.html
@@ -35,7 +35,7 @@
/>
Export XML
diff --git a/src/app/features/landingpage/views/landing-page/landing-page.component.html b/src/app/features/landingpage/views/landing-page/landing-page.component.html
index 165f215c3..d59c74e4c 100644
--- a/src/app/features/landingpage/views/landing-page/landing-page.component.html
+++ b/src/app/features/landingpage/views/landing-page/landing-page.component.html
@@ -1,63 +1,76 @@
-
-
-
- Auf dem letzten Hause eines kleinen Dörfchens befand sich
- ein Storchnest . Die
- Storchmutter saß im Neste bei ihren vier Jungen, welche den Kopf mit dem
- kleinen schwarzen Schnabel , denn er war noch nicht rot geworden,
- hervorstreckten. Ein Stückchen davon stand auf der Dachfirste starr und
- steif der Storchvater syntax
. Man hätte meinen können, er wäre
- aus Holz gedrechselt, so stille stand er. „Gewiss sieht es recht vornehm
- aus, dass meine Frau eine Schildwache bei dem Neste hat!“ dachte er. Und er
- stand unermüdlich auf
- einem Beine .
-
-
- Header Level 2
-
- Und was dann? fragten die Storchkinder.
-
- Dann werden wir aber doch gepfählt, wie die Knaben behaupteten, und höre
- nur, jetzt sagen sie es schon wieder!
-
-
-
-
- Unten auf der Straße spielte eine Schar Kinder und als sie die Störche
- erblickten, sang einer der dreistesten Knaben und allmählich alle zus. einen
- Vers aus einem alten Storchliede, so gut sie sich dessen erinnern konnten:
-
-
-
-
- Störchlein, Störchlein, fliege, Damit ich dich nicht kriege,
- Deine Frau, die liegt im Neste dein Bei deinen lieben Kindelein: Das
- eine wird gepfählt, Das andere wird abgekehlt, Das dritte wird verbrannt,
- Das vierte dir entwandt!
-
- Hans Andersen
-
-
-
- Höre nur, was die Jungen singen! sagten die kleinen Storchkinder. Sie sagen,
- wir sollen gebraten und verbrannt werden!
-
-
- Header Level 3
-
- Das eine wird gepfählt
- Das andere wird abgekehlt!
-
+
+
+
AHB Tabelle
+
+ Anwendungshandbücher für Menschen
+
+ Finde dein AHB
+
+ Jetzt öffnen
+
+
-
- Finde dein AHB
- lorem ipsum
-
- Jetzt oeffnen
-
+
+
+
+ Willkommen bei Ahbesser – Anwendungshandbücher für Menschen
+
+
+ Bei uns steht der Mensch im Mittelpunkt. Unser Ziel ist es, die komplexen
+ und oft schwer verständlichen Anwendungshandbücher der deutschen
+ Energiewirtschaft benutzerfreundlich und zugänglich zu machen. Mit unserem
+ Service können Sie gezielt nach Formatversionen und Prüfidentifikatoren
+ suchen und ein einzelnes Dokument nach spezifischen Details durchsuchen.
+ So sparen Sie wertvolle Zeit und Nerven, die Sie stattdessen in Ihr
+ Kerngeschäft investieren können.
+
+
+
+
+ Effiziente Suche und einfache Navigation
+
+
+ Wir wissen, dass das Durchforsten riesiger PDF-Dateien eine mühsame und
+ zeitraubende Aufgabe sein kann. Daher bieten wir Ihnen eine innovative
+ Plattform, die diesen Prozess erheblich vereinfacht. Unsere
+ benutzerfreundliche Suchfunktion ermöglicht es Ihnen, schnell und präzise
+ die Informationen zu finden, die Sie benötigen. Geben Sie einfach die
+ gewünschte Formatversion oder den Prüfidentifikator ein, und schon
+ gelangen Sie zum relevanten Dokument – klar strukturiert und leicht
+ verständlich aufbereitet.
+
+
+
+
Ihre Vorteile auf einen Blick
+
+ Mit AHB Tabellen wird die Arbeit mit Anwendungshandbüchern so effizient
+ und unkompliziert wie nie zuvor. Unsere Plattform bietet Ihnen:
+
+
+
+ Zeitersparnis: Finden Sie gezielt die
+ Informationen, die Sie benötigen, ohne lange suchen zu müssen.
+
+
+ Benutzerfreundlichkeit: Eine intuitive
+ Navigation und klare Strukturen erleichtern Ihnen den Zugang zu den
+ Dokumenten.
+
+
+ Transparenz und Klarheit: Alle relevanten
+ Details auf einen Blick, ohne die Notwendigkeit, sich durch
+ unübersichtliche PDF-Dateien zu kämpfen.
+
+
+
+ Erleben Sie den Unterschied und optimieren Sie Ihre Arbeitsabläufe mit
+ unserer intelligenten Lösung für die Verwaltung von Anwendungshandbüchern
+ in der Energiewirtschaft. Willkommen bei AHB Tabellen – weil wir an den
+ Menschen denken.
+
+
+
diff --git a/src/app/features/landingpage/views/landing-page/landing-page.component.spec.ts b/src/app/features/landingpage/views/landing-page/landing-page.component.spec.ts
index cddb4fd6c..dad2f9850 100644
--- a/src/app/features/landingpage/views/landing-page/landing-page.component.spec.ts
+++ b/src/app/features/landingpage/views/landing-page/landing-page.component.spec.ts
@@ -6,6 +6,8 @@ describe('LandingPageComponent', () => {
it('should render', () => {
const fixture = MockRender(LandingPageComponent);
- expect(ngMocks.formatHtml(fixture)).toContain('');
+ expect(ngMocks.formatHtml(fixture)).toContain(
+ 'Anwendungshandbücher für Menschen',
+ );
});
});
diff --git a/src/app/features/landingpage/views/landing-page/landing-page.component.ts b/src/app/features/landingpage/views/landing-page/landing-page.component.ts
index 852fc2cf0..28c561f99 100644
--- a/src/app/features/landingpage/views/landing-page/landing-page.component.ts
+++ b/src/app/features/landingpage/views/landing-page/landing-page.component.ts
@@ -1,11 +1,12 @@
import { Component } from '@angular/core';
import { HeaderComponent } from '../../../../shared/components/header/header.component';
import { RouterLink } from '@angular/router';
+import { FooterComponent } from '../../../../shared/components/footer/footer.component';
@Component({
selector: 'app-landing-page',
standalone: true,
- imports: [HeaderComponent, RouterLink],
+ imports: [HeaderComponent, RouterLink, FooterComponent],
templateUrl: './landing-page.component.html',
})
export class LandingPageComponent {}
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
new file mode 100644
index 000000000..05ee2fb9d
--- /dev/null
+++ b/src/app/shared/components/footer/footer.component.html
@@ -0,0 +1,3 @@
+
diff --git a/src/app/shared/components/footer/footer.component.spec.ts b/src/app/shared/components/footer/footer.component.spec.ts
new file mode 100644
index 000000000..0070205d8
--- /dev/null
+++ b/src/app/shared/components/footer/footer.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FooterComponent } from './footer.component';
+
+describe('FooterComponent', () => {
+ let component: FooterComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [FooterComponent],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(FooterComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/footer/footer.component.ts b/src/app/shared/components/footer/footer.component.ts
new file mode 100644
index 000000000..0ecd71fe6
--- /dev/null
+++ b/src/app/shared/components/footer/footer.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+import { IconLogoComponent } from '../icon-logo/icon-logo.component';
+
+@Component({
+ selector: 'app-footer',
+ standalone: true,
+ imports: [IconLogoComponent],
+ templateUrl: './footer.component.html',
+})
+export class FooterComponent {}
diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index 4041f83c5..a3882b19b 100644
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -1,13 +1,7 @@
-
+
AHB Tabelle
diff --git a/src/app/shared/components/header/header.component.spec.ts b/src/app/shared/components/header/header.component.spec.ts
index bd80e13ee..f29141e41 100644
--- a/src/app/shared/components/header/header.component.spec.ts
+++ b/src/app/shared/components/header/header.component.spec.ts
@@ -7,6 +7,6 @@ describe('HeaderComponent', () => {
it('should render', () => {
const fixture = MockRender(HeaderComponent);
const html = ngMocks.formatHtml(fixture);
- expect(html).toContain('alt="Firmenlogo von Hochfrequenz"');
+ expect(html).toContain('app-icon-logo');
});
});
diff --git a/src/app/shared/components/header/header.component.ts b/src/app/shared/components/header/header.component.ts
index fc6523554..43da3981e 100644
--- a/src/app/shared/components/header/header.component.ts
+++ b/src/app/shared/components/header/header.component.ts
@@ -1,10 +1,11 @@
import { Component } from '@angular/core';
import { RouterLink } from '@angular/router';
+import { IconLogoComponent } from '../icon-logo/icon-logo.component';
@Component({
selector: 'app-header',
standalone: true,
- imports: [RouterLink],
+ imports: [RouterLink, IconLogoComponent],
templateUrl: './header.component.html',
})
export class HeaderComponent {}
diff --git a/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.html b/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.html
new file mode 100644
index 000000000..094a544df
--- /dev/null
+++ b/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.html
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.spec.ts b/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.spec.ts
new file mode 100644
index 000000000..06d182e52
--- /dev/null
+++ b/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IconArrowLeftComponent } from './icon-arrow-left.component';
+
+describe('IconArrowLeftComponent', () => {
+ let component: IconArrowLeftComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [IconArrowLeftComponent],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(IconArrowLeftComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.ts b/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.ts
new file mode 100644
index 000000000..7ef93c14d
--- /dev/null
+++ b/src/app/shared/components/icon-arrow-left/icon-arrow-left.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-icon-arrow-left',
+ standalone: true,
+ templateUrl: './icon-arrow-left.component.html',
+})
+export class IconArrowLeftComponent {}
diff --git a/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.html b/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.html
new file mode 100644
index 000000000..a110db797
--- /dev/null
+++ b/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.html
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.spec.ts b/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.spec.ts
new file mode 100644
index 000000000..b1dbcb7aa
--- /dev/null
+++ b/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IconArrowRightComponent } from './icon-arrow-right.component';
+
+describe('IconArrowRightComponent', () => {
+ let component: IconArrowRightComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [IconArrowRightComponent],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(IconArrowRightComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.ts b/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.ts
new file mode 100644
index 000000000..ce2e5182a
--- /dev/null
+++ b/src/app/shared/components/icon-arrow-right/icon-arrow-right.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-icon-arrow-right',
+ standalone: true,
+ templateUrl: './icon-arrow-right.component.html',
+})
+export class IconArrowRightComponent {}
diff --git a/src/app/shared/components/icon-logo/icon-logo.component.html b/src/app/shared/components/icon-logo/icon-logo.component.html
new file mode 100644
index 000000000..bc6f209f0
--- /dev/null
+++ b/src/app/shared/components/icon-logo/icon-logo.component.html
@@ -0,0 +1,9 @@
+
diff --git a/src/app/shared/components/icon-logo/icon-logo.component.spec.ts b/src/app/shared/components/icon-logo/icon-logo.component.spec.ts
new file mode 100644
index 000000000..434978bdd
--- /dev/null
+++ b/src/app/shared/components/icon-logo/icon-logo.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IconLogoComponent } from './icon-logo.component';
+
+describe('IconLogoComponent', () => {
+ let component: IconLogoComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [IconLogoComponent],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(IconLogoComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/icon-logo/icon-logo.component.ts b/src/app/shared/components/icon-logo/icon-logo.component.ts
new file mode 100644
index 000000000..46f0a0915
--- /dev/null
+++ b/src/app/shared/components/icon-logo/icon-logo.component.ts
@@ -0,0 +1,10 @@
+import { Component, input } from '@angular/core';
+
+@Component({
+ selector: 'app-icon-logo',
+ standalone: true,
+ templateUrl: './icon-logo.component.html',
+})
+export class IconLogoComponent {
+ size = input(46);
+}
diff --git a/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.html b/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.html
new file mode 100644
index 000000000..7c5cc7f2b
--- /dev/null
+++ b/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.html
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.spec.ts b/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.spec.ts
new file mode 100644
index 000000000..00436ef0d
--- /dev/null
+++ b/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IconMagnifyingGlassComponent } from './icon-magnifying-glass.component';
+
+describe('IconMagnifyingGlassComponent', () => {
+ let component: IconMagnifyingGlassComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [IconMagnifyingGlassComponent],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(IconMagnifyingGlassComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.ts b/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.ts
new file mode 100644
index 000000000..1d405b146
--- /dev/null
+++ b/src/app/shared/components/icon-magnifying-glass/icon-magnifying-glass.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-icon-magnifying-glass',
+ standalone: true,
+ templateUrl: './icon-magnifying-glass.component.html',
+})
+export class IconMagnifyingGlassComponent {}
diff --git a/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.html b/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.html
index 80180fe67..d96d01ac8 100644
--- a/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.html
+++ b/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.html
@@ -1,20 +1,7 @@
-
+
diff --git a/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.ts b/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.ts
index 9eebe2f7a..fcbb9fe8c 100644
--- a/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.ts
+++ b/src/app/shared/components/input-search-enhanced/input-search-enhanced.component.ts
@@ -1,10 +1,18 @@
import { Component, effect, input, model, output } from '@angular/core';
import { FormsModule } from '@angular/forms';
+import { IconMagnifyingGlassComponent } from '../icon-magnifying-glass/icon-magnifying-glass.component';
+import { IconArrowLeftComponent } from '../icon-arrow-left/icon-arrow-left.component';
+import { IconArrowRightComponent } from '../icon-arrow-right/icon-arrow-right.component';
@Component({
selector: 'app-input-search-enhanced',
standalone: true,
- imports: [FormsModule],
+ imports: [
+ FormsModule,
+ IconMagnifyingGlassComponent,
+ IconArrowLeftComponent,
+ IconArrowRightComponent,
+ ],
templateUrl: './input-search-enhanced.component.html',
})
export class InputSearchEnhancedComponent {
diff --git a/tailwind.config.js b/tailwind.config.js
index fca0a6c09..e16437bba 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,6 +5,7 @@ module.exports = {
extend: {
colors: {
primary: "#EBBEC1",
+ tint: "#F6ECED",
},
fontFamily: {
sans: ["Roboto", "Helvetica", "Arial", "sans-serif"],