Um welchen Haustyp handelt es sich?
${ parent.decodeEntities(`Einfamilienhaus`) }
${ parent.decodeEntities(`Reihenhaus`) }
${ parent.decodeEntities(`Mehrfamilienhaus`) }
${ parent.decodeEntities(`Sonstige`) }
Wie viele Wohneinheiten sind in diesem Haus?
Geben Sie die Anzahl an Wohneinheiten an. Das ist wichtig für die Berechnung der Förderung.
(z. B. Einfamilienhaus = 1 Wohneinheit. Mit Einliegerwohnung = 2 Wohneinheiten.)
<${props.InputRange}
maxValue=${10}
minValue=${1}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Wohneinheiten')
}}
value=${ isNaN(Number(parent.state.formData['Wohneinheiten'])) ? 1 : (Number(parent.state.formData['Wohneinheiten']) == 0 ? 0 : Number(parent.state.formData['Wohneinheiten']))
}
ref=${ input => {
register({ name: "Wohneinheiten" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Wohneinheiten") === '' && false ) {
parent.handleChange({
target: {
name: 'Wohneinheiten',
value: ''
}
});
parent.setValue( 'Wohneinheiten', '', true );
}
} }
name="Wohneinheiten"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Wohneinheiten"
as=${html``}
/>
${ parent.decodeEntities(`Ziehen Sie den Slider auf die entsprechende Zahl an Wohneinheiten`) } Welche Dachform hat Ihr Haus?
Einfach anklicken was der Dachform am nächsten kommt oder was ähnlich aussieht.
${ parent.decodeEntities(`Satteldach`) }
${ parent.decodeEntities(`Pultdach`) }
${ parent.decodeEntities(`Walmdach`) }
${ parent.decodeEntities(`Sonstige`) }
Welches Sanierungskonzept wünschen Sie sich?
Bei dem Exklusivkonzept handelt es sich um eine BEG Sanierung mit insgesamt 20 % Förderung bis12.000,-€/Wohneinheit. Auch eine Inanspruchnahme des Steuerbonus bis 40.000,-€ ist bei diesem Konzept möglich.
${ parent.decodeEntities(`Eklusivkonzept`) }
${ parent.decodeEntities(`Premiumkonzept`) }
${ parent.decodeEntities(`Basiskonzept`) }
Wie groß ist Ihr Dach in qm?
Regler nach rechts schieben, um die Größe zu verändern. Tipp: Zählen Sie die Ziegelreihen und teilen Sie die Anzahl durch drei, dann haben Sie in etwa die Länge in der Dachschräge. Beispiel: 21 Reihen/3= ca. 7,00 m.
<${props.InputRange}
maxValue=${200}
minValue=${75}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Dachgroesse')
}}
value=${ isNaN(Number(parent.state.formData['Dachgroesse'])) ? 75 : (Number(parent.state.formData['Dachgroesse']) == 0 ? 0 : Number(parent.state.formData['Dachgroesse']))
}
ref=${ input => {
register({ name: "Dachgroesse" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Dachgroesse") === '' && false ) {
parent.handleChange({
target: {
name: 'Dachgroesse',
value: ''
}
});
parent.setValue( 'Dachgroesse', '', true );
}
} }
name="Dachgroesse"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Dachgroesse"
as=${html``}
/>
${ parent.decodeEntities(`Ziehen Sie den Slider auf die entsprechende Zahl an Wohneinheiten`) } Möchten Sie neue Dachfenster? Sie können aus zwei Fensterarten wählen - auch in Kombination.
Klapp-Schwingfenster haben den Griff unten. Sie werden bei freier Zugänglichkeit eingesetzt, um den großen Öffnungswinkel und Panoramablick zu genießen.
Schwingfenster haben die Griffleiste oben und werden in Nebenräumen eingebaut, oder wenn ein Möbelstück, beispielsweise ein Schreibtisch, vor dem Fenster platziert und dadurch die freie Zugänglichkeit versperrt wird.
Es handelt sich hierbei um 3-fach-verglaste Kunstofffenster der Firma Velux.
Möchten Sie neue Klapp-Schwingfenster?
${ parent.decodeEntities(`Neue Klapp-Schwingfenster`) }
${ parent.decodeEntities(`Nein, danke!`) }
<${props.InputRange}
maxValue=${10}
minValue=${0}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Anzahl-Klapp-Schwingfenster')
}}
value=${ isNaN(Number(parent.state.formData['Anzahl-Klapp-Schwingfenster'])) ? 0 : (Number(parent.state.formData['Anzahl-Klapp-Schwingfenster']) == 0 ? 0 : Number(parent.state.formData['Anzahl-Klapp-Schwingfenster']))
}
ref=${ input => {
register({ name: "Anzahl-Klapp-Schwingfenster" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Anzahl-Klapp-Schwingfenster") === '' && false ) {
parent.handleChange({
target: {
name: 'Anzahl-Klapp-Schwingfenster',
value: ''
}
});
parent.setValue( 'Anzahl-Klapp-Schwingfenster', '', true );
}
} }
name="Anzahl-Klapp-Schwingfenster"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Anzahl-Klapp-Schwingfenster"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['Klapp-Schwingfenster-Groesse'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="Klapp-Schwingfenster-Groesse"
placeholder="${ parent.decodeEntities(`Bitte wählen Sie die Fensterbezeichnung - Größe aus`) } "
isSearchable=${false}
options=${[{"label":"CK04 - Fensterbreite: 55 cm x Fensterh\u00f6he: 98 cm","value":"ck04","isDisabled":false},{"label":"CK06 - Fensterbreite: 55 cm x Fensterh\u00f6he: 118 cm","value":"ck06","isDisabled":false},{"label":"FK06 - Fensterbreite: 66 cm x Fensterh\u00f6he: 118 cm","value":"fk06","isDisabled":false},{"label":"FK08 - Fensterbreite: 66 cm x Fensterh\u00f6he: 140 cm","value":"fk08","isDisabled":false},{"label":"MK04 - Fensterbreite: 78 cm x Fensterh\u00f6he: 98 cm","value":"mk04","isDisabled":false},{"label":"MK06 - Fensterbreite: 78 cm x Fensterh\u00f6he: 118 cm","value":"mk06","isDisabled":false},{"label":"MK08 - Fensterbreite: 78 cm x Fensterh\u00f6he: 140 cm","value":"mk08","isDisabled":false},{"label":"MK10 - Fensterbreite: 78 cm x Fensterh\u00f6he: 160 cm","value":"mk10","isDisabled":false},{"label":"PK06 - Fensterbreite: 94 cm x Fensterh\u00f6he: 118 cm","value":"pk06","isDisabled":false},{"label":"PK08 - Fensterbreite: 94 cm x Fensterh\u00f6he: 140 cm","value":"pk08","isDisabled":false},{"label":"PK10 - Fensterbreite: 94 cm x Fensterh\u00f6he: 160 cm","value":"pk10","isDisabled":false},{"label":"SK06 - Fensterbreite: 114 cm x Fensterh\u00f6he: 118 cm","value":"sk06","isDisabled":false},{"label":"SK08 - Fensterbreite: 114 cm x Fensterh\u00f6he: 140 cm","value":"sk08","isDisabled":false},{"label":"SK10 - Fensterbreite: 114 cm x Fensterh\u00f6he: 160 cm","value":"sk10","isDisabled":false}]}
value=${parent.getValue("Klapp-Schwingfenster-Groesse") ? [{"label":"CK04 - Fensterbreite: 55 cm x Fensterh\u00f6he: 98 cm","value":"ck04","isDisabled":false},{"label":"CK06 - Fensterbreite: 55 cm x Fensterh\u00f6he: 118 cm","value":"ck06","isDisabled":false},{"label":"FK06 - Fensterbreite: 66 cm x Fensterh\u00f6he: 118 cm","value":"fk06","isDisabled":false},{"label":"FK08 - Fensterbreite: 66 cm x Fensterh\u00f6he: 140 cm","value":"fk08","isDisabled":false},{"label":"MK04 - Fensterbreite: 78 cm x Fensterh\u00f6he: 98 cm","value":"mk04","isDisabled":false},{"label":"MK06 - Fensterbreite: 78 cm x Fensterh\u00f6he: 118 cm","value":"mk06","isDisabled":false},{"label":"MK08 - Fensterbreite: 78 cm x Fensterh\u00f6he: 140 cm","value":"mk08","isDisabled":false},{"label":"MK10 - Fensterbreite: 78 cm x Fensterh\u00f6he: 160 cm","value":"mk10","isDisabled":false},{"label":"PK06 - Fensterbreite: 94 cm x Fensterh\u00f6he: 118 cm","value":"pk06","isDisabled":false},{"label":"PK08 - Fensterbreite: 94 cm x Fensterh\u00f6he: 140 cm","value":"pk08","isDisabled":false},{"label":"PK10 - Fensterbreite: 94 cm x Fensterh\u00f6he: 160 cm","value":"pk10","isDisabled":false},{"label":"SK06 - Fensterbreite: 114 cm x Fensterh\u00f6he: 118 cm","value":"sk06","isDisabled":false},{"label":"SK08 - Fensterbreite: 114 cm x Fensterh\u00f6he: 140 cm","value":"sk08","isDisabled":false},{"label":"SK10 - Fensterbreite: 114 cm x Fensterh\u00f6he: 160 cm","value":"sk10","isDisabled":false}].filter(item => item.value === parent.getValue("Klapp-Schwingfenster-Groesse"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "Klapp-Schwingfenster-Groesse")}
ref=${() => {
register({ name: "Klapp-Schwingfenster-Groesse" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("Klapp-Schwingfenster-Groesse") === '' && false ) {
parent.setValue( 'Klapp-Schwingfenster-Groesse', '', true );
parent.handleChange({
target: {
name: 'Klapp-Schwingfenster-Groesse',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Klapp-Schwingfenster-Groesse"
as=${html``}
/>
${ parent.decodeEntities(`mit Innenfutter`) }
${ parent.decodeEntities(`mit Rollladen`) }
Möchten Sie neue Schwingfenster?
${ parent.decodeEntities(`Neue Schwingfenster`) }
${ parent.decodeEntities(`Nein, danke!`) }
<${props.Select}
className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['Schwingfenster-Groesse'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="Schwingfenster-Groesse"
placeholder="${ parent.decodeEntities(`Bitte wählen Sie die Fensterbezeichnung - Größe aus`) } "
isSearchable=${false}
options=${[{"label":"CK02 - Fensterbreite: 55 cm x Fensterh\u00f6he: 78 cm","value":"ck02","isDisabled":false},{"label":"CK04 - Fensterbreite: 55 cm x Fensterh\u00f6he: 98 cm","value":"ck04","isDisabled":false},{"label":"CK06 - Fensterbreite: 55 cm x Fensterh\u00f6he: 118 cm","value":"ck06","isDisabled":false},{"label":"FK04 - Fensterbreite: 66 cm x Fensterh\u00f6he: 98 cm","value":"fk04","isDisabled":false},{"label":"FK06 - Fensterbreite: 66 cm x Fensterh\u00f6he: 118 cm","value":"fk06","isDisabled":false},{"label":"FK08 - Fensterbreite: 66 cm x Fensterh\u00f6he: 140 cm","value":"fk08","isDisabled":false},{"label":"MK04 - Fensterbreite: 78 cm x Fensterh\u00f6he: 98 cm","value":"mk04","isDisabled":false},{"label":"MK06 - Fensterbreite: 78 cm x Fensterh\u00f6he: 118 cm","value":"mk06","isDisabled":false},{"label":"MK08 - Fensterbreite: 78 cm x Fensterh\u00f6he: 140 cm","value":"mk08","isDisabled":false},{"label":"MK10 - Fensterbreite: 78 cm x Fensterh\u00f6he: 160 cm","value":"mk10","isDisabled":false},{"label":"MK12 - Fensterbreite: 78 cm x Fensterh\u00f6he: 180 cm","value":"mk12","isDisabled":false},{"label":"PK06 - Fensterbreite: 94 cm x Fensterh\u00f6he: 118 cm","value":"pk06","isDisabled":false},{"label":"PK08 - Fensterbreite: 94 cm x Fensterh\u00f6he: 140 cm","value":"pk08","isDisabled":false},{"label":"PK10 - Fensterbreite: 94 cm x Fensterh\u00f6he: 160 cm","value":"pk10","isDisabled":false},{"label":"SK06 - Fensterbreite: 114 cm x Fensterh\u00f6he: 118 cm","value":"sk06","isDisabled":false},{"label":"SK08 - Fensterbreite: 114 cm x Fensterh\u00f6he: 140 cm","value":"sk08","isDisabled":false},{"label":"SK10 - Fensterbreite: 114 cm x Fensterh\u00f6he: 160 cm","value":"sk10","isDisabled":false}]}
value=${parent.getValue("Schwingfenster-Groesse") ? [{"label":"CK02 - Fensterbreite: 55 cm x Fensterh\u00f6he: 78 cm","value":"ck02","isDisabled":false},{"label":"CK04 - Fensterbreite: 55 cm x Fensterh\u00f6he: 98 cm","value":"ck04","isDisabled":false},{"label":"CK06 - Fensterbreite: 55 cm x Fensterh\u00f6he: 118 cm","value":"ck06","isDisabled":false},{"label":"FK04 - Fensterbreite: 66 cm x Fensterh\u00f6he: 98 cm","value":"fk04","isDisabled":false},{"label":"FK06 - Fensterbreite: 66 cm x Fensterh\u00f6he: 118 cm","value":"fk06","isDisabled":false},{"label":"FK08 - Fensterbreite: 66 cm x Fensterh\u00f6he: 140 cm","value":"fk08","isDisabled":false},{"label":"MK04 - Fensterbreite: 78 cm x Fensterh\u00f6he: 98 cm","value":"mk04","isDisabled":false},{"label":"MK06 - Fensterbreite: 78 cm x Fensterh\u00f6he: 118 cm","value":"mk06","isDisabled":false},{"label":"MK08 - Fensterbreite: 78 cm x Fensterh\u00f6he: 140 cm","value":"mk08","isDisabled":false},{"label":"MK10 - Fensterbreite: 78 cm x Fensterh\u00f6he: 160 cm","value":"mk10","isDisabled":false},{"label":"MK12 - Fensterbreite: 78 cm x Fensterh\u00f6he: 180 cm","value":"mk12","isDisabled":false},{"label":"PK06 - Fensterbreite: 94 cm x Fensterh\u00f6he: 118 cm","value":"pk06","isDisabled":false},{"label":"PK08 - Fensterbreite: 94 cm x Fensterh\u00f6he: 140 cm","value":"pk08","isDisabled":false},{"label":"PK10 - Fensterbreite: 94 cm x Fensterh\u00f6he: 160 cm","value":"pk10","isDisabled":false},{"label":"SK06 - Fensterbreite: 114 cm x Fensterh\u00f6he: 118 cm","value":"sk06","isDisabled":false},{"label":"SK08 - Fensterbreite: 114 cm x Fensterh\u00f6he: 140 cm","value":"sk08","isDisabled":false},{"label":"SK10 - Fensterbreite: 114 cm x Fensterh\u00f6he: 160 cm","value":"sk10","isDisabled":false}].filter(item => item.value === parent.getValue("Schwingfenster-Groesse"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "Schwingfenster-Groesse")}
ref=${() => {
register({ name: "Schwingfenster-Groesse" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
if ( parent.getValue("Schwingfenster-Groesse") === '' && false ) {
parent.setValue( 'Schwingfenster-Groesse', '', true );
parent.handleChange({
target: {
name: 'Schwingfenster-Groesse',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Schwingfenster-Groesse"
as=${html``}
/>
<${props.InputRange}
maxValue=${10}
minValue=${0}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Anzahl-Schwingfenster')
}}
value=${ isNaN(Number(parent.state.formData['Anzahl-Schwingfenster'])) ? 0 : (Number(parent.state.formData['Anzahl-Schwingfenster']) == 0 ? 0 : Number(parent.state.formData['Anzahl-Schwingfenster']))
}
ref=${ input => {
register({ name: "Anzahl-Schwingfenster" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Anzahl-Schwingfenster") === '' && false ) {
parent.handleChange({
target: {
name: 'Anzahl-Schwingfenster',
value: ''
}
});
parent.setValue( 'Anzahl-Schwingfenster', '', true );
}
} }
name="Anzahl-Schwingfenster"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Anzahl-Schwingfenster"
as=${html``}
/>
${ parent.decodeEntities(`mit Innenfutter`) }
${ parent.decodeEntities(`mit Rollladen`) }
Möchten Sie neue Gauben für die Wohnraumerweiterung?
Die Gaube wird komplett fix und fertig mit 3-fach verglasten Fenster und Elektrorollläden, mit einer Außenbekleidung aus Metall oder Schiefer und einer Innenverkleidung mit Fermacell geliefert und montiert.
Möchten Sie neue Gauben?
${ parent.decodeEntities(`Flachdachgaube (sehr großer Platzgewinn)`) }
${ parent.decodeEntities(`Nein, danke!`) }
<${props.InputRange}
maxValue=${10}
minValue=${0}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Anzahl-Gauben')
}}
value=${ isNaN(Number(parent.state.formData['Anzahl-Gauben'])) ? 0 : (Number(parent.state.formData['Anzahl-Gauben']) == 0 ? 0 : Number(parent.state.formData['Anzahl-Gauben']))
}
ref=${ input => {
register({ name: "Anzahl-Gauben" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Anzahl-Gauben") === '' && false ) {
parent.handleChange({
target: {
name: 'Anzahl-Gauben',
value: ''
}
});
parent.setValue( 'Anzahl-Gauben', '', true );
}
} }
name="Anzahl-Gauben"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Anzahl-Gauben"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['groesse-der-gauben'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="groesse-der-gauben"
placeholder="${ parent.decodeEntities(`Bitte wählen Sie passende Kombination aus der Dachneigung des Hauptdaches (in °) und der Breite der Gaube (Außenkante in m) aus`) } "
isSearchable=${false}
options=${[{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 25\u00b0","value":"2,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 30\u00b0","value":"2,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 35\u00b0","value":"2,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 40\u00b0","value":"2,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 45\u00b0","value":"2,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 25\u00b0","value":"3,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 30\u00b0","value":"3,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 35\u00b0","value":"3,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 40\u00b0","value":"3,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 45\u00b0","value":"3,00m-45grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 25\u00b0","value":"3,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 30\u00b0","value":"3,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 35\u00b0","value":"3,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 40\u00b0","value":"3,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 45\u00b0","value":"3,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 25\u00b0","value":"4,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 30\u00b0","value":"4,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 35\u00b0","value":"4,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 40\u00b0","value":"4,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 45\u00b0","value":"4,00m-45grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 25\u00b0","value":"4,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 30\u00b0","value":"4,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 35\u00b0","value":"4,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 40\u00b0","value":"4,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 45\u00b0","value":"4,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 25\u00b0","value":"5,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 30\u00b0","value":"5,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 35\u00b0","value":"5,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 40\u00b0","value":"5,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 45\u00b0","value":"5,00m-45grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 25\u00b0","value":"5,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 30\u00b0","value":"5,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 35\u00b0","value":"5,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 40\u00b0","value":"5,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 45\u00b0","value":"5,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 25\u00b0","value":"6,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 30\u00b0","value":"6,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 35\u00b0","value":"6,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 40\u00b0","value":"6,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 45\u00b0","value":"6,00m-45grad","isDisabled":false}]}
value=${parent.getValue("groesse-der-gauben") ? [{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 25\u00b0","value":"2,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 30\u00b0","value":"2,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 35\u00b0","value":"2,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 40\u00b0","value":"2,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 2,50 m bei einer Dachneigung von 45\u00b0","value":"2,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 25\u00b0","value":"3,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 30\u00b0","value":"3,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 35\u00b0","value":"3,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 40\u00b0","value":"3,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 3,00 m bei einer Dachneigung von 45\u00b0","value":"3,00m-45grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 25\u00b0","value":"3,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 30\u00b0","value":"3,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 35\u00b0","value":"3,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 40\u00b0","value":"3,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 3,50 m bei einer Dachneigung von 45\u00b0","value":"3,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 25\u00b0","value":"4,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 30\u00b0","value":"4,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 35\u00b0","value":"4,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 40\u00b0","value":"4,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 4,00 m bei einer Dachneigung von 45\u00b0","value":"4,00m-45grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 25\u00b0","value":"4,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 30\u00b0","value":"4,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 35\u00b0","value":"4,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 40\u00b0","value":"4,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 4,50 m bei einer Dachneigung von 45\u00b0","value":"4,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 25\u00b0","value":"5,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 30\u00b0","value":"5,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 35\u00b0","value":"5,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 40\u00b0","value":"5,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 5,00 m bei einer Dachneigung von 45\u00b0","value":"5,00m-45grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 25\u00b0","value":"5,50m-25grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 30\u00b0","value":"5,50m-30grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 35\u00b0","value":"5,50m-35grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 40\u00b0","value":"5,50m-40grad","isDisabled":false},{"label":"Gaubenbreite: 5,50 m bei einer Dachneigung von 45\u00b0","value":"5,50m-45grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 25\u00b0","value":"6,00m-25grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 30\u00b0","value":"6,00m-30grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 35\u00b0","value":"6,00m-35grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 40\u00b0","value":"6,00m-40grad","isDisabled":false},{"label":"Gaubenbreite: 6,00 m bei einer Dachneigung von 45\u00b0","value":"6,00m-45grad","isDisabled":false}].filter(item => item.value === parent.getValue("groesse-der-gauben"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "groesse-der-gauben")}
ref=${() => {
register({ name: "groesse-der-gauben" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("groesse-der-gauben") === '' && false ) {
parent.setValue( 'groesse-der-gauben', '', true );
parent.handleChange({
target: {
name: 'groesse-der-gauben',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="groesse-der-gauben"
as=${html``}
/>
${ parent.decodeEntities(`Bitte wählen Sie passende Kombination aus der Dachneigung des Hauptdaches (in °) und der Breite der Gaube (Außenkante in m) aus. Diese Angaben sind wichtig für die Kalkulation. Die Dachneigung können Sie aus Plänen ablesen oder ganz einfach mit einer App an der Dachschräge nachmessen.`) }
${ parent.decodeEntities(`mit Bauantrag und Statik`) }
${ parent.decodeEntities(`Nein, danke!`) }
ca. Sanierungskosten einschließlich Mehrwertsteuer
Sehr gerne erstellen wir Ihnen ein individuelles Angebot. Klicken Sie einfach weiter und vereinbaren einen persönlichen Beratungstermin.
parent.activateValidation({"message":"This field is required.","required":true}, el) }
/>
${ parent.state.formData["mf-calculation"] || 0 }
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-calculation"
as=${html``}
/>
${ parent.decodeEntities(`Es handelt sich um einen ca. Preis einschließlich Lohn+Material+Entsorgung+Gerüstkosten im Umkreis von ca. 30 km um Rauenberg`) }
Möchten Sie ein Angebot?
Sehr gerne erstellen wir Ihnen ein kostenloses Angebot als individuellen Lösungsvorschlag.
Am Ende des Formulars haben Sei die Möglichkeit, direkt einen Beratungstermin zu buchen. Sie haben die Auswahl zwischen einem Telefontermin und einem Videotermin (Zoom). In der Regel können wir Ihnen dann im Anschluss ein individuelles Sanierungskonzept als ersten Lösungsvorschlag erstellen.
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['anrede'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="anrede"
placeholder="${ parent.decodeEntities(`Anrede`) } "
isSearchable=${false}
options=${[{"label":"Herr","value":"herr","isDisabled":false},{"label":"Frau","value":"frau","isDisabled":false},{"label":"Anders","value":"anders","isDisabled":false}]}
value=${parent.getValue("anrede") ? [{"label":"Herr","value":"herr","isDisabled":false},{"label":"Frau","value":"frau","isDisabled":false},{"label":"Anders","value":"anders","isDisabled":false}].filter(item => item.value === parent.getValue("anrede"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "anrede")}
ref=${() => {
register({ name: "anrede" }, parent.activateValidation({"message":"Bitte geben Sie Ihre Anrede an","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("anrede") === '' && false ) {
parent.setValue( 'anrede', '', true );
parent.handleChange({
target: {
name: 'anrede',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="anrede"
as=${html``}
/>
{
parent.activateValidation({"message":"Bitte geben Sie Ihren Vor- und Zunamen an","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="name"
as=${html``}
/>
{
parent.activateValidation({"message":"Bitte geben Sie Stra\u00dfe und Hausnummer ein","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="strasse"
as=${html``}
/>
{
parent.activateValidation({"message":"Bitte geben Sie PLZ und Stadt ein","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="stadt"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="telefon"
as=${html``}
/>
parent.activateValidation({"message":"Bitte geben Sie Ihre Email-Adresse ein","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-email"
as=${html``}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="anmerkungen"
as=${html``}
/>
`} ${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''} ${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''} `