diff --git a/src/components/Ausweis/Ausweisart.astro b/src/components/Ausweis/Ausweisart.astro new file mode 100644 index 00000000..d1c518b8 --- /dev/null +++ b/src/components/Ausweis/Ausweisart.astro @@ -0,0 +1,152 @@ +--- +import HelpLabel from "../HelpLabel.astro"; + +--- + +
+ +
+ +
+ + + +
+ + +
+
+ + +
+ + Bitte geben Sie hier das Baujahr der + Heizungsanlage ein. Sollten + unterschiedliche Baujahre vorliegen, + dann geben Sie einen Zeitbereich ein
z.B. 1994-2001. +
+
+ +
+
+ + +
+ + Bitte geben Sie hier das Baujahr des + Gebäudes ein. Sollte eine eine + grundlegende Sanierung von Dach, + Fenster und Heizung stattgefunden + haben, dann berücksichtigen Sie das + in dem Sie bei Sanierungsstatus + -saniert- angeben. + +
+ +
+
+ + +
+ + Bitte geben Sie hier die Anzahl der + Wohnungen ein, die sich im Gebäude + befinden. + +
+ +
+
+ + +
+ + Bitte geben Sie an ob das Gebäude + energetisch saniert oder unsaniert + ist. Wenn das Dach mindestens 12 cm + gedämmt und Heizung sowie Fenster + nicht älter als 30 Jahre sind, + können Sie saniert auswählen. + +
+ +
+
+
\ No newline at end of file diff --git a/src/components/Ausweis/DaemmungImage.astro b/src/components/Ausweis/DaemmungImage.astro new file mode 100644 index 00000000..70fd3020 --- /dev/null +++ b/src/components/Ausweis/DaemmungImage.astro @@ -0,0 +1,53 @@ +
+
+ + +

+ WICHTIG: + Bild Upload - Wärmedämmung (2 bis 4 Bilder) +

+ +

+ Seit Mai 2021 wird das neue Gebäudeenergiegesetz (GEG) in + Deutschland angewendet. Daher werden von nun an Bilder vom Gebäude + zur Einschätzung der Modernisierungsempfehlungen benötigt. Hierfür + müssen laut Gesetzgeber Detailbilder vom Sanierungszustand bzw. der + Gebäudehülle und der Anlagentechnik (Wärmeerzeuger etc.) zur + Verfügung gestellt werden. Diese Bilder erscheinen nicht auf Ihrem + Energieausweis. +

+
+
    +
  1. 1.Bild : Detailbild Dach bzw. des Dachinnenraums*
  2. +
  3. + 2.Bild : (weiteres Detailbild Dach bzw. des Dachinnenraums) +
  4. +
  5. 3.Bild : Detailbild der Außenwand*
  6. +
  7. + 4.Bild : (weiteres Detailbild der Außenwand) +
  8. +
+

* erforderliches Bild

+
+

+ Idealerweise sollte Dämmung oder nicht vorhandene Dämmung gut zu + erkennen sein. Sollte aufgrund der Verkleidung bzw. Verschalung, der + Dämmzustand nicht erkennbar sein, reicht ein Bild vom ausgebauten + Dachgeschoss und/oder ein Außenbild vom Dach-Wandanschluss. Sollte + beim Detailbild der Außenwand aufgrund des Wandaufbaus die Dämmung + nicht erkennbar sein, reicht ein normales Bild der Außenwand + und/oder vom Dach-Wandanschluss. +

+
+ +
+

+ Diese Bilder erscheinen nicht auf Ihrem + Energieausweis!
+ Bitte laden Sie hier mind. 2 Bilder hoch: +

+
+
+
diff --git a/src/components/Ausweis/FensterImage.astro b/src/components/Ausweis/FensterImage.astro new file mode 100644 index 00000000..7d7cb7ff --- /dev/null +++ b/src/components/Ausweis/FensterImage.astro @@ -0,0 +1,50 @@ +
+
+ + +

+ WICHTIG: + Bild Upload - Fenster/Dachfenster/Türen (1 bis 4 Bilder) +

+ +

+ Seit Mai 2021 wird das neue Gebäudeenergiegesetz (GEG) in + Deutschland angewendet. Daher werden von nun an Bilder vom Gebäude + zur Einschätzung der Modernisierungsempfehlungen benötigt. Hierfür + müssen laut Gesetzgeber Detailbilder vom Sanierungszustand bzw. der + Gebäudehülle und der Anlagentechnik (Wärmeerzeuger etc.) zur + Verfügung gestellt werden. Diese Bilder erscheinen nicht auf Ihrem + Energieausweis. +

+
+
    +
  1. 1. Bild : Exemplarisches Bild eines Fensters*
  2. +
  3. + 2.Bild : (Im Baualter abweichendes Fenster) +
  4. +
  5. + 3.Bild : (Im Baualter abweichendes Fenster) +
  6. +
  7. + 4.Bild : (wenn möglich, Bild der Haustür) +
  8. +
+

* erforderliches Bild

+
+

+ Wenn eine Fensterart bzw. Fensterqualität verbaut wurde, reicht ein + exemplarisches Bild, sonst pro Art ein Bild. Wenn möglich eine + Großaufnahme des Fensters bzw. des Fensterfalzes. Idealerweise + sollte der Datumsaufdruck am Verglasungsrahmen zu erkennen sein. +

+
+ +
+

+ Diese Bilder erscheinen nicht auf Ihrem + Energieausweis!
+ Bitte laden Sie hier mind. 1 Bild hoch: +

+
+
+
diff --git a/src/components/Ausweis/HeizungImage.astro b/src/components/Ausweis/HeizungImage.astro new file mode 100644 index 00000000..c77d2f9f --- /dev/null +++ b/src/components/Ausweis/HeizungImage.astro @@ -0,0 +1,57 @@ +
+
+ + +

+ WICHTIG: + Bild Upload - Heizungsanlage bzw. des Wärmeerzeugers (1 bis 4 Bilder) +

+ +

+ Seit Mai 2021 wird das neue Gebäudeenergiegesetz (GEG) in + Deutschland angewendet. Daher werden von nun an Bilder vom Gebäude + zur Einschätzung der Modernisierungsempfehlungen benötigt. Hierfür + müssen laut Gesetzgeber Detailbilder vom Sanierungszustand bzw. der + Gebäudehülle und der Anlagentechnik (Wärmeerzeuger etc.) zur + Verfügung gestellt werden. Diese Bilder erscheinen nicht auf Ihrem + Energieausweis. +

+
+
    +
  1. 1.Bild : Heizungsraum mit Heizkessel bzw. Heizungsanlage*
  2. +
  3. + 2.Bild : (wenn möglich, Warmwasserleitungen bzw. die Heizungsrohre) +
  4. +
  5. + 3.Bild : (wenn möglich, Detailbild des Wärmeerzeugers bzw. + Heizkessel) +
  6. +
  7. + 4.Bild : (wenn möglich, Bild des Typenschildes der Heizung) +
  8. +
+

* erforderliches Bild

+
+

+ Idealerweise sollte der Heizungsraum mit Heizkessel bzw. + Heizungsanlage fotografiert werden. Die Warmwasserleitungen bzw. die + Heizungsrohre sollten gut sichtbar sein und vorhandene bzw. nicht + vorhandene Dämmung sollte erkennbar sein. +

+
+ +
+

+ Diese Bilder erscheinen nicht auf Ihrem + Energieausweis!
+ Bitte laden Sie hier mind. 1 Bild hoch: +

+
+
+
diff --git a/src/components/Ausweis/Hilfe.astro b/src/components/Ausweis/Hilfe.astro index 705b9615..e8f0edda 100644 --- a/src/components/Ausweis/Hilfe.astro +++ b/src/components/Ausweis/Hilfe.astro @@ -1,3 +1,18 @@ +--- +import HelpLabel from "../HelpLabel.astro"; + +--- + +Wir helfen Ihnen bei der Eingabe. Kurze Fragen zum Formular oder der Ausweisart werden kostenfrei telefonisch beantwortet (bis 5min). Bitte kontaktieren Sie uns unter 040/209339850. Gerne nehmen wir Ihnen die Arbeit ab - Fordern Sie unseren Offline Service an und klicken auf -Hilfe anfordern- + +
@@ -5,21 +20,21 @@ Gerne helfen wir Ihnen wenn Sie nicht weiterkommen oder Fragen haben. Kurze Fragen zum Formular oder der Ausweisart werden kostenfrei telefonisch unter 040/209339850 beantwortet (bis 5min). Sollten Sie Unterstützung bei der Erstellung benötgen oder lieber die Arbeit von unserem Ingenieurbüro erledigen lassen, bieten wir Ihnen folgende Hilfen an. Bitte treffen Sie Ihre Auswahl und klicken auf weiter:
-
+
Verbrauchsausweis online inkl. ausführlicher telefonischer Beratung für 60 € inkl. MwSt.
-
+
Verbrauchsausweis offline für 180 € inkl. MwSt. (Sie schicken uns 3 Verbrauchsabrechnungen zu)
-
+
Bedarfsausweis offline für 290 € inkl. MwSt. (Sie schicken uns Grundriss- und Ansichtspläne zu)
-
+
diff --git a/src/components/Ausweis/PerformanceScore.svelte b/src/components/Ausweis/PerformanceScore.svelte index 9668d52a..5ee6c326 100644 --- a/src/components/Ausweis/PerformanceScore.svelte +++ b/src/components/Ausweis/PerformanceScore.svelte @@ -1,20 +1,15 @@ -
-
-
-
- pfeil -
-
- pfeil -
-
-
-
+
+ Energieeffizienz Skala + pfeil + pfeil +
\ No newline at end of file diff --git a/src/components/Ausweis/Verbrauch.astro b/src/components/Ausweis/Verbrauch.astro new file mode 100644 index 00000000..c5e5ac49 --- /dev/null +++ b/src/components/Ausweis/Verbrauch.astro @@ -0,0 +1,360 @@ +--- +import HelpLabel from "../HelpLabel.astro"; +--- + +
+
+
+ + Bitte geben Sie drei zusammenhängende Verbrauchsjahre der + Heizungsanlage ein. Wenn eine weitere Heizquelle vorhanden sein + sollte geben Sie diese rechts bei 'zusätzliche Heizquelle' ein. + + +
+ +
+ + Wenn eine zusätzliche Heizquelle vorhanden geben Sie hier drei + zusammenhängende Verbrauchsjahre ein. Es sollen die gleichen + Verbrauchszeiträume wie bei der primären Heizung verwendet + werden. + +
+ +
+ + Heizöl: Flüssiger Brennstoff; Heizöl wird aus schwer entflammbaren + Anteilen des Erdöls hergestellt.

+ Erdgas H, Erdgas L: Brennbares Naturgas das in unterirdischen + Lagerstätten vorkommt. Erdgas H hat im Vergleich zu Erdgas L einen + leicht höheren Methangehalt, und daher einen etwas besseren Brennwert.

+ Flüssiggas: Meist Propan, Butan und deren Gemische, die bei + Raumtemperatur unter vergleichsweise geringem Druck flüssig bleiben.

+ Braunkohle: Durch Druck und Luftabschluss von organischen + Substanzen entstandenes, bräunlich-schwarzes Sedimentgestein.

+ Holz-Pellets: Stäbchenförmige Pellets die vollständig oder + überwiegend aus Holz oder Sägenebenprodukten hergestellt werden.

+ Holzhackschnitzel: Mit schneidenden Werkzeugen zerkleinertes + Holz.

+ Nahwärme, Fernwärme: Versorgung von thermischer Energie über + wärmegedämmte Rohrsysteme. Die Wärme wird dabei örtlich von Heizwerken + produziert oder besteht aus Prozesswärme von BHKW's. Im Unterschied + zu Fernwärme wird Nahwärme in kleineren Einheiten dezentral realisiert.

+ Strommix: Heizen mit Strom (Nachtspeicher).

+ Koks: Stark kohlenstoffhaltiger Brennstoff.

+
+
+ +
+
+ +
+ + Bitte geben Sie die Einheit ein. Erdgas wird meist auf der + Abrechnung in kWh ausgewiesen. Heizöl liegt meistens in Litern + vor. Pellets oder Brennholz in SRm (Schüttraummetern). + +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+
+ +
+
+
+
von
+
+ + + + +
+ +
+
+
bis
+
+ +
+ +
+
+ Verbrauch +
+ +
+ +
+
+ Verbrauch +
+ +
+
+ +
+
+
+
von
+
+ +
+ +
+
+
bis
+
+ +
+ +
+
+ Verbrauch +
+ +
+ +
+
+ Verbrauch +
+ +
+
+ +
+
+
+
von
+
+ +
+ +
+
+
bis
+
+ +
+ +
+
+ Verbrauch +
+ +
+ +
+
+ Verbrauch +
+ +
+
+
+ + \ No newline at end of file diff --git a/src/components/HelpLabel.astro b/src/components/HelpLabel.astro new file mode 100644 index 00000000..b402ce06 --- /dev/null +++ b/src/components/HelpLabel.astro @@ -0,0 +1,35 @@ +--- +export type Props = { + title: string; +}; + +const { tooltip, title } = Astro.props; +--- + +
+ {title} +
+ ? +
+ +
+
+
+ + \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 99727b68..c1aad7da 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -103,7 +103,7 @@ const schema = JSON.stringify({ } button, .button { - @apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center; + @apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center cursor-pointer; color: #fff !important; } diff --git a/src/pages/verbrauchsausweis/index.astro b/src/pages/verbrauchsausweis/index.astro index 00f075d1..5f208cc2 100644 --- a/src/pages/verbrauchsausweis/index.astro +++ b/src/pages/verbrauchsausweis/index.astro @@ -3,6 +3,12 @@ import PerformanceScore from "~/components/Ausweis/PerformanceScore.svelte"; import ProgressBar from "~/components/Ausweis/ProgressBar.astro"; import Hilfe from "~/components/Ausweis/Hilfe.astro"; import AusweisLayout from "~/layouts/AusweisLayout.astro"; +import HelpLabel from "~/components/HelpLabel.astro"; +import Verbrauch from "~/components/Ausweis/Verbrauch.astro"; +import Ausweisart from "~/components/Ausweis/Ausweisart.astro"; +import HeizungImage from "~/components/Ausweis/HeizungImage.astro"; +import FensterImage from "~/components/Ausweis/FensterImage.astro"; +import DaemmungImage from "~/components/Ausweis/DaemmungImage.astro"; /** * include('scripts/dbcon.php'); ini_set('session.cookie_secure', "1"); @@ -55,66 +61,26 @@ if ($_SESSION["username"] == TEST_USER_NAME) {
-
-

Verbrauchsausweis erstellen - 45€

- -
+
+
+

Verbrauchsausweis erstellen - 45€

-
+ +
- +
-
-
-
-
-
-
-
- -
-
- - -
-
-
-
- - -
- -
- + +
+ + +
+
A - Prüfung der Ausweisart
- -
-
-
- -
- -
- - - -
- - -
-
- - -
- -
- -
-
- - -
- -
- -
-
- - -
- -
- -
-
- - -
- -
- -
-
-
-
-
- + + +
- - \ No newline at end of file + + +