widget
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<div class="absolute bg-white sm:bg-gray-500/10 border-x-[1px] border-t-[1px] border-black/25 px-2 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">{title}</div>
|
<div class="absolute bg-gray-500/5 sm:bg-white sm:bg-gray-500/10 border-x-[1px] border-t-[1px] border-black/25 px-2 top-[-1.275rem] -left-[1px] text-[0.8rem] rounded-t-sm font-sans">{title}</div>
|
||||||
|
|
||||||
|
|
||||||
<style lang="postcss">
|
<style lang="postcss">
|
||||||
|
|||||||
@@ -365,7 +365,7 @@ threeBOX = ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
|
|||||||
<style lang="postcss">
|
<style lang="postcss">
|
||||||
|
|
||||||
*{font-family: "Heron";}
|
*{font-family: "Heron";}
|
||||||
|
select option{font-family: "Heron",sans-serif;}
|
||||||
#OEA_widget {
|
#OEA_widget {
|
||||||
@apply min-w-[320px] max-w-[1920px] p-[0px]
|
@apply min-w-[320px] max-w-[1920px] p-[0px]
|
||||||
sm:p-[0px];
|
sm:p-[0px];
|
||||||
|
|||||||
@@ -4,6 +4,10 @@
|
|||||||
import { PRICES } from "#lib/constants.js";
|
import { PRICES } from "#lib/constants.js";
|
||||||
import { Enums } from "#lib/client/prisma";
|
import { Enums } from "#lib/client/prisma";
|
||||||
|
|
||||||
|
let ausnahme: boolean = false;
|
||||||
|
let oneBOX: boolean = false;
|
||||||
|
let threeBOX: boolean = false;
|
||||||
|
|
||||||
let gebaeudetyp: string = "bitte auswählen";
|
let gebaeudetyp: string = "bitte auswählen";
|
||||||
let anlass: string = "bitte auswählen";
|
let anlass: string = "bitte auswählen";
|
||||||
let einheiten: string = "bitte auswählen";
|
let einheiten: string = "bitte auswählen";
|
||||||
@@ -16,14 +20,8 @@
|
|||||||
const gewerbeHouse = ["Gewerbegebäude", "Mischgebäude"];
|
const gewerbeHouse = ["Gewerbegebäude", "Mischgebäude"];
|
||||||
|
|
||||||
|
|
||||||
let ausnahme: boolean = false;
|
|
||||||
let oneBOX: boolean = false;
|
|
||||||
let threeBOX: boolean = 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');
|
||||||
document.getElementById('firstrow')?.classList.add('sm:grid-cols-3');
|
document.getElementById('firstrow')?.classList.add('sm:grid-cols-3');
|
||||||
}else{
|
}else{
|
||||||
@@ -44,15 +42,16 @@ if(oneBOX===true){
|
|||||||
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-4');
|
document.getElementById('thirdrow')?.classList.remove('md:grid-cols-4');
|
||||||
|
|
||||||
document.getElementById('thirdrow')?.classList.add('md:grid-cols-6');
|
document.getElementById('thirdrow')?.classList.add('md:grid-cols-6');
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
else{
|
else{
|
||||||
console.log('FOUR');
|
console.log('FOUR');
|
||||||
document.getElementById('thirdrow')?.classList.remove('grid-cols-1');
|
document.getElementById('thirdrow')?.classList.remove('grid-cols-1');
|
||||||
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);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -64,7 +63,7 @@ ausnahme = ((leerStand === "mehr als 30") || (heizungsAlter === "< 3") || (bau
|
|||||||
: false;
|
: false;
|
||||||
|
|
||||||
oneBOX = ((ausnahme === true) && (gebaeudetyp != "Gewerbegebäude") && (gebaeudetyp != "Mischgebäude")) ||
|
oneBOX = ((ausnahme === true) && (gebaeudetyp != "Gewerbegebäude") && (gebaeudetyp != "Mischgebäude")) ||
|
||||||
((!twoBoxReason.includes(anlass)) && (gebaeudetyp != "Mischgebäude") && (gebaeudetyp != "bitte auswählen")) ||
|
(!twoBoxReason.includes(anlass) && (gebaeudetyp != "Mischgebäude")) ||
|
||||||
((gebaeudetyp === "Gewerbegebäude") && (leerStand === "mehr als 30"))
|
((gebaeudetyp === "Gewerbegebäude") && (leerStand === "mehr als 30"))
|
||||||
? true
|
? true
|
||||||
: false;
|
: false;
|
||||||
@@ -396,6 +395,7 @@ threeBOX = ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
|
|||||||
|
|
||||||
|
|
||||||
*{font-family: "immo Sans";}
|
*{font-family: "immo Sans";}
|
||||||
|
select option{font-family: "immo Sans",sans-serif;}
|
||||||
|
|
||||||
#OEA_widget {
|
#OEA_widget {
|
||||||
@apply min-w-[320px] max-w-[1920px] p-[4px]
|
@apply min-w-[320px] max-w-[1920px] p-[4px]
|
||||||
|
|||||||
Reference in New Issue
Block a user