Persönliche Daten:

<${props.Select} className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['Anrede'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="Anrede" placeholder="${ parent.decodeEntities(`Anrede*`) } " isSearchable=${false} options=${[{"label":"Anrede","value":"","isDisabled":false},{"label":"Herr","value":"Herr","isDisabled":false},{"label":"Frau","value":"Frau","isDisabled":false}]} value=${parent.getValue("Anrede") ? [{"label":"Anrede","value":"","isDisabled":false},{"label":"Herr","value":"Herr","isDisabled":false},{"label":"Frau","value":"Frau","isDisabled":false}].filter(item => item.value === parent.getValue("Anrede"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "Anrede")} ref=${() => { register({ name: "Anrede" }, parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","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 f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="Vorname" as=${html``} />
{ parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="Name" as=${html``} />
{ parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="Strasse" as=${html``} />
{ parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="PLZ" as=${html``} />
{ parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="Ort" as=${html``} />
parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="Telefonnummer" as=${html``} />
parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="email" as=${html``} />

Bewerbungsdetails:

<${validation.ErrorMessage} errors=${validation.errors} name="mf-textarea" as=${html``} />
<${props.Flatpickr} name="mf-date" className="mf-input mf-date-input mf-left-parent " placeholder="${ parent.decodeEntities(`Verfügbar ab? Bitte Datum wählen`) } " options=${{"minDate":"","maxDate":"","dateFormat":"m-d-Y","enableTime":"","disable":[],"mode":"single","static":true,"disableMobile":true,"time_24hr":false}} value=${parent.getValue('mf-date')} onInput=${parent.handleDateTime} aria-invalid=${validation.errors['mf-date'] ? 'true' : 'false'} ref=${el => props.DateWidget( el, 'de', {"message":"This field is required.","required":false}, register, parent )} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-date" as=${html``} />
{ parent.activateValidation({"message":"Bitte f\u00fcllen Sie das *Pflichtfeld aus","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="Vollzeit_Teilzeit" 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="Gehaltsvorstellung" 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="Erreichbarkeit" as=${html``} />
parent.activateValidation({"message":"This field is required.","required":false,"file_types":[".jpg",".jpeg",".gif",".png"],"type_message":"Invalid file extension","size_limit":-1,"limit_message":"This field is required."}, el) } />
${ (parent.state.formData['mf-file-upload'] || []).length > 0 ? parent.state.formData['mf-file-upload'].map((file, idx) => html` ${file.name} parent.removeUploadedFile('mf-file-upload', idx)} title="Remove" > `) : html`${parent.getFileLabel('mf-file-upload', 'Keine Datei ausgewählt.')}` }
<${validation.ErrorMessage} errors=${validation.errors} name="mf-file-upload" as=${html``} />
<${validation.ErrorMessage} errors=${validation.errors} name="mf-gdpr-consent" as=${html``} />
CAPTCHA parent.activateValidation({"message":"Captcha didn't matched.","required":true}, el) } />
<${validation.ErrorMessage} errors=${validation.errors} name="mf-captcha-challenge" 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}` : ''} `
Nach oben scrollen

ÜBERDACHUNGEN UND VORDÄCHER

Überdachungen oder Vordächer sind wesentliche und wertvolle Elemente am Haus. Ideal, wenn sie sich ins Gesamtbild integrieren, dem Stil des Hauses entsprechen, praktische und ästhetische Funktionen übernehmen. Edelstahl ist eine gute Entscheidung über viele Jahre.