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`) } 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.
Konvex-Glas
Hochwertiges Design mit gebogener Verglasung für flache Dächer von 0°-15°
Flach-Glas
Klare Linien für eine harmonische Integration in flach geneigte Dächer von 2°-15°
Möchten Sie neue Konvex-Glas-Fenster?
${ parent.decodeEntities(`Neue Konvex-Glas-Fenster`) }
${ parent.decodeEntities(`Nein, danke!`) }
<${props.InputRange}
maxValue=${10}
minValue=${0}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Anzahl-Konvexglasfenster')
}}
value=${ isNaN(Number(parent.state.formData['Anzahl-Konvexglasfenster'])) ? 0 : (Number(parent.state.formData['Anzahl-Konvexglasfenster']) == 0 ? 0 : Number(parent.state.formData['Anzahl-Konvexglasfenster']))
}
ref=${ input => {
register({ name: "Anzahl-Konvexglasfenster" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Anzahl-Konvexglasfenster") === '' && false ) {
parent.handleChange({
target: {
name: 'Anzahl-Konvexglasfenster',
value: ''
}
});
parent.setValue( 'Anzahl-Konvexglasfenster', '', true );
}
} }
name="Anzahl-Konvexglasfenster"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Anzahl-Konvexglasfenster"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['Konvexglasfenster-Groesse'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="Konvexglasfenster-Groesse"
placeholder="${ parent.decodeEntities(`Bitte wählen Sie die Fensterbezeichnung - Größe aus`) } "
isSearchable=${false}
options=${[{"label":"60x60cm","value":"60x60","isDisabled":false},{"label":"80x80cm","value":"80x80","isDisabled":false},{"label":"90x60cm","value":"90x60","isDisabled":false},{"label":"90x90cm","value":"90x90","isDisabled":false},{"label":"100x100cm","value":"100x100","isDisabled":false},{"label":"120x90cm","value":"120x90","isDisabled":false},{"label":"120x120cm","value":"120x120","isDisabled":false},{"label":"150x80cm","value":"150x80","isDisabled":false},{"label":"150x100cm","value":"150x100","isDisabled":false},{"label":"150x120cm","value":"150x120","isDisabled":false},{"label":"150x150cm","value":"150x150","isDisabled":false},{"label":"200x60cm","value":"200x60","isDisabled":false},{"label":"200x100cm","value":"200x100","isDisabled":false}]}
value=${parent.getValue("Konvexglasfenster-Groesse") ? [{"label":"60x60cm","value":"60x60","isDisabled":false},{"label":"80x80cm","value":"80x80","isDisabled":false},{"label":"90x60cm","value":"90x60","isDisabled":false},{"label":"90x90cm","value":"90x90","isDisabled":false},{"label":"100x100cm","value":"100x100","isDisabled":false},{"label":"120x90cm","value":"120x90","isDisabled":false},{"label":"120x120cm","value":"120x120","isDisabled":false},{"label":"150x80cm","value":"150x80","isDisabled":false},{"label":"150x100cm","value":"150x100","isDisabled":false},{"label":"150x120cm","value":"150x120","isDisabled":false},{"label":"150x150cm","value":"150x150","isDisabled":false},{"label":"200x60cm","value":"200x60","isDisabled":false},{"label":"200x100cm","value":"200x100","isDisabled":false}].filter(item => item.value === parent.getValue("Konvexglasfenster-Groesse"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "Konvexglasfenster-Groesse")}
ref=${() => {
register({ name: "Konvexglasfenster-Groesse" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("Konvexglasfenster-Groesse") === '' && false ) {
parent.setValue( 'Konvexglasfenster-Groesse', '', true );
parent.handleChange({
target: {
name: 'Konvexglasfenster-Groesse',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Konvexglasfenster-Groesse"
as=${html``}
/>
${ parent.decodeEntities(`mit Verdunkelungsrollo`) }
${ parent.decodeEntities(`mit Hitzeschutz-Markise`) }
${ parent.decodeEntities(`kein Zubehör`) }
Möchten Sie neue Flach-Glas-Fenster?
${ parent.decodeEntities(`Neue Flach-Glas-Fenster`) }
${ parent.decodeEntities(`Nein, danke!`) }
<${props.InputRange}
maxValue=${10}
minValue=${0}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'Anzahl-Flachglasfenster')
}}
value=${ isNaN(Number(parent.state.formData['Anzahl-Flachglasfenster'])) ? 0 : (Number(parent.state.formData['Anzahl-Flachglasfenster']) == 0 ? 0 : Number(parent.state.formData['Anzahl-Flachglasfenster']))
}
ref=${ input => {
register({ name: "Anzahl-Flachglasfenster" }, parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("Anzahl-Flachglasfenster") === '' && false ) {
parent.handleChange({
target: {
name: 'Anzahl-Flachglasfenster',
value: ''
}
});
parent.setValue( 'Anzahl-Flachglasfenster', '', true );
}
} }
name="Anzahl-Flachglasfenster"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Anzahl-Flachglasfenster"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['Flachglasfenster-Groesse'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="Flachglasfenster-Groesse"
placeholder="${ parent.decodeEntities(`Bitte wählen Sie die Fensterbezeichnung - Größe aus`) } "
isSearchable=${false}
options=${[{"label":"60x60cm","value":"60x60","isDisabled":false},{"label":"80x80cm","value":"80x80","isDisabled":false},{"label":"90x60cm","value":"90x60","isDisabled":false},{"label":"90x90cm","value":"90x90","isDisabled":false},{"label":"100x100cm","value":"100x100","isDisabled":false},{"label":"120x90cm","value":"120x90","isDisabled":false},{"label":"120x120cm","value":"120x120","isDisabled":false},{"label":"150x80cm","value":"150x80","isDisabled":false},{"label":"150x100cm","value":"150x100","isDisabled":false},{"label":"150x120cm","value":"150x120","isDisabled":false},{"label":"150x150cm","value":"150x150","isDisabled":false},{"label":"200x60cm","value":"200x60","isDisabled":false},{"label":"200x100cm","value":"200x100","isDisabled":false}]}
value=${parent.getValue("Flachglasfenster-Groesse") ? [{"label":"60x60cm","value":"60x60","isDisabled":false},{"label":"80x80cm","value":"80x80","isDisabled":false},{"label":"90x60cm","value":"90x60","isDisabled":false},{"label":"90x90cm","value":"90x90","isDisabled":false},{"label":"100x100cm","value":"100x100","isDisabled":false},{"label":"120x90cm","value":"120x90","isDisabled":false},{"label":"120x120cm","value":"120x120","isDisabled":false},{"label":"150x80cm","value":"150x80","isDisabled":false},{"label":"150x100cm","value":"150x100","isDisabled":false},{"label":"150x120cm","value":"150x120","isDisabled":false},{"label":"150x150cm","value":"150x150","isDisabled":false},{"label":"200x60cm","value":"200x60","isDisabled":false},{"label":"200x100cm","value":"200x100","isDisabled":false}].filter(item => item.value === parent.getValue("Flachglasfenster-Groesse"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "Flachglasfenster-Groesse")}
ref=${() => {
register({ name: "Flachglasfenster-Groesse" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("Flachglasfenster-Groesse") === '' && false ) {
parent.setValue( 'Flachglasfenster-Groesse', '', true );
parent.handleChange({
target: {
name: 'Flachglasfenster-Groesse',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="Flachglasfenster-Groesse"
as=${html``}
/>
${ parent.decodeEntities(`mit Verdunkelungsrollo`) }
${ parent.decodeEntities(`mit Hitzeschutz-Markise`) }
${ parent.decodeEntities(`kein Zubehör`) }
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}` : ''} `