@@ -86,7 +86,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
|
|||||||
<option value="Atrium-Bungalow">Atrium-Bungalow</option>
|
<option value="Atrium-Bungalow">Atrium-Bungalow</option>
|
||||||
<option value="Winkelbungalow">Winkelbungalow</option>
|
<option value="Winkelbungalow">Winkelbungalow</option>
|
||||||
|
|
||||||
{:else if ausweisart==Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
{:else if ausweisart==Enums.Ausweisart.VerbrauchsausweisGewerbe || ausweisart=== Enums.Ausweisart.GEGNachweisGewerbe}
|
||||||
<option value="Verwaltungsgebäude (allgemein)">Verwaltungsgebäude (allgemein)</option>
|
<option value="Verwaltungsgebäude (allgemein)">Verwaltungsgebäude (allgemein)</option>
|
||||||
<option value="Parlaments- und Gerichtsgebäude">Parlaments- und Gerichtsgebäude</option>
|
<option value="Parlaments- und Gerichtsgebäude">Parlaments- und Gerichtsgebäude</option>
|
||||||
<option value="Ministerien u. Ämter u. Behörden">Ministerien u. Ämter u. Behörden</option>
|
<option value="Ministerien u. Ämter u. Behörden">Ministerien u. Ämter u. Behörden</option>
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div id="progress-box" class="order-1 sm:order-2 w-full box relative px-4 pt-3 sm:py-3 text-center self-stretch">
|
<div id="progress-box" class="order-1 sm:order-2 w-full box relative px-4 pt-3 sm:py-3 text-center self-stretch">
|
||||||
<h1 class="text-secondary [font-size:_clamp(26px,1vw,18px)] m-0 font-bold sm:font-normal">Energieausweis {anliegen}</h1>
|
<h1 class="text-secondary [font-size:_clamp(26px,1vw,18px)] m-0 font-bold sm:font-normal">{anliegen}</h1>
|
||||||
<h2 class="text-primary [font-size:_clamp(18px,1.5vw,24px)]">{ausweisart} {PRICES[ausweisart][Enums.AusweisTyp.Standard]} €</h2>
|
<h2 class="text-primary [font-size:_clamp(18px,1.5vw,24px)]">{ausweisart} {PRICES[ausweisart][Enums.AusweisTyp.Standard]} €</h2>
|
||||||
|
|
||||||
<div class="grid grid-cols-3 self-start justify-between">
|
<div class="grid grid-cols-3 self-start justify-between">
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
class="w-[calc(100%-0rem)] ml-[0] absolute mt-[0.5rem] bg-gray-200 h-3 rounded-lg"
|
class="w-[calc(100%-0rem)] ml-[0] absolute mt-[0.5rem] bg-gray-200 h-3 rounded-lg"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="bg-green-600 left-0 h-3 absolute"
|
class="left-0 h-3 absolute"
|
||||||
style={`width: ${progress}%;`}
|
style={`width: ${progress}%;`}
|
||||||
></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -20,6 +20,26 @@
|
|||||||
const gewerbeHouse = ["Gewerbegebäude", "Mischgebäude"];
|
const gewerbeHouse = ["Gewerbegebäude", "Mischgebäude"];
|
||||||
|
|
||||||
|
|
||||||
|
$: {
|
||||||
|
|
||||||
|
ausnahme = ((leerStand === "mehr als 30") || (heizungsAlter === "< 3") || (baujahr === "vor 1978" && einheiten === "bis 4 Wohneinheiten" && sanierungsstatus === "unsaniert"))
|
||||||
|
? true
|
||||||
|
: false;
|
||||||
|
|
||||||
|
oneBOX = ((ausnahme === true) && (gebaeudetyp !== "Gewerbegebäude") && (gebaeudetyp !== "Mischgebäude")) ||
|
||||||
|
(!twoBoxReason.includes(anlass) && (gebaeudetyp !== "Mischgebäude")) ||
|
||||||
|
((gebaeudetyp === "Gewerbegebäude") && (leerStand === "mehr als 30"))
|
||||||
|
? true
|
||||||
|
: false;
|
||||||
|
|
||||||
|
threeBOX = ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBoxReason.includes(anlass) && (leerStand != "mehr als 30")))
|
||||||
|
? true
|
||||||
|
: false;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function getBoxes(){
|
function getBoxes(){
|
||||||
if(twoBoxReason.includes(anlass)){
|
if(twoBoxReason.includes(anlass)){
|
||||||
document.getElementById('firstrow')?.classList.remove('sm:grid-cols-2');
|
document.getElementById('firstrow')?.classList.remove('sm:grid-cols-2');
|
||||||
@@ -36,7 +56,8 @@ if(oneBOX===true){
|
|||||||
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-6');
|
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-6');
|
||||||
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-4');
|
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-4');
|
||||||
document.getElementById('thirdrow')?.classList.add('grid-cols-1');
|
document.getElementById('thirdrow')?.classList.add('grid-cols-1');
|
||||||
}else if(threeBOX===true){
|
}
|
||||||
|
else if(threeBOX===true){
|
||||||
console.log('THREE');
|
console.log('THREE');
|
||||||
document.getElementById('thirdrow')?.classList.remove('grid-cols-1');
|
document.getElementById('thirdrow')?.classList.remove('grid-cols-1');
|
||||||
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-4');
|
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-4');
|
||||||
@@ -49,28 +70,9 @@ else{
|
|||||||
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-6');
|
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-6');
|
||||||
document.getElementById('thirdrow')?.classList.add('md:grid-cols-4');
|
document.getElementById('thirdrow')?.classList.add('md:grid-cols-4');
|
||||||
}
|
}
|
||||||
console.log(!twoBoxReason.includes(anlass));
|
|
||||||
console.log(oneBOX);
|
|
||||||
|
|
||||||
|
//console.log(!twoBoxReason.includes(anlass)&& (gebaeudetyp != "Mischgebäude"));
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
$: {
|
|
||||||
|
|
||||||
|
|
||||||
ausnahme = ((leerStand === "mehr als 30") || (heizungsAlter === "< 3") || (baujahr === "vor 1978" && einheiten === "bis 4 Wohneinheiten" && sanierungsstatus === "unsaniert"))
|
|
||||||
? true
|
|
||||||
: false;
|
|
||||||
|
|
||||||
oneBOX = ((ausnahme === true) && (gebaeudetyp != "Gewerbegebäude") && (gebaeudetyp != "Mischgebäude")) ||
|
|
||||||
(!twoBoxReason.includes(anlass) && (gebaeudetyp != "Mischgebäude")) ||
|
|
||||||
((gebaeudetyp === "Gewerbegebäude") && (leerStand === "mehr als 30"))
|
|
||||||
? true
|
|
||||||
: false;
|
|
||||||
|
|
||||||
threeBOX = ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBoxReason.includes(anlass) && (leerStand != "mehr als 30")))
|
|
||||||
? true
|
|
||||||
: false;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -436,22 +438,4 @@ select option{font-family: "immo Sans",sans-serif;}
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -158,7 +158,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const ausweisart = Enums.Ausweisart.BedarfsausweisWohnen
|
const ausweisart = Enums.Ausweisart.BedarfsausweisWohnen
|
||||||
const anliegen = "anfragen";
|
const anliegen = "Energieausweis erstellen";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -359,10 +359,10 @@
|
|||||||
active={1}
|
active={1}
|
||||||
steps={["Gebäudedaten", "Kundendaten", "Bestätigung"]}
|
steps={["Gebäudedaten", "Kundendaten", "Bestätigung"]}
|
||||||
{ausweisart}
|
{ausweisart}
|
||||||
anliegen={"erstellen"}
|
anliegen={"Angebot anfragen"}
|
||||||
/>
|
/>
|
||||||
{:else}
|
{:else}
|
||||||
<Progressbar active={1} {ausweisart} anliegen={"anfragen"} />
|
<Progressbar active={1} {ausweisart} anliegen={"Energieausweis erstellen"} />
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -45,8 +45,8 @@
|
|||||||
export let aufnahme: AufnahmeClient;
|
export let aufnahme: AufnahmeClient;
|
||||||
export let bilder: UploadedGebaeudeBild[];
|
export let bilder: UploadedGebaeudeBild[];
|
||||||
|
|
||||||
const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
|
const ausweisart = Enums.Ausweisart.VerbrauchsausweisGewerbe
|
||||||
const anliegen = "anfragen";
|
const anliegen = "Energieausweis erstellen";
|
||||||
|
|
||||||
if (Object.keys(ausweis).length === 0) {
|
if (Object.keys(ausweis).length === 0) {
|
||||||
const localStorageAusweis = localStorage.getItem("ausweis");
|
const localStorageAusweis = localStorage.getItem("ausweis");
|
||||||
|
|||||||
@@ -144,7 +144,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
|
const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
|
||||||
const anliegen = "erstellen";
|
const anliegen = "Energieausweis erstellen";
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -72,7 +72,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const ausweisart = Enums.Ausweisart.GEGNachweisGewerbe;
|
const ausweisart = Enums.Ausweisart.GEGNachweisGewerbe;
|
||||||
const anliegen = "anfragen";
|
const anliegen = "Angebot anfragen";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div id="skala" class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll">
|
<div id="skala" class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll">
|
||||||
|
|||||||
@@ -73,7 +73,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const ausweisart = Enums.Ausweisart.GEGNachweisWohnen;
|
const ausweisart = Enums.Ausweisart.GEGNachweisWohnen;
|
||||||
const anliegen = "anfragen";
|
const anliegen = "Angebot anfragen";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div id="skala" class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll">
|
<div id="skala" class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll">
|
||||||
|
|||||||
Reference in New Issue
Block a user