Kundendaten und Kaufabschluss hinzugefügt.
This commit is contained in:
Moritz Utcke
4
src/components/AnsichtsausweisButton.svelte
Normal file
4
src/components/AnsichtsausweisButton.svelte
Normal file
@@ -0,0 +1,4 @@
|
||||
<button class="border-2 rounded-lg w-[30%] bg-white">
|
||||
<img src="/images/ausweis.webp" alt="Ausweis" />
|
||||
<span class="text-black font-medium text-lg">Ansichtsausweis</span>
|
||||
</button>
|
||||
62
src/components/Ausweis/AusweisPreviewContainer.astro
Normal file
62
src/components/Ausweis/AusweisPreviewContainer.astro
Normal file
@@ -0,0 +1,62 @@
|
||||
---
|
||||
import AnsichtsausweisButton from "../AnsichtsausweisButton.svelte";
|
||||
import DatenblattButton from "../DatenblattButton.svelte";
|
||||
import HelpLabel from "../HelpLabel.astro";
|
||||
|
||||
---
|
||||
|
||||
<div class="grid grid-cols-2 p-4 gap-4">
|
||||
<div class="rounded-lg border-4 p-4 bg-white">
|
||||
<div class="GRB4">
|
||||
<div class="form-group col-md-12 nopad">
|
||||
<HelpLabel
|
||||
title="Gebäudebild Bildupload :"
|
||||
>
|
||||
Wenn vorhanden können Sie ein
|
||||
Gebäudefoto (Außenansicht)
|
||||
hochladen.
|
||||
</HelpLabel>
|
||||
<hr class="trenner_form_100" />
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<div class="row">
|
||||
<input
|
||||
type="file"
|
||||
class="image_upload"
|
||||
name="general[]"
|
||||
/>
|
||||
<div
|
||||
class="form-group col-3 image_container"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
id="uploaded_images"
|
||||
name="uploaded_images"
|
||||
value=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<canvas
|
||||
id="image_canvas"
|
||||
width="500"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-lg border-4 p-4 bg-white">
|
||||
<HelpLabel
|
||||
title="Ansichtsausweis & Datenblatt :"
|
||||
>
|
||||
Hier gehts zu Ihrem Ansichtsausweis
|
||||
und Datenblatt als PDF.
|
||||
</HelpLabel>
|
||||
<hr class="trenner_form_100" />
|
||||
|
||||
<div class="flex flex-row gap-4">
|
||||
<AnsichtsausweisButton></AnsichtsausweisButton>
|
||||
<DatenblattButton></DatenblattButton>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,7 +1,15 @@
|
||||
---
|
||||
export type Props = {
|
||||
progress: number
|
||||
}
|
||||
|
||||
const { progress } = Astro.props;
|
||||
---
|
||||
|
||||
<div class="flex flex-col relative">
|
||||
<div class="progress-section">
|
||||
<div class="w-[85%] left-9 bg-gray-100 absolute h-3 rounded-lg">
|
||||
<div class="bg-green-600 w-[50%] h-3 absolute"></div>
|
||||
<div class="bg-green-600 left-2 h-3 absolute" style={`width: ${progress}%;`}></div>
|
||||
</div>
|
||||
<span>1</span>
|
||||
<span>2</span>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
import HelpLabel from "../HelpLabel.astro";
|
||||
---
|
||||
|
||||
<div class="w-full flex flex-col">
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<div class="form-group col-md-2">
|
||||
<HelpLabel title="primäre Heizquelle">
|
||||
@@ -143,17 +143,12 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row justify-between">
|
||||
<div class="column-first">
|
||||
<div class="input-group-addon">
|
||||
<div class="bis bw">von</div>
|
||||
</div>
|
||||
|
||||
<div class="column-first grid grid-cols-2">
|
||||
<span>von</span>
|
||||
<select
|
||||
name="energieverbrauch_zeitraum_monat"
|
||||
class="form-control rounded-tr-none rounded-br-none"
|
||||
class="form-control rounded-tr-none rounded-br-none w-full"
|
||||
required
|
||||
data-msg="Pflichtfeld"
|
||||
style="font-family: 'Abel',sans-serif;"
|
||||
>
|
||||
<option value="">auswählen</option>
|
||||
<option id="Januar" value="1">Januar</option>
|
||||
@@ -172,10 +167,8 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
|
||||
<select
|
||||
name="energieverbrauch_zeitraum_jahr"
|
||||
class="form-control klima CHECK"
|
||||
class="form-control rounded-tl-none rounded-bl-none w-full"
|
||||
required
|
||||
data-msg="Pflichtfeld"
|
||||
style="font-family: 'Abel',sans-serif;"
|
||||
>
|
||||
<option value="">auswählen</option>
|
||||
<option id="2010" value="2010"> 2010</option>
|
||||
@@ -192,9 +185,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<div class="bis bw">bis</div>
|
||||
</div>
|
||||
<span>bis</span>
|
||||
<input
|
||||
id="IGverbrauch1Y2"
|
||||
tabindex="-1"
|
||||
@@ -205,9 +196,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<span class="bis">Verbrauch</span>
|
||||
</div>
|
||||
<span>Verbrauch</span>
|
||||
<input
|
||||
id="energieverbrauch_1_heizquelle_1"
|
||||
name="energieverbrauch_1_heizquelle_1"
|
||||
@@ -220,9 +209,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<span class="bis">Verbrauch</span>
|
||||
</div>
|
||||
<span>Verbrauch</span>
|
||||
<input
|
||||
id="energieverbrauch_1_heizquelle_2"
|
||||
name="energieverbrauch_1_heizquelle_2"
|
||||
@@ -236,9 +223,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
|
||||
<div class="flex flex-row justify-between">
|
||||
<div class="column-first">
|
||||
<div class="input-group-addon">
|
||||
<div class="bis bw">von</div>
|
||||
</div>
|
||||
<span>von</span>
|
||||
<input
|
||||
id="IGverbrauch2M"
|
||||
tabindex="-1"
|
||||
@@ -249,9 +234,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<div class="bis bw">bis</div>
|
||||
</div>
|
||||
<span>bis</span>
|
||||
<input
|
||||
id="IGverbrauch2Y2"
|
||||
tabindex="-1"
|
||||
@@ -262,9 +245,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<span class="bis">Verbrauch</span>
|
||||
</div>
|
||||
<span>Verbrauch</span>
|
||||
<input
|
||||
id="energieverbrauch_2_heizquelle_1"
|
||||
name="energieverbrauch_2_heizquelle_1"
|
||||
@@ -277,9 +258,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<span class="bis">Verbrauch</span>
|
||||
</div>
|
||||
<span>Verbrauch</span>
|
||||
<input
|
||||
id="energieverbrauch_2_heizquelle_2"
|
||||
name="energieverbrauch_2_heizquelle_2"
|
||||
@@ -293,9 +272,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
|
||||
<div class="flex flex-row justify-between">
|
||||
<div class="column-first">
|
||||
<div class="input-group-addon">
|
||||
<div class="bis bw">von</div>
|
||||
</div>
|
||||
<span>von</span>
|
||||
<input
|
||||
id="IGverbrauch3M"
|
||||
tabindex="-1"
|
||||
@@ -306,9 +283,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<div class="bis bw">bis</div>
|
||||
</div>
|
||||
<span>bis</span>
|
||||
<input
|
||||
id="IGverbrauch3Y2"
|
||||
tabindex="-1"
|
||||
@@ -319,9 +294,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<span class="bis">Verbrauch</span>
|
||||
</div>
|
||||
<span>Verbrauch</span>
|
||||
<input
|
||||
id="energieverbrauch_3_heizquelle_1"
|
||||
name="energieverbrauch_3_heizquelle_1"
|
||||
@@ -334,9 +307,7 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="input-group-addon">
|
||||
<span class="bis">Verbrauch</span>
|
||||
</div>
|
||||
<span>Verbrauch</span>
|
||||
<input
|
||||
id="energieverbrauch_3_heizquelle_2"
|
||||
name="energieverbrauch_3_heizquelle_2"
|
||||
@@ -351,10 +322,10 @@ import HelpLabel from "../HelpLabel.astro";
|
||||
|
||||
<style>
|
||||
.column-first {
|
||||
@apply flex flex-row items-center w-[300px];
|
||||
@apply flex flex-row items-center w-[300px] gap-4;
|
||||
}
|
||||
|
||||
.column {
|
||||
@apply flex flex-row items-center gap-4;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
4
src/components/DatenblattButton.svelte
Normal file
4
src/components/DatenblattButton.svelte
Normal file
@@ -0,0 +1,4 @@
|
||||
<button class="border-2 rounded-lg w-[30%] bg-white">
|
||||
<img src="/images/datenblatt.webp" alt="Datenblatt" />
|
||||
<span class="text-black font-medium text-lg">Datenblatt</span>
|
||||
</button>
|
||||
@@ -2,7 +2,7 @@
|
||||
const currentYear = new Date().getFullYear();
|
||||
---
|
||||
|
||||
<div class="flex flex-row justify-between px-4 items-center">
|
||||
<a href="/impressum.php">Impressum und Datenschutz</a>
|
||||
<a class="" href="/">© {currentYear} IB Cornelsen Hamburg.</a>
|
||||
<div class="flex flex-row justify-between px-4 items-center bg-primary py-2">
|
||||
<a class="text-white font-medium text-lg" href="/impressum.php">Impressum und Datenschutz</a>
|
||||
<a class="text-white font-medium text-lg" href="/">© {currentYear} IB Cornelsen Hamburg.</a>
|
||||
</div>
|
||||
@@ -7,12 +7,12 @@ const { tooltip, title } = Astro.props;
|
||||
---
|
||||
|
||||
<div class="flex flex-row justify-between mb-2">
|
||||
<span>{title}</span>
|
||||
<label>{title}</label>
|
||||
<div data-tooltip={tooltip} class="relative tooltip-opener cursor-help">
|
||||
<img
|
||||
src="/images/question-mark.png"
|
||||
alt="?"
|
||||
class="w-[25px] h-[25px]"
|
||||
class="w-[20px] h-[20px]"
|
||||
/>
|
||||
<div class="tooltip">
|
||||
<slot></slot>
|
||||
@@ -21,8 +21,8 @@ const { tooltip, title } = Astro.props;
|
||||
</div>
|
||||
|
||||
<style>
|
||||
span {
|
||||
@apply text-sm font-semibold;
|
||||
label {
|
||||
@apply text-base font-medium;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
|
||||
58
src/components/Kaufabschluss/KundendatenContainer.svelte
Normal file
58
src/components/Kaufabschluss/KundendatenContainer.svelte
Normal file
@@ -0,0 +1,58 @@
|
||||
<div class="GRB">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Kunde<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefon<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E-Mail<input type="text" readonly /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="1">
|
||||
<hr />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Rechnungsempfänger<input type="text" readonly /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Zusatzzeile<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Strasse<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Telefon<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
E-Mail<input type="text" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> PLZ und Ort<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<hr />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Versandempfänger<input type="text" readonly /> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zusatzzeile<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Strasse<input type="text" readonly /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PLZ und Ort<input type="text" readonly /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
176
src/components/Kaufabschluss/PriceContainer.svelte
Normal file
176
src/components/Kaufabschluss/PriceContainer.svelte
Normal file
@@ -0,0 +1,176 @@
|
||||
<script lang="ts">
|
||||
import AnsichtsausweisButton from "../AnsichtsausweisButton.svelte";
|
||||
import DatenblattButton from "../DatenblattButton.svelte";
|
||||
|
||||
export let prices: number[];
|
||||
|
||||
let basePrice: number = prices[0];
|
||||
let Qualitätsdruck: boolean;
|
||||
let Aushang: boolean;
|
||||
let SameDayService: boolean;
|
||||
let TelefonischeBeratung: boolean;
|
||||
|
||||
$: price = basePrice + (Qualitätsdruck ? 9 : 0) + (Aushang ? 10 : 0) + (SameDayService ? 29 : 0) + (TelefonischeBeratung ? 75 : 0);
|
||||
</script>
|
||||
|
||||
<div class="GRB">
|
||||
<table>
|
||||
<tr>
|
||||
<td><strong>Produkt:</strong></td>
|
||||
<td><input type="text" value="Verbrauchsausweis" readonly /> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Beschreibung:</strong></td>
|
||||
<td>
|
||||
<div
|
||||
style="background-color: #fff; padding:1em; border:1px solid #ccc;"
|
||||
>
|
||||
Registrierung beim DiBt<br />
|
||||
Prüfung durch Diplom Ingenieur<br />
|
||||
Energieausweis Vorschau als PDF<br />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Netto-Preis</td>
|
||||
<td
|
||||
><input
|
||||
style="width:100%;text-align:right;"
|
||||
type="text"
|
||||
id="Preisnetto"
|
||||
name="Preisnetto"
|
||||
value={(price * 0.81).toFixed(2) + "€"}
|
||||
readonly
|
||||
/></td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>19% gesetzl. MwSt.</td>
|
||||
<td
|
||||
><input
|
||||
style="width:100%;text-align:right;"
|
||||
type="text"
|
||||
id="Preismwst"
|
||||
name="Preismwst"
|
||||
value={(price * 0.19).toFixed(2) + "€"}
|
||||
readonly
|
||||
/></td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Preis inkl. MwSt.</td>
|
||||
<td
|
||||
><input
|
||||
style="width:100%;text-align:right;font-weight:bold;"
|
||||
type="text"
|
||||
id="Preisbrutto"
|
||||
name="Preisbrutto"
|
||||
value={price + "€"}
|
||||
readonly
|
||||
/>
|
||||
|
||||
<input type="hidden" id="Preiskomplett" name="Preiskomplett" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr />
|
||||
<div>
|
||||
<strong
|
||||
>Hiermit bestelle ich folgende Version des Energieausweises:<br
|
||||
/></strong
|
||||
>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td
|
||||
>Verbrauchsausweis online für {prices[0]} € inkl. MwSt. als PDF
|
||||
per E-Mail</td
|
||||
>
|
||||
<td
|
||||
><input type="radio" bind:group={basePrice} value={prices[0]} name="Preis" checked />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
>Verbrauchsausweis online inkl. Beratung für {prices[1]}
|
||||
€ inkl. MwSt. als PDF per E-Mail</td
|
||||
>
|
||||
<td><input type="radio" bind:group={basePrice} value={prices[1]} name="Preis" /> </td>
|
||||
</tr><tr>
|
||||
<td
|
||||
>Verbrauchsausweis offline für {prices[2]} € inkl. MwSt. als
|
||||
PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)</td
|
||||
>
|
||||
<td><input type="radio" bind:group={basePrice} value={prices[2]} name="Preis" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<table>
|
||||
<strong>Zusatzleistungen:<br /></strong>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
>Qualitätsdruck per Post (zusätzlich zur PDF Version) für 9€
|
||||
inkl. MwSt.</td
|
||||
>
|
||||
<td
|
||||
><input
|
||||
type="checkbox"
|
||||
class="IGZusatzleistung"
|
||||
bind:checked={Qualitätsdruck}
|
||||
name="QD"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
>Aushang (für öffentliche Gebäude gesetzlich vorgeschrieben) für
|
||||
10€ inkl. MwSt.</td
|
||||
>
|
||||
<td
|
||||
><input
|
||||
type="checkbox"
|
||||
class="IGZusatzleistung"
|
||||
bind:checked={Aushang}
|
||||
name="AH"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
>Same Day Service (Bestellung Werktags vor 12:00 Uhr -
|
||||
Ausstellung bis 18:00 Uhr am gleichen Tag) für 29€ inkl. MwSt.</td
|
||||
>
|
||||
<td
|
||||
><input
|
||||
type="checkbox"
|
||||
class="IGZusatzleistung"
|
||||
bind:checked={SameDayService}
|
||||
name="SD"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefonische Energieeffizienzberatung für 75€ inkl. MwSt.</td>
|
||||
<td
|
||||
><input
|
||||
type="checkbox"
|
||||
class="IGZusatzleistung"
|
||||
bind:checked={TelefonischeBeratung}
|
||||
name="NA"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="flex flex-row gap-4">
|
||||
<AnsichtsausweisButton />
|
||||
<DatenblattButton />
|
||||
</div>
|
||||
</div>
|
||||
@@ -6,22 +6,12 @@
|
||||
>Energieausweis erstellen</a
|
||||
>
|
||||
<div class="dropdown-content">
|
||||
<a
|
||||
href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php"
|
||||
class="card-menu-option">Verbrauchsausweis erstellen</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/bedarfsausweis-erstellen.php"
|
||||
class="card-menu-option">Bedarfsausweis erstellen</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php"
|
||||
class="card-menu-option"
|
||||
<a href="/verbrauchsausweis">Verbrauchsausweis erstellen</a>
|
||||
<a href="/bedarfsausweis">Bedarfsausweis erstellen</a>
|
||||
<a href="/verbrauchsausweis-gewerbe"
|
||||
>Verbrauchsausweis Gewerbe erstellen</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen.php"
|
||||
class="card-menu-option"
|
||||
<a href="/bedarfsausweis-gewerbe"
|
||||
>Bedarfsausweis Gewerbe anfragen</a
|
||||
>
|
||||
</div>
|
||||
@@ -34,42 +24,34 @@
|
||||
<div class="dropdown-content">
|
||||
<a
|
||||
href="/verbrauchsausweis/verbrauchsausweis-wohngebaeude.php"
|
||||
class="card-menu-option"
|
||||
>Verbrauchsausweis Wohngebäude</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php"
|
||||
class="card-menu-option"
|
||||
>Verbrauchsausweis online erstellen</a
|
||||
>
|
||||
<a
|
||||
href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis.php"
|
||||
class="card-menu-option"
|
||||
>Häufige Fragen zum Verbrauchsausweis</a
|
||||
>
|
||||
<a
|
||||
href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis.php"
|
||||
class="card-menu-option"
|
||||
>Statistiken zum Verbrauchsausweis Wohngebäude</a
|
||||
>
|
||||
<hr class="nav-hr" />
|
||||
<a
|
||||
href="/verbrauchsausweis/verbrauchsausweis-gewerbe.php"
|
||||
class="card-menu-option">Verbrauchsausweis Gewerbe</a
|
||||
<a href="/verbrauchsausweis/verbrauchsausweis-gewerbe.php"
|
||||
>Verbrauchsausweis Gewerbe</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php"
|
||||
class="card-menu-option"
|
||||
>Verbrauchsausweis Gewerbe online erstellen</a
|
||||
>
|
||||
<a
|
||||
href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis-gewerbe.php"
|
||||
class="card-menu-option"
|
||||
>Häufige Fragen zum Verbrauchsausweis Gewerbe</a
|
||||
>
|
||||
<a
|
||||
href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis-gewerbe.php"
|
||||
class="card-menu-option"
|
||||
>Statistiken zum Verbrauchsausweis Gewerbe</a
|
||||
>
|
||||
</div>
|
||||
@@ -77,38 +59,30 @@
|
||||
<div class="card-menu-option dropdown">
|
||||
<a href="/bedarfsausweis/">Bedarfsausweis</a>
|
||||
<div class="dropdown-content">
|
||||
<a
|
||||
href="/bedarfsausweis/bedarfsausweis-wohngebaeude.php"
|
||||
class="card-menu-option">Bedarfsausweis Wohngebäude</a
|
||||
<a href="/bedarfsausweis/bedarfsausweis-wohngebaeude.php"
|
||||
>Bedarfsausweis Wohngebäude</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/bedarfsausweis-erstellen.php"
|
||||
class="card-menu-option"
|
||||
>Bedarfsausweis online erstellen</a
|
||||
>
|
||||
<a
|
||||
href="/bedarfsausweis/haeufige-fragen-zum-bedarfsausweis.php"
|
||||
class="card-menu-option"
|
||||
>Häufige Fragen zum Bedarfsausweis</a
|
||||
>
|
||||
<a
|
||||
href="/bedarfsausweis/statistiken-zum-bedarfsausweis.php"
|
||||
class="card-menu-option"
|
||||
<a href="/bedarfsausweis/statistiken-zum-bedarfsausweis.php"
|
||||
>Statistiken zum Bedarfsausweis Wohngebäude</a
|
||||
>
|
||||
<hr class="nav-hr" />
|
||||
<a
|
||||
href="/bedarfsausweis/bedarfsausweis-gewerbe.php"
|
||||
class="card-menu-option">Bedarfsausweis Gewerbe</a
|
||||
<a href="/bedarfsausweis/bedarfsausweis-gewerbe.php"
|
||||
>Bedarfsausweis Gewerbe</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen.php"
|
||||
class="card-menu-option"
|
||||
>Bedarfsausweis Gewerbe anfragen</a
|
||||
>
|
||||
<a
|
||||
href="/bedarfsausweis/haeufige-fragen-zum-bedarfsausweis-gewerbe.php"
|
||||
class="card-menu-option"
|
||||
>Häufige Fragen zum Bedarfsausweis Gewerbe</a
|
||||
>
|
||||
</div>
|
||||
@@ -116,17 +90,13 @@
|
||||
<div class="card-menu-option dropdown">
|
||||
<a href="/">Energieausweis</a>
|
||||
<div class="dropdown-content">
|
||||
<a
|
||||
href="/energieausweis-pflicht.php"
|
||||
class="card-menu-option">Energieausweis Pflicht</a
|
||||
<a href="/energieausweis-pflicht.php"
|
||||
>Energieausweis Pflicht</a
|
||||
>
|
||||
<a
|
||||
href="/energieausweis-kosten.php"
|
||||
class="card-menu-option">Energieausweis Kosten</a
|
||||
>
|
||||
<a href="/energieausweis-haus.php" class="card-menu-option"
|
||||
>Energieausweis Haus</a
|
||||
<a href="/energieausweis-kosten.php"
|
||||
>Energieausweis Kosten</a
|
||||
>
|
||||
<a href="/energieausweis-haus.php">Energieausweis Haus</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="card-menu-option" href="/enev-zusammenfassung"
|
||||
@@ -135,11 +105,11 @@
|
||||
<a class="card-menu-option" href="/energieausweis-aussteller"
|
||||
>Energieausweis Aussteller</a
|
||||
>
|
||||
<a
|
||||
class="card-menu-option"
|
||||
href="/kundenbewertungen"
|
||||
<a class="card-menu-option" href="/kundenbewertungen"
|
||||
>Kundenbewertungen</a
|
||||
>
|
||||
<a class="card-menu-option" href="/faq">FAQ</a>
|
||||
<a class="card-menu-option" href="/developers">Für Entwickler</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -192,4 +162,98 @@
|
||||
.infoCard {
|
||||
@apply bg-white rounded-none;
|
||||
}
|
||||
</style>
|
||||
|
||||
.dropdown-content > .card-menu-option,
|
||||
.dropdown-content > a {
|
||||
@apply block w-[350px] bg-gray-100 border text-lg px-4 py-2;
|
||||
}
|
||||
|
||||
.dropdown-content > .card-menu-option:hover,
|
||||
.dropdown-content > a:hover {
|
||||
background-color: #444f94 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
@apply absolute bg-white left-full top-[-1px] shadow-md z-10 hidden;
|
||||
}
|
||||
|
||||
.dropdown:hover > .dropdown-content {
|
||||
@apply block;
|
||||
}
|
||||
|
||||
.dropdown::after {
|
||||
content: "\276F";
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
transform: translate(0, -50%) rotate(0deg);
|
||||
transition: transform 0.25s;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-content:hover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown::after {
|
||||
content: "\276F";
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 20px;
|
||||
transform: translate(0, -50%) rotate(0deg);
|
||||
transition: transform 0.25s;
|
||||
}
|
||||
|
||||
.card-menu-option {
|
||||
padding: 10px 20px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-decoration: none !important;
|
||||
width: auto;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #fff;
|
||||
font-weight: 400;
|
||||
font-size: 1.1em;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border-left: 0px solid #fff;
|
||||
border-right: 0px solid #fff;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:first-child {
|
||||
border-top: 0px solid #fff;
|
||||
border-top-left-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:last-child {
|
||||
border-bottom: 0px solid #fff;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:hover > a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:hover {
|
||||
background-color: #ff7d26;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -86,7 +86,7 @@ const schema = JSON.stringify({
|
||||
|
||||
<body>
|
||||
<Header />
|
||||
<main class="grid gap-8 p-8 grid-cols-[2fr,8fr] max-w-[1920px] w-full">
|
||||
<main class="grid gap-6 p-6 grid-cols-[2fr,8fr] max-w-[1920px] w-full">
|
||||
<SidebarLeft></SidebarLeft>
|
||||
<article class="mainContent">
|
||||
<slot />
|
||||
@@ -106,11 +106,6 @@ const schema = JSON.stringify({
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
font-family: Abel, Roboto, sand-serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-xl font-medium mt-6 mb-4;
|
||||
}
|
||||
@@ -118,4 +113,8 @@ const schema = JSON.stringify({
|
||||
input {
|
||||
@apply py-2 px-4 w-full outline-none text-lg text-slate-800 border;
|
||||
}
|
||||
|
||||
input:disabled {
|
||||
@apply bg-gray-100 border-gray-300;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -86,7 +86,7 @@ const schema = JSON.stringify({
|
||||
|
||||
<body>
|
||||
<Header />
|
||||
<main class="content">
|
||||
<main class="grid gap-6 p-6 grid-cols-[2fr,6fr,2fr] max-w-[1920px] w-full">
|
||||
<SidebarLeft></SidebarLeft>
|
||||
<article class="mainContent">
|
||||
<slot />
|
||||
@@ -107,11 +107,6 @@ const schema = JSON.stringify({
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
font-family: Abel, Roboto, sand-serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-xl font-medium mt-6 mb-4;
|
||||
}
|
||||
@@ -119,4 +114,8 @@ const schema = JSON.stringify({
|
||||
input {
|
||||
@apply py-2 px-4 w-full outline-none text-lg text-slate-800 border;
|
||||
}
|
||||
|
||||
label {
|
||||
@apply text-base font-semibold;
|
||||
}
|
||||
</style>
|
||||
|
||||
0
src/pages/bedarfsausweis-gewerbe/index.astro
Normal file
0
src/pages/bedarfsausweis-gewerbe/index.astro
Normal file
427
src/pages/bedarfsausweis-gewerbe/kaufabschluss.astro
Normal file
427
src/pages/bedarfsausweis-gewerbe/kaufabschluss.astro
Normal file
@@ -0,0 +1,427 @@
|
||||
---
|
||||
const prices = [45, 60, 160];
|
||||
---
|
||||
if ($ausweisart == 'VA') {
|
||||
$P1 = 45;
|
||||
$P2 = 60;
|
||||
$P3 = 160;
|
||||
$P7 = 15;
|
||||
$jsfile = 'VA-inputs.js';
|
||||
$Produkt1 = 'Verbrauchsausweis online für ' . $P1 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt2 = 'Verbrauchsausweis online inkl. Beratung für ' . $P2 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt3 = 'Verbrauchsausweis offline für ' . $P3 . ' € inkl. MwSt. als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)';
|
||||
$datena = '../energieausweis-erstellen/verbrauchsausweis-erstellen.php';
|
||||
$Produkt = 'Verbrauchsausweis';
|
||||
}
|
||||
if ($ausweisart == 'VANW') {
|
||||
$P1 = 65;
|
||||
$P2 = 80;
|
||||
$P3 = 360;
|
||||
$P7 = 15;
|
||||
$jsfile = 'VANW-inputs.js';
|
||||
$Produkt1 = 'Verbrauchsausweis Gewerbe online für ' . $P1 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt2 = 'Verbrauchsausweis Gewerbe online inkl. Beratung für ' . $P2 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt3 = 'Verbrauchsausweis Gewerbe offline für ' . $P3 . ' € inkl. MwSt. als PDF per E-Mail(Sie schicken uns 3 Verbrauchsabrechnungen)';
|
||||
$datena = '../energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php';
|
||||
$Produkt = 'Verbrauchsausweis Gewerbe';
|
||||
}
|
||||
if ($ausweisart == 'BA') {
|
||||
$P1 = 75;
|
||||
$P2 = 95;
|
||||
$P7 = 15;
|
||||
$jsfile = 'BA-inputs.js';
|
||||
$Produkt1 = 'Bedarfsausweis online für ' . $P1 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt2 = 'Bedarfsausweis online inkl. Beratung für ' . $P2 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt3 = "";
|
||||
$datena = '../energieausweis-erstellen/bedarfsausweis-erstellen.php';
|
||||
$Produkt = 'Bedarfsausweis';
|
||||
}
|
||||
$Produkt7 = 'Ausweiskorrektur für ' . $P7 . ' € inkl. MwSt.';
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<Layout>
|
||||
<div id="wrapper">
|
||||
<div style="padding:0px;">
|
||||
<?php // include_once "$ROOT/public/energieausweis-erstellen/FORM/kaufabschluss-before.php"; ?>
|
||||
<br>
|
||||
|
||||
<div class="col-md-12" id="view">
|
||||
<div id="progress-VA_01" class="row">
|
||||
|
||||
<div id="progress" class="col-md-6" style="width:100%;position:relative;">
|
||||
|
||||
<h1 class="FORM_H1"><?php echo $headART; ?></h1>
|
||||
|
||||
<div class="progressC" style="display:inline-block;position:relative;">
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="#">
|
||||
<div class="progress-nr" style="left:0;">1</div>
|
||||
</a>
|
||||
<div class="progress-txt" style="left:-5%;">Gebäudedaten</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="#">
|
||||
<div class="progress-nr" style="left:50%;">2</div>
|
||||
</a>
|
||||
<div class="progress-txt" style="left:45%;">Kundendaten</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="#">
|
||||
<div class="progress-nr" style="left:100%;">3</div>
|
||||
</a>
|
||||
<div class="progress-txt" style="left:94%;">Kaufabschluss</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php include_once "$ROOT/public/energieausweis-erstellen/FORM/pfeil-view.php"; ?>
|
||||
|
||||
<div id="wrapper-input">
|
||||
|
||||
|
||||
<form id="VA-abschluss" action="FORM/transfer/VA_3to4.php" method="POST" novalidate>
|
||||
<fieldset>
|
||||
|
||||
<div class="col-md-12 EQ-TOP">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-md-6 EQ">
|
||||
<div class="GRB">
|
||||
|
||||
<table class="tb_AB">
|
||||
<tr>
|
||||
<td><strong>Produkt:</strong></td>
|
||||
<td><input style="width:100%;" type="text" value="<?php echo $Produkt; ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Beschreibung:</strong></td>
|
||||
<td>
|
||||
<div style="background-color: #fff; padding:1em; border:1px solid #ccc;">
|
||||
|
||||
Registrierung beim DiBt<br />
|
||||
Prüfung durch Diplom Ingenieur<br />
|
||||
Energieausweis Vorschau als PDF<br />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Netto-Preis</td>
|
||||
<td><input style="width:100%;text-align:right;" type="text" id="Preisnetto" name="Preisnetto" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>19% gesetzl. MwSt.</td>
|
||||
<td><input style="width:100%;text-align:right;" type="text" id="Preismwst" name="Preismwst" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Preis inkl. MwSt.</td>
|
||||
<td><input style="width:100%;text-align:right;font-weight:bold;" type="text" id="Preisbrutto" name="Preisbrutto" readonly>
|
||||
|
||||
<input type="hidden" id="Preiskomplett" name="Preiskomplett" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<hr class="trenner_form" />
|
||||
<div class="GRB">
|
||||
|
||||
<div>
|
||||
|
||||
<strong>Hiermit bestelle ich folgende Version des
|
||||
Energieausweises:<br></strong>
|
||||
|
||||
<table class="ka_zl">
|
||||
<tr>
|
||||
<td>Verbrauchsausweis online für {prices[0]} € inkl. MwSt. als PDF per E-Mail</td>
|
||||
<td><input type="radio" id="Preis1" name="Preis" value="<?php echo $P1; ?>" checked/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Verbrauchsausweis online inkl. Beratung für {prices[1]} € inkl. MwSt. als PDF per E-Mail</td>
|
||||
<td><input type="radio" id="Preis2" name="Preis" value="<?php echo $P2; ?>" <?php if (session()->get("hilfe") == 1) { echo "checked"; } ?>/>
|
||||
</td>
|
||||
</tr><tr>
|
||||
<td>Verbrauchsausweis offline für {prices[2]} € inkl. MwSt. als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)</td>
|
||||
<td><input type='radio' name='Preis'/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<?php if (session()->get("hilfe") == 4 and $ausweisart == 'VANW') {
|
||||
echo "<td>Bedarfsausweis Gewerbe offline ab 476 € inkl. MwSt. als PDF per E-Mail (Sie schicken uns Grundriss- und Ansichtspläne zur Angebotserstellung zu)</td>
|
||||
<td><input type=\"radio\" id=\"Preis4\" name=\"Preis\" value=\"476\" CHECKED /></td>
|
||||
</tr>
|
||||
<tr>";
|
||||
} ?>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="GRB">
|
||||
|
||||
<table class="ka_zl">
|
||||
<strong>Zusatzleistungen:<br></strong>
|
||||
|
||||
<tr>
|
||||
<td>Qualitätsdruck per Post (zusätzlich zur PDF Version)
|
||||
für 9€ inkl. MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="QD" name="QD" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Aushang (für öffentliche Gebäude gesetzlich
|
||||
vorgeschrieben) für 10€ inkl. MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="AH" name="AH" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Same Day Service (Bestellung Werktags vor 12:00 Uhr
|
||||
– Ausstellung bis 18:00 Uhr am gleichen Tag) für 29€
|
||||
inkl. MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="SD" name="SD" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefonische Energieeffizienzberatung für 75€ inkl.
|
||||
MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="NA" name="NA" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="GRB">
|
||||
|
||||
|
||||
<a href='/energieausweis-erstellen/datenblatt.php?id=<?php echo $ausweis->public_id ?>' target="_blank">
|
||||
<div class="pdf-datenblatt">
|
||||
<img class="button-img" src="FORM/img/datenblatt.png" alt="Datenblatt">
|
||||
<span style="color:black;font-weight:bold;">Datenblatt
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href='/energieausweis-erstellen/ansichtsausweis.php?id=<?php echo $ausweis->public_id ?>' target="_blank">
|
||||
<div class="pdf-anzeigen">
|
||||
<img class="button-img" src="FORM/img/ausweis.png" alt="Ausweis">
|
||||
<span style="color:black;font-weight:bold;">Ansichtsausweis
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<div style="clear:both;"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-md-6 EQ">
|
||||
<div class="GRB2">
|
||||
|
||||
<table class="tb_AB">
|
||||
<tr>
|
||||
<td>Kunde<input style="width:100%;" type="text" value="<?php echo prop($user, "anrede") . " " . prop($user, "vorname") . " " . prop($user, "name"); ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefon<input style="width:100%;" type="text" value="<?php echo prop($user, "phone"); ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E-Mail<input style="width:100%;" type="text" value="<?php echo prop($user, "email"); ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="1">
|
||||
<hr class="trenner_form" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td <?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Rechnungsempfänger<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['name']; ?>" readonly></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Zusatzzeile<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['zusatzzeile']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Strasse<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['adresse']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Telefon<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['telefon']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
E-Mail<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['email']; ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
PLZ und Ort<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['plz'] . " " . $rechnung_adresse['ort']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?> colspan="1">
|
||||
<hr class="trenner_form" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Versandempfänger<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "name"); ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zusatzzeile<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "zusatzzeile"); ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Strasse<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "adresse"); ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PLZ und Ort<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "plz") . " " . prop($versand_adresse, "ort"); ?>" readonly></td>
|
||||
</tr>
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
|
||||
|
||||
<div style="gap: 30px; display: flex; flex-direction: row; padding: 0 15px;">
|
||||
<div class="GRB gap-md column" style="width: 100%;" id="payment-option-container">
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/local-payment.min.js"></script>
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/client.min.js"></script>
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/paypal-checkout.min.js"></script>
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/hosted-fields.min.js"></script>
|
||||
<input type="hidden" name="payment_id" id="payment_id_input">
|
||||
<input type="hidden" name="payment_nonce" id="payment_nonce_input">
|
||||
<input type="hidden" name="payment_type" id="payment_type_input">
|
||||
<script>
|
||||
const UNIQUE_CUSTOMER_ID = "<?php echo $ausweis->public_id ?>";
|
||||
const BILLING_NAME = "<?php echo $rechnung_adresse['name']; ?>";
|
||||
</script>
|
||||
<script src="/energieausweis-erstellen/FORM/js/braintree-payment.js" async defer></script>
|
||||
<h4>Bitte wählen sie ihre Bezahlmethode aus.</h2>
|
||||
<div class="flex-row justify-between">
|
||||
<div class="column gap-md">
|
||||
<div class="payment-option-card" id="paypal-button">
|
||||
<img src="../../images/paypal.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit PayPal">Zahlen mit PayPal</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="giropay-button">
|
||||
<img src="../../images/giropay.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Giropay">Zahlen mit Giropay</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="sofort-button">
|
||||
<img src="../../images/sofort.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Sofort">Zahlen mit Sofort</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column gap-md">
|
||||
<div class="payment-option-card" id="kreditkarte-button">
|
||||
<img src="../../images/mastercard.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Kreditkarte">Zahlen mit Kreditkarte</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="rechnung-button">
|
||||
<img src="../../images/rechnung.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Rechnung">Zahlen mit Rechnung</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="sepa-button">
|
||||
<img src="../../images/sepa.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit SEPA über PayPal">SEPA über PayPal</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="GRB" style="width: 100%; padding: 15px;" id="payment-information-box"></div>
|
||||
</div>
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6 " style="text-align:left; ">"
|
||||
|
||||
<div class="form-group col-md-6 " style="text-align:left; ">
|
||||
<a class="weiterbutton" style="background-color: #31448e;" href=<?php echo $datena; ?>>Daten ändern</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<?php // TODO: FIX REGNUMMER include("$ROOT/public/energieausweis-erstellen/FORM/scripts/REGNUMMER.php");
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
0
src/pages/bedarfsausweis/index.astro
Normal file
0
src/pages/bedarfsausweis/index.astro
Normal file
6
src/pages/developers/index.astro
Normal file
6
src/pages/developers/index.astro
Normal file
@@ -0,0 +1,6 @@
|
||||
---
|
||||
import Layout from "~/layouts/Layout.astro"
|
||||
|
||||
---
|
||||
|
||||
<Layout title="FAQ - IBCornelsen"></Layout>
|
||||
6
src/pages/faq/index.astro
Normal file
6
src/pages/faq/index.astro
Normal file
@@ -0,0 +1,6 @@
|
||||
---
|
||||
import Layout from "~/layouts/Layout.astro"
|
||||
|
||||
---
|
||||
|
||||
<Layout title="FAQ - IBCornelsen"></Layout>
|
||||
0
src/pages/verbrauchsausweis-gewerbe/index.astro
Normal file
0
src/pages/verbrauchsausweis-gewerbe/index.astro
Normal file
427
src/pages/verbrauchsausweis-gewerbe/kaufabschluss.astro
Normal file
427
src/pages/verbrauchsausweis-gewerbe/kaufabschluss.astro
Normal file
@@ -0,0 +1,427 @@
|
||||
---
|
||||
const prices = [45, 60, 160];
|
||||
---
|
||||
if ($ausweisart == 'VA') {
|
||||
$P1 = 45;
|
||||
$P2 = 60;
|
||||
$P3 = 160;
|
||||
$P7 = 15;
|
||||
$jsfile = 'VA-inputs.js';
|
||||
$Produkt1 = 'Verbrauchsausweis online für ' . $P1 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt2 = 'Verbrauchsausweis online inkl. Beratung für ' . $P2 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt3 = 'Verbrauchsausweis offline für ' . $P3 . ' € inkl. MwSt. als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)';
|
||||
$datena = '../energieausweis-erstellen/verbrauchsausweis-erstellen.php';
|
||||
$Produkt = 'Verbrauchsausweis';
|
||||
}
|
||||
if ($ausweisart == 'VANW') {
|
||||
$P1 = 65;
|
||||
$P2 = 80;
|
||||
$P3 = 360;
|
||||
$P7 = 15;
|
||||
$jsfile = 'VANW-inputs.js';
|
||||
$Produkt1 = 'Verbrauchsausweis Gewerbe online für ' . $P1 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt2 = 'Verbrauchsausweis Gewerbe online inkl. Beratung für ' . $P2 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt3 = 'Verbrauchsausweis Gewerbe offline für ' . $P3 . ' € inkl. MwSt. als PDF per E-Mail(Sie schicken uns 3 Verbrauchsabrechnungen)';
|
||||
$datena = '../energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php';
|
||||
$Produkt = 'Verbrauchsausweis Gewerbe';
|
||||
}
|
||||
if ($ausweisart == 'BA') {
|
||||
$P1 = 75;
|
||||
$P2 = 95;
|
||||
$P7 = 15;
|
||||
$jsfile = 'BA-inputs.js';
|
||||
$Produkt1 = 'Bedarfsausweis online für ' . $P1 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt2 = 'Bedarfsausweis online inkl. Beratung für ' . $P2 . ' € inkl. MwSt. als PDF per E-Mail';
|
||||
$Produkt3 = "";
|
||||
$datena = '../energieausweis-erstellen/bedarfsausweis-erstellen.php';
|
||||
$Produkt = 'Bedarfsausweis';
|
||||
}
|
||||
$Produkt7 = 'Ausweiskorrektur für ' . $P7 . ' € inkl. MwSt.';
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<Layout>
|
||||
<div id="wrapper">
|
||||
<div style="padding:0px;">
|
||||
<?php // include_once "$ROOT/public/energieausweis-erstellen/FORM/kaufabschluss-before.php"; ?>
|
||||
<br>
|
||||
|
||||
<div class="col-md-12" id="view">
|
||||
<div id="progress-VA_01" class="row">
|
||||
|
||||
<div id="progress" class="col-md-6" style="width:100%;position:relative;">
|
||||
|
||||
<h1 class="FORM_H1"><?php echo $headART; ?></h1>
|
||||
|
||||
<div class="progressC" style="display:inline-block;position:relative;">
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="#">
|
||||
<div class="progress-nr" style="left:0;">1</div>
|
||||
</a>
|
||||
<div class="progress-txt" style="left:-5%;">Gebäudedaten</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="#">
|
||||
<div class="progress-nr" style="left:50%;">2</div>
|
||||
</a>
|
||||
<div class="progress-txt" style="left:45%;">Kundendaten</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="#">
|
||||
<div class="progress-nr" style="left:100%;">3</div>
|
||||
</a>
|
||||
<div class="progress-txt" style="left:94%;">Kaufabschluss</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php include_once "$ROOT/public/energieausweis-erstellen/FORM/pfeil-view.php"; ?>
|
||||
|
||||
<div id="wrapper-input">
|
||||
|
||||
|
||||
<form id="VA-abschluss" action="FORM/transfer/VA_3to4.php" method="POST" novalidate>
|
||||
<fieldset>
|
||||
|
||||
<div class="col-md-12 EQ-TOP">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-md-6 EQ">
|
||||
<div class="GRB">
|
||||
|
||||
<table class="tb_AB">
|
||||
<tr>
|
||||
<td><strong>Produkt:</strong></td>
|
||||
<td><input style="width:100%;" type="text" value="<?php echo $Produkt; ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Beschreibung:</strong></td>
|
||||
<td>
|
||||
<div style="background-color: #fff; padding:1em; border:1px solid #ccc;">
|
||||
|
||||
Registrierung beim DiBt<br />
|
||||
Prüfung durch Diplom Ingenieur<br />
|
||||
Energieausweis Vorschau als PDF<br />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Netto-Preis</td>
|
||||
<td><input style="width:100%;text-align:right;" type="text" id="Preisnetto" name="Preisnetto" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>19% gesetzl. MwSt.</td>
|
||||
<td><input style="width:100%;text-align:right;" type="text" id="Preismwst" name="Preismwst" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Preis inkl. MwSt.</td>
|
||||
<td><input style="width:100%;text-align:right;font-weight:bold;" type="text" id="Preisbrutto" name="Preisbrutto" readonly>
|
||||
|
||||
<input type="hidden" id="Preiskomplett" name="Preiskomplett" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<hr class="trenner_form" />
|
||||
<div class="GRB">
|
||||
|
||||
<div>
|
||||
|
||||
<strong>Hiermit bestelle ich folgende Version des
|
||||
Energieausweises:<br></strong>
|
||||
|
||||
<table class="ka_zl">
|
||||
<tr>
|
||||
<td>Verbrauchsausweis online für {prices[0]} € inkl. MwSt. als PDF per E-Mail</td>
|
||||
<td><input type="radio" id="Preis1" name="Preis" value="<?php echo $P1; ?>" checked/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Verbrauchsausweis online inkl. Beratung für {prices[1]} € inkl. MwSt. als PDF per E-Mail</td>
|
||||
<td><input type="radio" id="Preis2" name="Preis" value="<?php echo $P2; ?>" <?php if (session()->get("hilfe") == 1) { echo "checked"; } ?>/>
|
||||
</td>
|
||||
</tr><tr>
|
||||
<td>Verbrauchsausweis offline für {prices[2]} € inkl. MwSt. als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)</td>
|
||||
<td><input type='radio' name='Preis'/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<?php if (session()->get("hilfe") == 4 and $ausweisart == 'VANW') {
|
||||
echo "<td>Bedarfsausweis Gewerbe offline ab 476 € inkl. MwSt. als PDF per E-Mail (Sie schicken uns Grundriss- und Ansichtspläne zur Angebotserstellung zu)</td>
|
||||
<td><input type=\"radio\" id=\"Preis4\" name=\"Preis\" value=\"476\" CHECKED /></td>
|
||||
</tr>
|
||||
<tr>";
|
||||
} ?>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="GRB">
|
||||
|
||||
<table class="ka_zl">
|
||||
<strong>Zusatzleistungen:<br></strong>
|
||||
|
||||
<tr>
|
||||
<td>Qualitätsdruck per Post (zusätzlich zur PDF Version)
|
||||
für 9€ inkl. MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="QD" name="QD" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Aushang (für öffentliche Gebäude gesetzlich
|
||||
vorgeschrieben) für 10€ inkl. MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="AH" name="AH" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Same Day Service (Bestellung Werktags vor 12:00 Uhr
|
||||
– Ausstellung bis 18:00 Uhr am gleichen Tag) für 29€
|
||||
inkl. MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="SD" name="SD" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefonische Energieeffizienzberatung für 75€ inkl.
|
||||
MwSt.</td>
|
||||
<td><input type="checkbox" class="IGZusatzleistung" id="NA" name="NA" value="x">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="GRB">
|
||||
|
||||
|
||||
<a href='/energieausweis-erstellen/datenblatt.php?id=<?php echo $ausweis->public_id ?>' target="_blank">
|
||||
<div class="pdf-datenblatt">
|
||||
<img class="button-img" src="FORM/img/datenblatt.png" alt="Datenblatt">
|
||||
<span style="color:black;font-weight:bold;">Datenblatt
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href='/energieausweis-erstellen/ansichtsausweis.php?id=<?php echo $ausweis->public_id ?>' target="_blank">
|
||||
<div class="pdf-anzeigen">
|
||||
<img class="button-img" src="FORM/img/ausweis.png" alt="Ausweis">
|
||||
<span style="color:black;font-weight:bold;">Ansichtsausweis
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<div style="clear:both;"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-md-6 EQ">
|
||||
<div class="GRB2">
|
||||
|
||||
<table class="tb_AB">
|
||||
<tr>
|
||||
<td>Kunde<input style="width:100%;" type="text" value="<?php echo prop($user, "anrede") . " " . prop($user, "vorname") . " " . prop($user, "name"); ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefon<input style="width:100%;" type="text" value="<?php echo prop($user, "phone"); ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E-Mail<input style="width:100%;" type="text" value="<?php echo prop($user, "email"); ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="1">
|
||||
<hr class="trenner_form" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td <?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Rechnungsempfänger<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['name']; ?>" readonly></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Zusatzzeile<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['zusatzzeile']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Strasse<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['adresse']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
Telefon<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['telefon']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
E-Mail<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['email']; ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?>>
|
||||
PLZ und Ort<input style="width:100%;" type="text" value="<?php echo $rechnung_adresse['plz'] . " " . $rechnung_adresse['ort']; ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td<?php if ($_SESSION['recode'] == 'ohne-makler') {
|
||||
echo " style=\"display: none;\">";
|
||||
} ?> colspan="1">
|
||||
<hr class="trenner_form" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Versandempfänger<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "name"); ?>" readonly>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zusatzzeile<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "zusatzzeile"); ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Strasse<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "adresse"); ?>" readonly></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PLZ und Ort<input style="width:100%;" type="text" value="<?php echo prop($versand_adresse, "plz") . " " . prop($versand_adresse, "ort"); ?>" readonly></td>
|
||||
</tr>
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
|
||||
|
||||
<div style="gap: 30px; display: flex; flex-direction: row; padding: 0 15px;">
|
||||
<div class="GRB gap-md column" style="width: 100%;" id="payment-option-container">
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/local-payment.min.js"></script>
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/client.min.js"></script>
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/paypal-checkout.min.js"></script>
|
||||
<script src="https://js.braintreegateway.com/web/3.88.4/js/hosted-fields.min.js"></script>
|
||||
<input type="hidden" name="payment_id" id="payment_id_input">
|
||||
<input type="hidden" name="payment_nonce" id="payment_nonce_input">
|
||||
<input type="hidden" name="payment_type" id="payment_type_input">
|
||||
<script>
|
||||
const UNIQUE_CUSTOMER_ID = "<?php echo $ausweis->public_id ?>";
|
||||
const BILLING_NAME = "<?php echo $rechnung_adresse['name']; ?>";
|
||||
</script>
|
||||
<script src="/energieausweis-erstellen/FORM/js/braintree-payment.js" async defer></script>
|
||||
<h4>Bitte wählen sie ihre Bezahlmethode aus.</h2>
|
||||
<div class="flex-row justify-between">
|
||||
<div class="column gap-md">
|
||||
<div class="payment-option-card" id="paypal-button">
|
||||
<img src="../../images/paypal.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit PayPal">Zahlen mit PayPal</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="giropay-button">
|
||||
<img src="../../images/giropay.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Giropay">Zahlen mit Giropay</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="sofort-button">
|
||||
<img src="../../images/sofort.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Sofort">Zahlen mit Sofort</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column gap-md">
|
||||
<div class="payment-option-card" id="kreditkarte-button">
|
||||
<img src="../../images/mastercard.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Kreditkarte">Zahlen mit Kreditkarte</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="rechnung-button">
|
||||
<img src="../../images/rechnung.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit Rechnung">Zahlen mit Rechnung</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="sepa-button">
|
||||
<img src="../../images/sepa.png" class="payment-option-logo">
|
||||
<div class="payment-option-label" aria-label="Zahlen mit SEPA über PayPal">SEPA über PayPal</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="GRB" style="width: 100%; padding: 15px;" id="payment-information-box"></div>
|
||||
</div>
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6 " style="text-align:left; ">"
|
||||
|
||||
<div class="form-group col-md-6 " style="text-align:left; ">
|
||||
<a class="weiterbutton" style="background-color: #31448e;" href=<?php echo $datena; ?>>Daten ändern</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<?php // TODO: FIX REGNUMMER include("$ROOT/public/energieausweis-erstellen/FORM/scripts/REGNUMMER.php");
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
File diff suppressed because it is too large
Load Diff
141
src/pages/verbrauchsausweis/kaufabschluss.astro
Normal file
141
src/pages/verbrauchsausweis/kaufabschluss.astro
Normal file
@@ -0,0 +1,141 @@
|
||||
---
|
||||
import ProgressBar from "~/components/Ausweis/ProgressBar.astro";
|
||||
import PerformanceScore from "~/components/Ausweis/PerformanceScore.svelte";
|
||||
import AusweisLayout from "~/layouts/AusweisLayout.astro";
|
||||
import PriceContainer from "~/components/Kaufabschluss/PriceContainer.svelte";
|
||||
import KundendatenContainer from "~/components/Kaufabschluss/KundendatenContainer.svelte";
|
||||
|
||||
const prices = [45, 60, 160];
|
||||
---
|
||||
|
||||
<AusweisLayout title="Kaufabschluss Verbrauchsausweis - IBCornelsen">
|
||||
<div class="flex flex-row gap-8 items-center mb-8">
|
||||
<div class="flex flex-col w-full">
|
||||
<h1>Verbrauchsausweis erstellen - 45€</h1>
|
||||
<ProgressBar progress={100} />
|
||||
</div>
|
||||
|
||||
<PerformanceScore />
|
||||
</div>
|
||||
|
||||
<form action="FORM/transfer/VA_3to4.php" method="POST" novalidate>
|
||||
<fieldset>
|
||||
<div class="grid grid-cols-2 gap-6">
|
||||
<PriceContainer prices={prices} client:load />
|
||||
|
||||
<KundendatenContainer />
|
||||
|
||||
<div
|
||||
class="GRB gap-md column"
|
||||
style="width: 100%;"
|
||||
id="payment-option-container"
|
||||
>
|
||||
<h4>Bitte wählen sie ihre Bezahlmethode aus.</h4>
|
||||
<div class="flex-row justify-between">
|
||||
<div class="column gap-md">
|
||||
<div class="payment-option-card" id="paypal-button">
|
||||
<img
|
||||
src="../../images/paypal.png"
|
||||
class="payment-option-logo"
|
||||
/>
|
||||
<div
|
||||
class="payment-option-label"
|
||||
aria-label="Zahlen mit PayPal"
|
||||
>
|
||||
Zahlen mit PayPal
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="payment-option-card"
|
||||
id="giropay-button"
|
||||
>
|
||||
<img
|
||||
src="../../images/giropay.png"
|
||||
class="payment-option-logo"
|
||||
/>
|
||||
<div
|
||||
class="payment-option-label"
|
||||
aria-label="Zahlen mit Giropay"
|
||||
>
|
||||
Zahlen mit Giropay
|
||||
</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="sofort-button">
|
||||
<img
|
||||
src="../../images/sofort.png"
|
||||
class="payment-option-logo"
|
||||
/>
|
||||
<div
|
||||
class="payment-option-label"
|
||||
aria-label="Zahlen mit Sofort"
|
||||
>
|
||||
Zahlen mit Sofort
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column gap-md">
|
||||
<div
|
||||
class="payment-option-card"
|
||||
id="kreditkarte-button"
|
||||
>
|
||||
<img
|
||||
src="../../images/mastercard.png"
|
||||
class="payment-option-logo"
|
||||
/>
|
||||
<div
|
||||
class="payment-option-label"
|
||||
aria-label="Zahlen mit Kreditkarte"
|
||||
>
|
||||
Zahlen mit Kreditkarte
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="payment-option-card"
|
||||
id="rechnung-button"
|
||||
>
|
||||
<img
|
||||
src="../../images/rechnung.png"
|
||||
class="payment-option-logo"
|
||||
/>
|
||||
<div
|
||||
class="payment-option-label"
|
||||
aria-label="Zahlen mit Rechnung"
|
||||
>
|
||||
Zahlen mit Rechnung
|
||||
</div>
|
||||
</div>
|
||||
<div class="payment-option-card" id="sepa-button">
|
||||
<img
|
||||
src="../../images/sepa.png"
|
||||
class="payment-option-logo"
|
||||
/>
|
||||
<div
|
||||
class="payment-option-label"
|
||||
aria-label="Zahlen mit SEPA über PayPal"
|
||||
>
|
||||
SEPA über PayPal
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="form-group col-md-12">
|
||||
<div class="form-group col-md-6" style="text-align:left; ">
|
||||
<a class="button" href="/verbrauchsausweis">Daten ändern</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</AusweisLayout>
|
||||
<style is:global>
|
||||
.GRB {
|
||||
@apply flex flex-col border-2 border-[#ffcc03] p-4 rounded-lg;
|
||||
background-color: rgba(252, 234, 187, 0.2);
|
||||
}
|
||||
|
||||
table,
|
||||
td {
|
||||
@apply border-none;
|
||||
}
|
||||
</style>
|
||||
347
src/pages/verbrauchsausweis/kundendaten.astro
Normal file
347
src/pages/verbrauchsausweis/kundendaten.astro
Normal file
@@ -0,0 +1,347 @@
|
||||
---
|
||||
import PerformanceScore from "~/components/Ausweis/PerformanceScore.svelte";
|
||||
import ProgressBar from "~/components/Ausweis/ProgressBar.astro";
|
||||
import HelpLabel from "~/components/HelpLabel.astro";
|
||||
import AusweisLayout from "~/layouts/AusweisLayout.astro";
|
||||
---
|
||||
|
||||
<AusweisLayout title="Kundendaten Aufnehmen - IBCornelsen">
|
||||
<div class="col-12">
|
||||
<div class="row">
|
||||
<div class="flex flex-row gap-8 items-center mb-8">
|
||||
<div class="flex flex-col w-full">
|
||||
<h1>Verbrauchsausweis erstellen - 45€</h1>
|
||||
<ProgressBar progress={50} />
|
||||
</div>
|
||||
|
||||
<PerformanceScore />
|
||||
</div>
|
||||
|
||||
<form
|
||||
method="post"
|
||||
target="_self"
|
||||
novalidate
|
||||
class="w-full"
|
||||
action="./kaufabschluss"
|
||||
>
|
||||
<fieldset>
|
||||
<div class="GRB3">
|
||||
<HelpLabel title="Ansprechpartner" />
|
||||
<hr />
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<!-- Anrede -->
|
||||
<div>
|
||||
<label>Anrede *</label>
|
||||
<div>
|
||||
<select name="Aanrede" class="form-control">
|
||||
<option>bitte auswählen</option>
|
||||
<option value="Herr">Herr</option>
|
||||
<option value="Frau">Frau</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Titel -->
|
||||
<div>
|
||||
<label>Titel</label>
|
||||
<div>
|
||||
<select name="Atitel" class="form-control">
|
||||
<option>bitte auswählen</option>
|
||||
<option value="Dr.">Dr.</option>
|
||||
<option value="Prof.">Prof.</option>
|
||||
<option value="Prof.Dr."
|
||||
>Prof.Dr.</option
|
||||
>
|
||||
<option value="Dipl.-Ing."
|
||||
>Dipl.-Ing.</option
|
||||
>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vorname -->
|
||||
<div>
|
||||
<label>Vorname *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Avorname"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Nachname -->
|
||||
<div>
|
||||
<label>Nachname *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Anachname"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Telefon -->
|
||||
<div>
|
||||
<label>Telefon</label>
|
||||
<div>
|
||||
<input
|
||||
name="Atelefon"
|
||||
class="form-control input-md zahlen"
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email -->
|
||||
<div>
|
||||
<label>E-Mail *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Aemail"
|
||||
class="form-control input-md"
|
||||
type="email"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="GRB3">
|
||||
<HelpLabel title="Rechnungsadresse" />
|
||||
<hr>
|
||||
<!-- Empfänger -->
|
||||
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<div>
|
||||
<label>Empfänger *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Rempfaenger"
|
||||
type="text"
|
||||
required
|
||||
data-rule-maxlength="100"
|
||||
data-msg-maxlength="max. 100 Zeichen"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Zusatzzeile -->
|
||||
<div>
|
||||
<label>Zusatzzeile</label>
|
||||
<div>
|
||||
<input
|
||||
name="Rzusatzzeile"
|
||||
class="form-control input-md"
|
||||
type="text"
|
||||
data-rule-maxlength="80"
|
||||
data-msg-maxlength="max. 80 Zeichen"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Strasse -->
|
||||
<div class="form-group col-md-12">
|
||||
<label>Straße, Hausnummer *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Rstrasse"
|
||||
class="form-control input-md"
|
||||
type="text"
|
||||
required
|
||||
data-rule-maxlength="40"
|
||||
data-msg-maxlength="max. 40 Zeichen"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PLZ -->
|
||||
<div class="form-group col-md-4 PLZ">
|
||||
<label>PLZ *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Rplz"
|
||||
class="form-control input-md zahlen"
|
||||
onfocus="RclearOrt()"
|
||||
type="text"
|
||||
required
|
||||
maxlength="5"
|
||||
/>
|
||||
<div style="position:relative;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ort -->
|
||||
<div class="form-group col-md-8">
|
||||
<label>Ort *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Rort"
|
||||
class="form-control input-md"
|
||||
readonly
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Telefon -->
|
||||
<div>
|
||||
<label>Telefon</label>
|
||||
<div>
|
||||
<input
|
||||
name="Rtelefon"
|
||||
class="form-control input-md zahlen"
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email -->
|
||||
<div>
|
||||
<label>E-Mail</label>
|
||||
<div>
|
||||
<input
|
||||
name="Remail"
|
||||
class="form-control input-md"
|
||||
type="email"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="GRB3">
|
||||
<HelpLabel title="Versandadresse"></HelpLabel>
|
||||
<hr>
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<div class="flex flex-row">
|
||||
<label>Abweichende Versandadresse</label>
|
||||
<input
|
||||
type="checkbox"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Empfänger -->
|
||||
<div>
|
||||
<label>Empfänger *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Vempfaenger"
|
||||
type="text"
|
||||
readonly
|
||||
required
|
||||
data-rule-maxlength="100"
|
||||
data-msg-maxlength="max. 100 Zeichen"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Zusatzzeile -->
|
||||
<div>
|
||||
<label>Zusatzzeile</label>
|
||||
<div>
|
||||
<input
|
||||
name="Vzusatzzeile"
|
||||
class="form-control input-md"
|
||||
type="text"
|
||||
readonly
|
||||
data-rule-maxlength="80"
|
||||
data-msg-maxlength="max. 80 Zeichen"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Strasse -->
|
||||
<div class="form-group col-md-12">
|
||||
<label>Straße, Hausnummer *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Vstrasse"
|
||||
class="form-control input-md"
|
||||
type="text"
|
||||
readonly
|
||||
required
|
||||
data-rule-maxlength="40"
|
||||
data-msg-maxlength="max. 40 Zeichen"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PLZ -->
|
||||
<div class="form-group col-md-4 VPLZ">
|
||||
<label>PLZ *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Vplz"
|
||||
class="form-control input-md zahlen"
|
||||
onfocus="VclearOrt()"
|
||||
type="text"
|
||||
readonly
|
||||
required
|
||||
maxlength="5"
|
||||
/>
|
||||
<div style="position:relative;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ort -->
|
||||
<div class="form-group col-md-8">
|
||||
<label>Ort *</label>
|
||||
<div>
|
||||
<input
|
||||
name="Vort"
|
||||
type="text"
|
||||
readonly
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="trenner_form" />
|
||||
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<button>Zurück</button>
|
||||
<button>Weiter</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</AusweisLayout>
|
||||
|
||||
<style>
|
||||
.GRB {
|
||||
@apply border-2 border-[#ffcc03] p-4 flex flex-row rounded-lg justify-between w-full;
|
||||
background-color: rgba(252, 234, 187, 0.2);
|
||||
}
|
||||
|
||||
.GRB3 {
|
||||
@apply flex flex-col border-2 border-[#ffcc03] p-4 rounded-lg;
|
||||
background-color: rgba(252, 234, 187, 0.2);
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: calc(2.25rem + 2px);
|
||||
padding: 0.375rem 0.75rem;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
</style>
|
||||
@@ -52,10 +52,6 @@ body {
|
||||
width: calc(100% - 4px);
|
||||
}
|
||||
|
||||
.mainContent * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.left-sidebar {
|
||||
-ms-grid-row: 1;
|
||||
-ms-grid-column: 1;
|
||||
@@ -269,10 +265,6 @@ header a {
|
||||
background-color: #f9f8f7 !important;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: unset;
|
||||
}
|
||||
|
||||
::after,
|
||||
::before {
|
||||
box-sizing: border-box;
|
||||
@@ -553,15 +545,6 @@ select {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
font-size: .8em;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
@@ -600,14 +583,6 @@ textarea {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Abel, Roboto, sand-serif;
|
||||
}
|
||||
|
||||
.image-list {
|
||||
text-align: center;
|
||||
margin-top: 2em;
|
||||
@@ -872,19 +847,7 @@ td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: calc(2.25rem + 2px);
|
||||
padding: .375rem .75rem;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
|
||||
.row * {
|
||||
-webkit-box-sizing: border-box;
|
||||
|
||||
@@ -263,52 +263,6 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.card-menu-option {
|
||||
padding: 10px 20px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-decoration: none !important;
|
||||
width: auto;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #fff;
|
||||
font-weight: 500;
|
||||
font-size: 1.1em;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border-left: 0px solid #fff;
|
||||
border-right: 0px solid #fff;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:first-child {
|
||||
border-top: 0px solid #fff;
|
||||
border-top-left-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:last-child {
|
||||
border-bottom: 0px solid #fff;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
.nav-card .card-menu-option a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:hover>a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:hover {
|
||||
background-color: #ff7d26;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: none;
|
||||
opacity: 1;
|
||||
@@ -316,16 +270,7 @@
|
||||
}
|
||||
|
||||
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #EFEFEF;
|
||||
left: 100%;
|
||||
top: -1px;
|
||||
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
|
||||
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
.nav-hr {
|
||||
display: block;
|
||||
@@ -334,30 +279,7 @@
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.dropdown-content>.card-menu-option {
|
||||
display: block;
|
||||
width: 22em;
|
||||
background-color: #EFEFEF !important;
|
||||
color: #000 !important;
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
border-left: 0px solid #fff;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.dropdown-content>.card-menu-option:first-child {
|
||||
border-top: 1px solid #fff;
|
||||
}
|
||||
|
||||
.dropdown-content>.card-menu-option:last-child {
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.dropdown-content>.card-menu-option:hover {
|
||||
background-color: #444f94 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
.active {
|
||||
background-color: #FFF !important;
|
||||
@@ -376,16 +298,7 @@
|
||||
}
|
||||
|
||||
|
||||
.dropdown::after {
|
||||
content: "\276F";
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
transform: translate(0, -50%) rotate(0deg);
|
||||
transition: transform 0.25s;
|
||||
}
|
||||
|
||||
|
||||
|
||||
footer a {
|
||||
|
||||
@@ -1,10 +1,11 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
|
||||
|
||||
* {
|
||||
font-weight: 400;
|
||||
box-sizing: border-box;
|
||||
font-family: "Abel", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
}
|
||||
|
||||
@import './left_navigation';
|
||||
@import './576';
|
||||
@import './768';
|
||||
@import './992';
|
||||
|
||||
@@ -1,172 +0,0 @@
|
||||
@media (min-width: 0px) and (max-width: 575.98px) {
|
||||
.fixedHead {
|
||||
left: 0px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.hamburger_menu {
|
||||
align-items: center;
|
||||
display: block;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-box;
|
||||
justify-content: center;
|
||||
ms-flex-align: center;
|
||||
ms-flex-pack: center;
|
||||
webkit-box-align: center;
|
||||
webkit-box-pack: center;
|
||||
}
|
||||
|
||||
.hamburger_menu img {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.nav-card {
|
||||
background-color: #444f94;
|
||||
display: flex;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-box;
|
||||
flex-direction: column;
|
||||
ms-flex-direction: column;
|
||||
opacity: 0;
|
||||
transition: opacity 0.75s;
|
||||
webkit-box-direction: normal;
|
||||
webkit-box-orient: vertical;
|
||||
z-index: 5;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.visible {
|
||||
align-content: stretch;
|
||||
align-items: stretch;
|
||||
border-top: 1px solid #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
margin-left: 0%;
|
||||
min-height: 85%;
|
||||
opacity: 1;
|
||||
padding: 5% 3% 15%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 149px;
|
||||
}
|
||||
|
||||
.mob-align {
|
||||
width: 95% !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.nav-head-blue {
|
||||
background-color: #444f94 !important;
|
||||
}
|
||||
|
||||
.menuIN {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.card-menu-option.dropdown:not(.active):hover .dropdown-content {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.card-menu-option {
|
||||
background-color: #ff7d26;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #fff;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 1.1em;
|
||||
font-weight: 500;
|
||||
moz-user-select: none;
|
||||
ms-user-select: none;
|
||||
padding: 10px 20px;
|
||||
text-decoration: none !important;
|
||||
user-select: none;
|
||||
webkit-user-select: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:first-child {
|
||||
border-top: 1px solid #fff;
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:last-child {
|
||||
border-bottom: 1px solid #fff;
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:hover>a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav-card .card-menu-option:hover {
|
||||
background-color: #444f94;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #444f94;
|
||||
opacity: 1;
|
||||
transition: opacity 0.75s;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
border: none !important;
|
||||
border-radius: 8px;
|
||||
box-shadow: none !important;
|
||||
display: none;
|
||||
margin: 10px 0;
|
||||
position: relative !important;
|
||||
webkit-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.dropdown-content:hover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-content hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-content>.card-menu-option {
|
||||
background-color: #dae6f7 !important;
|
||||
border-bottom: 1px solid #fff;
|
||||
color: #303030 !important;
|
||||
display: block;
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.droparrow1::after {
|
||||
transform: translate(0, -50%) rotate(90deg) !important;
|
||||
transition: transform 0.25s;
|
||||
}
|
||||
|
||||
.dropdown::after {
|
||||
content: "\276F";
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 20px;
|
||||
transform: translate(0, -50%) rotate(0deg);
|
||||
transition: transform 0.25s;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user