455 lines
12 KiB
QML
455 lines
12 KiB
QML
import QtQuick
|
||
import QtQuick.Controls
|
||
import QtQuick.Layouts
|
||
|
||
GridLayout
|
||
{
|
||
id: personalData
|
||
columns: 4
|
||
Label
|
||
{
|
||
text: qsTr("Anrede")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
ComboBox
|
||
{
|
||
property string name: "title"
|
||
id: title
|
||
Layout.fillWidth: true
|
||
editable: false
|
||
Layout.columnSpan: 3
|
||
model: [qsTr("Keine Angabe"), qsTr("Herr"), qsTr("Frau")]
|
||
onCurrentTextChanged:
|
||
{
|
||
switch (title.currentIndex)
|
||
{
|
||
case 1:
|
||
briefAnrede.text = "Sehr geehrter Herr "
|
||
break
|
||
case 2:
|
||
briefAnrede.text = "Sehr geehrte Frau "
|
||
break
|
||
default:
|
||
briefAnrede.text = "Guten Tag "
|
||
}
|
||
}
|
||
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Vorname")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "firstname"
|
||
id: firstname
|
||
Layout.fillWidth: true
|
||
placeholderText: "Pflichtfeld"
|
||
placeholderTextColor: "red"
|
||
onTextChanged: checkFields()
|
||
Layout.columnSpan: 3
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Nachname")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "lastname"
|
||
id: lastname
|
||
Layout.fillWidth: true
|
||
placeholderText: "Pflichtfeld"
|
||
placeholderTextColor: "red"
|
||
onTextChanged: checkFields()
|
||
Layout.columnSpan: 3
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Straße")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "street"
|
||
id: street
|
||
Layout.fillWidth: true
|
||
placeholderTextColor: "red"
|
||
onTextChanged: checkFields()
|
||
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Nr.")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "houseno"
|
||
id: houseno
|
||
Layout.fillWidth: true
|
||
placeholderTextColor: "red"
|
||
onTextChanged: checkFields()
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /([0-9a-zA-Z\-]{1,6})/
|
||
}
|
||
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("PLZ")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
|
||
|
||
|
||
|
||
ComboBox
|
||
{
|
||
property string name: "postcode"
|
||
id: postcode
|
||
Layout.fillWidth: true
|
||
editable: true
|
||
onEditTextChanged: checkFields()
|
||
onCurrentTextChanged: checkFields()
|
||
onActivated: currentValue
|
||
model: address_model
|
||
textRole: "display"
|
||
popup.height: 300
|
||
popup.y: postcode.y + 5 - (postcode.height * 2)
|
||
currentIndex: -1
|
||
onCurrentIndexChanged: city.currentIndex = postcode.currentIndex
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /([^$][0-9]{1,4})/
|
||
}
|
||
}
|
||
|
||
|
||
Label
|
||
{
|
||
text: qsTr("Ort")
|
||
Layout.alignment: Qt.AlignRight
|
||
|
||
}
|
||
ComboBox
|
||
{
|
||
property string name: "city"
|
||
id: city
|
||
Layout.fillWidth: true
|
||
editable: true
|
||
onEditTextChanged: checkFields()
|
||
onCurrentTextChanged: checkFields()
|
||
model: address_model
|
||
textRole: "city"
|
||
popup.height: 300
|
||
popup.y: postcode.y + 5 - (postcode.height * 2)
|
||
currentIndex: -1
|
||
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Geburtsname")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "birthname"
|
||
id: birthname
|
||
Layout.fillWidth: true
|
||
onTextChanged: checkFields()
|
||
Layout.columnSpan: 3
|
||
visible: radio.children[1].checked
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Geburtsdatum")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "birthday"
|
||
id: birthday
|
||
Layout.fillWidth: true
|
||
placeholderText: "Pflichtfeld"
|
||
placeholderTextColor: "red"
|
||
onTextChanged: checkFields()
|
||
Layout.columnSpan: 3
|
||
visible: radio.children[1].checked
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /((^|)(0[1-9]{1}|[1-2]{1}[0-9]{1}|3[0-1]))\.((^|)(0[1-9]{1}|1[0-2]{1}))\.((^|)(196[0-9]{1}|19[7-9]{1}[0-9]{1}|20[0-9]{2}))/
|
||
}
|
||
Keys.onPressed: (event)=>
|
||
{
|
||
if (event.key !== Qt.Key_Backspace)
|
||
{
|
||
var len = birthday.length
|
||
var bd = birthday.text
|
||
if (len === 2 || len === 5) birthday.text = bd + "."
|
||
}
|
||
}
|
||
}
|
||
|
||
Label
|
||
{
|
||
text: qsTr("Geburtsort")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "placeofbirth"
|
||
id: placeofbirth
|
||
Layout.fillWidth: true
|
||
placeholderText: "Pflichtfeld"
|
||
placeholderTextColor: "red"
|
||
onTextChanged: checkFields()
|
||
Layout.columnSpan: 3
|
||
visible: radio.children[1].checked
|
||
}
|
||
|
||
Label
|
||
{
|
||
text: qsTr("Telefonnummer")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "phone"
|
||
id: phonenumber
|
||
Layout.fillWidth: true
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /([+0-9]{1})([0-9]{1,17})/
|
||
}
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Mobil")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "mobile"
|
||
id: cellphone
|
||
Layout.fillWidth: true
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /([+0-9]{1})([0-9]{1,17})/
|
||
}
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("E-Mail")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "email"
|
||
id: email
|
||
Layout.fillWidth: true
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
placeholderText: qsTr("beispiel@domain.de")
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /([\+!#$%&‘\*\–\/\=?\^_`\.{|}\~\-\_0-9A-Za-z]{1,185})@([0-9A-Za-z\.\-\_]{1,64})\.([a-zA-z]{2,5})/
|
||
}
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Familienstand")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
ComboBox
|
||
{
|
||
property string name: "maritalstatus"
|
||
id: maritalstatus
|
||
Layout.fillWidth: true
|
||
editable: false
|
||
model: [qsTr("ledig"), qsTr("verheiratet"), qsTr("verwitwet"), qsTr("geschieden")]
|
||
visible: radio.children[1].checked
|
||
Layout.columnSpan: 3
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Stundenlohn")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "salary"
|
||
id: salary
|
||
Layout.fillWidth: true
|
||
visible: radio.children[1].checked
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Jobbeschreibung")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "jobdesc"
|
||
id: jobdescription
|
||
Layout.fillWidth: true
|
||
visible: radio.children[1].checked
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Vertragsbeginn")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "contractstart"
|
||
id: contractstart
|
||
Layout.fillWidth: true
|
||
visible: radio.children[1].checked
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /((^|)(0[1-9]{1}|[1-2]{1}[0-9]{1}|3[0-1]))\.((^|)(0[1-9]{1}|1[0-2]{1}))\.((^|)(196[0-9]{1}|19[7-9]{1}[0-9]{1}|20[0-9]{2}))/
|
||
}
|
||
Keys.onPressed: (event)=>
|
||
{
|
||
if (event.key !== Qt.Key_Backspace)
|
||
{
|
||
var len = contractstart.length
|
||
var bd = contractstart.text
|
||
if (len === 2 || len === 5) contractstart.text = bd + "."
|
||
}
|
||
}
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Vertragsende")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "contractend"
|
||
id: contractend
|
||
Layout.fillWidth: true
|
||
visible: radio.children[1].checked
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
validator: RegularExpressionValidator
|
||
{
|
||
regularExpression: /((^|)(0[1-9]{1}|[1-2]{1}[0-9]{1}|3[0-1]))\.((^|)(0[1-9]{1}|1[0-2]{1}))\.((^|)(196[0-9]{1}|19[7-9]{1}[0-9]{1}|20[0-9]{2}))/
|
||
}
|
||
Keys.onPressed: (event)=>
|
||
{
|
||
if (event.key !== Qt.Key_Backspace)
|
||
{
|
||
var len = contractend.length
|
||
var bd = contractend.text
|
||
if (len === 2 || len === 5) contractend.text = bd + "."
|
||
}
|
||
}
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Arbeitszeiten Tage")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
ComboBox
|
||
{
|
||
property string name: "workdays"
|
||
id: workdays
|
||
Layout.fillWidth: true
|
||
visible: radio.children[1].checked
|
||
model: ["1","2","3","4","5","6","7"]
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Stunden")
|
||
Layout.alignment: Qt.AlignRight
|
||
visible: radio.children[1].checked
|
||
}
|
||
ComboBox
|
||
{
|
||
property string name: "workhours"
|
||
id: workhours
|
||
Layout.fillWidth: true
|
||
visible: radio.children[1].checked
|
||
model: ["1","2","3","4","5","6","7","8"]
|
||
}
|
||
Label
|
||
{
|
||
text: qsTr("Briefanrede")
|
||
Layout.alignment: Qt.AlignRight
|
||
}
|
||
TextField
|
||
{
|
||
property string name: "formofaddress"
|
||
id: briefAnrede
|
||
Layout.fillWidth: true
|
||
placeholderTextColor: "red"
|
||
Layout.columnSpan: 3
|
||
onTextChanged: checkFields()
|
||
}
|
||
|
||
Item
|
||
{
|
||
Layout.fillHeight: true
|
||
Layout.columnSpan: 4
|
||
}
|
||
function checkPersonalField()
|
||
{
|
||
if (radio.children[0].checked)
|
||
{
|
||
return (firstname.text.trim() && lastname.text.trim())
|
||
}
|
||
else
|
||
{
|
||
return (firstname.text.trim() && lastname.text.trim() && street.text.trim() && houseno.text.trim()
|
||
&& (postcode.editText.trim() || postcode.currentText.trim())
|
||
&& (city.editText.trim() || city.currentText.trim())
|
||
&& birthday.text.trim() && phonenumber.text.trim()
|
||
&& cellphone.text.trim() && email.text.trim() && jobdescription.text.trim()
|
||
&& contractstart.text.trim() && contractend.text.trim() && briefAnrede.text.trim())
|
||
}
|
||
}
|
||
function requiredField()
|
||
{
|
||
var pf = (radio.children[1].checked)?"Pflichtfeld":""
|
||
street.placeholderText = pf
|
||
phonenumber.placeholderText = pf
|
||
cellphone.placeholderText = pf
|
||
email.placeholderText = pf
|
||
jobdescription.placeholderText = pf
|
||
contractstart.placeholderText = pf
|
||
contractend.placeholderText = pf
|
||
briefAnrede.placeholderText = pf
|
||
houseno.placeholderText = pf
|
||
}
|
||
}
|