Merge branch 'schnacke'

Scrollview in all Forms, Debugged Error in AddEmployee.qml

.gitignore

@@ -210,7 +210,7 @@ dmypy.json
 # pytype static type analyzer
 .pytype/
 .qtcreator/
-*.pyproject.user
+*.pyproject.user*
 
 # Cython debug symbols
 cython_debug/
@@ -228,3 +228,4 @@ cython_debug/
 
 
 rc_*.py
+.DS_STORE

.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/QtSettings.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="QtSettings">
+    <option name="mySettingsPerProfile">
+      <map>
+        <entry key="">
+          <value>
+            <PerProfileState>
+              <option name="myCustomQmlPath" value="/opt/homebrew/share/qt/qml" />
+              <option name="myCustomQtBinPath" value="/opt/homebrew/bin" />
+            </PerProfileState>
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>

.idea/discord.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="PROJECT_FILES" />
+    <option name="nameOverrideEnabled" value="true" />
+    <option name="nameOverrideText" value="the qml thing (╯°□°）╯︵ ┻━┻" />
+    <option name="description" value="" />
+    <option name="applicationTheme" value="default" />
+    <option name="iconsTheme" value="default" />
+    <option name="button1Title" value="" />
+    <option name="button1Url" value="" />
+    <option name="button2Title" value="" />
+    <option name="button2Url" value="" />
+    <option name="customApplicationId" value="" />
+  </component>
+</project>

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

.idea/misc.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.12 (pyqcrm)" />
+  </component>
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.12 (pyqcrm)" project-jdk-type="Python SDK" />
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/pyqcrm.iml" filepath="$PROJECT_DIR$/.idea/pyqcrm.iml" />
+    </modules>
+  </component>
+</project>

.idea/pyqcrm.iml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.venv" />
+    </content>
+    <orderEntry type="jdk" jdkName="Python 3.12 (pyqcrm)" jdkType="Python SDK" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/qmlSettings.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="QmlSettings">
+    <option name="mySettingsPerProfile">
+      <map>
+        <entry key="">
+          <value>
+            <PerProfileState>
+              <option name="myExtraQmlPaths">
+                <list>
+                  <option value="$PROJECT_DIR$/TeroStyle" />
+                </list>
+              </option>
+              <option name="myLSPEnabled" value="true" />
+              <option name="myQmlFormatEnabled" value="true" />
+            </PerProfileState>
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>

.idea/runConfigurations/Compile_pyqcrm_qrc.xml

@@ -0,0 +1,17 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="Compile pyqcrm.qrc" type="ShConfigurationType">
+    <option name="SCRIPT_TEXT" value=".venv/bin/pyside6-rcc -o rc_pyqcrm.py pyqcrm.qrc" />
+    <option name="INDEPENDENT_SCRIPT_PATH" value="true" />
+    <option name="SCRIPT_PATH" value=".venv/bin/pyside6-rcc" />
+    <option name="SCRIPT_OPTIONS" value="-o rc_qml.py qml.qrc" />
+    <option name="INDEPENDENT_SCRIPT_WORKING_DIRECTORY" value="true" />
+    <option name="SCRIPT_WORKING_DIRECTORY" value="$PROJECT_DIR$" />
+    <option name="INDEPENDENT_INTERPRETER_PATH" value="true" />
+    <option name="INTERPRETER_PATH" value="/bin/zsh" />
+    <option name="INTERPRETER_OPTIONS" value="" />
+    <option name="EXECUTE_IN_TERMINAL" value="false" />
+    <option name="EXECUTE_SCRIPT_FILE" value="false" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

.idea/runConfigurations/Compile_qml_qrc.xml

@@ -0,0 +1,17 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="Compile qml.qrc" type="ShConfigurationType">
+    <option name="SCRIPT_TEXT" value=".venv/bin/pyside6-rcc -o rc_qml.py qml.qrc" />
+    <option name="INDEPENDENT_SCRIPT_PATH" value="true" />
+    <option name="SCRIPT_PATH" value=".venv/bin/pyside6-rcc" />
+    <option name="SCRIPT_OPTIONS" value="-o rc_qml.py qml.qrc" />
+    <option name="INDEPENDENT_SCRIPT_WORKING_DIRECTORY" value="true" />
+    <option name="SCRIPT_WORKING_DIRECTORY" value="$PROJECT_DIR$" />
+    <option name="INDEPENDENT_INTERPRETER_PATH" value="true" />
+    <option name="INTERPRETER_PATH" value="/bin/zsh" />
+    <option name="INTERPRETER_OPTIONS" value="" />
+    <option name="EXECUTE_IN_TERMINAL" value="false" />
+    <option name="EXECUTE_SCRIPT_FILE" value="false" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

.idea/runConfigurations/main.xml

@@ -0,0 +1,31 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="main" type="PythonConfigurationType" factoryName="Python" nameIsGenerated="true">
+    <module name="pyqcrm" />
+    <option name="INTERPRETER_OPTIONS" value="" />
+    <option name="PARENT_ENVS" value="true" />
+    <envs>
+      <env name="PYTHONUNBUFFERED" value="1" />
+      <env name="QT_LOGGING_RULES" value="*.debug=true; qt.*.debug=false" />
+      <env name="QT_LOGGING_TO_CONSOLE" value="1" />
+      <env name="QT_QML_DEBUG" value="1" />
+    </envs>
+    <option name="SDK_HOME" value="" />
+    <option name="SDK_NAME" value="Python 3.12 (pyqcrm)" />
+    <option name="WORKING_DIRECTORY" value="$PROJECT_DIR$" />
+    <option name="IS_MODULE_SDK" value="false" />
+    <option name="ADD_CONTENT_ROOTS" value="true" />
+    <option name="ADD_SOURCE_ROOTS" value="true" />
+    <EXTENSION ID="PythonCoverageRunConfigurationExtension" runner="coverage.py" />
+    <option name="SCRIPT_NAME" value="$PROJECT_DIR$/main.py" />
+    <option name="PARAMETERS" value="" />
+    <option name="SHOW_COMMAND_LINE" value="false" />
+    <option name="EMULATE_TERMINAL" value="false" />
+    <option name="MODULE_MODE" value="false" />
+    <option name="REDIRECT_INPUT" value="false" />
+    <option name="INPUT_FILE" value="" />
+    <method v="2">
+      <option name="RunConfigurationTask" enabled="true" run_configuration_name="Compile qml.qrc" run_configuration_type="ShConfigurationType" />
+      <option name="RunConfigurationTask" enabled="true" run_configuration_name="Compile pyqcrm.qrc" run_configuration_type="ShConfigurationType" />
+    </method>
+  </configuration>
+</component>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

Gui/AddApplicant.qml

@@ -1,180 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Layouts
-import "../js/qmldict.js" as JsLib
-
-
-ColumnLayout
-{
-    id: colPar
-    anchors.fill: parent
-    Layout.fillWidth: true
-    Layout.fillHeight: true
-    implicitWidth: parent.width
-    Label
-    {
-        Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
-        id: headline
-        text: qsTr("Mitarbeiter / Bewerber hinzufügen")
-        font.pixelSize: 35
-    }
-    ButtonGroup
-    {
-        buttons: radio.children
-        onClicked:
-        {
-            checkFields()
-            personalData.requiredField()
-        }
-    }
-
-    Row
-    {
-        Layout.fillWidth: true
-        id: radio
-        //Layout.columnSpan: 2
-        RadioButton
-        {
-            checked: true
-            text: qsTr("Bewerber")
-        }
-        RadioButton
-        {
-            text: qsTr("Mitarbeiter")
-        }
-    }
-
-    // ScrollView
-    // {
-    //     Layout.fillHeight: true
-    //     Layout.fillWidth: true
-    //     implicitWidth: parent.width
-
-    //     ColumnLayout
-    //     {
-    //         anchors.fill: parent
-    //         //implicitWidth: parent.width
-    //         //width: parent.width
-    //         //height: parent.height
-    RowLayout
-    {
-        Layout.fillWidth: true
-        //implicitWidth: parent.width
-        spacing: 50
-
-        Frame
-        {
-            Layout.alignment: Qt.AlignTop
-            Layout.fillWidth: true
-            //implicitWidth: parent.width
-            ApplicantPersonalData
-            {
-                id: personalData
-                width: parent.width
-            }
-        }
-
-        Frame
-        {
-            Layout.alignment: Qt.AlignTop
-            Layout.fillWidth: true
-            visible: radio.children[1].checked
-            ColumnLayout
-            {
-                Layout.alignment: Qt.AlignTop
-                implicitWidth: parent.width
-
-                ApplicantBankData
-                {
-                    id: bankAccount
-                }
-
-                ApplicantNationalInsurance
-                {
-                    id: nationalInsurance
-                }
-
-                ApplicantVarious
-                {
-                    id: applicantVarious
-                }
-            }
-        }
-    }
-
-    Item
-    {
-        Layout.fillHeight: true
-    }
-
-    RowLayout
-    {
-        Layout.fillWidth: true
-        Layout.alignment: Qt.AlignRight
-        Button
-        {
-            text: qsTr("Abbrechen")
-            onClicked: appLoader.source = "EmployeeTable.qml"
-        }
-        Button
-        {
-            id: saveBtn
-            text: qsTr("Speichern")
-            enabled: false
-            onClicked:
-            {
-                var new_applicant
-                if (radio.children[0].checked)
-                {
-                    // Ein Bewerber
-                    new_applicant = JsLib.parseForm(personalData)
-                    employee_model.addEmployee(new_applicant, true)
-                    // appLoader.source = "EmployeeTable.qml"
-                    // console.log(JSON.stringify (new_applicant))
-                }
-                else
-                {
-                    // Ein Mitarbeiter
-                    // console.log(personalData, bankAccount, nationalInsurance, applicantVarious)
-                    new_applicant = JsLib.parseForm(personalData, bankAccount, nationalInsurance, applicantVarious)
-                    employee_model.addEmployee(new_applicant, false)
-                    // var new_contact = JsLib.addApplicant(addContactLayout)
-                    // contact_model.addContact(new_contact)
-                    // console.log(JSON.stringify (new_applicant))
-                }
-            }
-        }
-    }
-    Component.onCompleted:
-    {
-        employee_model.addedNewEmployee.connect(onAddNewEmployee)
-    }
-
-//        }
-//     }  // ScrollView
-    function onAddNewEmployee(added)
-    {
-        if (added)
-            console.log('addedsuccesfully')
-        else
-            console.log('failedtoadd')
-        appLoader.source = 'EmployeeTable.qml'
-    }
-
-    function checkFields()
-    {
-        if(radio.children[1].checked)
-        {
-            if(!personalData.checkPersonalField())
-                saveBtn.enabled = false
-            else
-                saveBtn.enabled = true
-        }
-        else if (!personalData.checkPersonalField())
-            saveBtn.enabled = false
-        else
-            saveBtn.enabled = true
-    }
-}
-
-

Gui/AddCustomer.qml

@@ -1,121 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import QtQuick.Controls.Fusion
-import QtQuick.Dialogs
-import "../js/qmldict.js" as JsLib
-
-ColumnLayout
-{
-    property var new_business: null
-    Layout.fillWidth: true
-    Layout.fillHeight: true
-    spacing: 15
-    Label
-    {
-        text: qsTr("Kunden anlegen")
-        horizontalAlignment: Text.AlignHCenter
-        Layout.fillWidth: true
-        font.pixelSize: 35
-    }
-    CheckBox
-    {
-        id: checkAddContact
-        text: qsTr("Ansprechpartner hinzufügen")
-        Layout.alignment: Qt.AlignRight
-        checked: false
-        onCheckStateChanged:
-        {
-            checkFields()
-        }
-    }
-
-    RowLayout
-    {
-        id: addCustomer
-        Layout.fillWidth: true
-        Layout.fillHeight: true
-        spacing: 45
-        Frame
-        {
-            Layout.alignment: Qt.AlignTop
-            Layout.fillWidth: true
-            CustomerView
-            {
-                id: customerView
-                width: parent.width
-            }
-        }
-
-        AddContact
-        {
-                id: addContactFrame
-                visible: checkAddContact.checked
-        }
-    }
-    RowLayout
-    {
-        Layout.fillHeight: true
-        Layout.alignment: Qt.AlignRight
-        Button
-        {
-            text: qsTr("Abbrechen")
-            onClicked: appLoader.source = "CustomerTable.qml"
-        }
-        Button
-        {
-            id: saveBtn
-            text: qsTr("Speichern")
-            enabled: false
-            onClicked:
-            {
-                if (!checkAddContact.checked)
-                {
-                    new_business = JsLib.parseForm(customerView)
-                    business_model.addBusiness(new_business, 0)
-                    appLoader.source = "CustomerTable.qml"
-                }
-                else
-                {
-                    new_business = JsLib.parseForm(customerView)
-                    var new_contact = JsLib.parseForm(addContactFrame.contactGrid)
-                    contact_model.addContact(new_contact)
-                }
-            }
-        }
-    }
-    Item
-    {
-        id: spacer3
-        Layout.fillHeight: true
-    }
-
-    //Component.onCompleted: contact_model.contactIdReady.connect(onContactId)
-
-    Connections
-    {
-        target: contact_model
-
-        function onContactIdReady()
-        {
-            var con_id = arguments[0]
-            business_model.addBusiness(new_business, con_id)
-            appLoader.source = "CustomerTable.qml"
-        }
-    }
-
-    function checkFields()
-    {
-        if(checkAddContact.checked)
-        {
-            if(!customerView.checkBusinessField() || !addContactFrame.checkContactField())
-                saveBtn.enabled = false
-            else
-                saveBtn.enabled = true
-        }
-        else if (!customerView.checkBusinessField())
-            saveBtn.enabled = false
-        else
-            saveBtn.enabled = true
-    }
-}

Gui/AddNewObject.qml

@@ -16,7 +16,7 @@ GridLayout
 
     Label
     {
-        text: qsTr("Straße")
+        text: qsTr("Straße*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
     }
 
@@ -27,13 +27,11 @@ GridLayout
         Layout.fillWidth: true
         Layout.alignment: Qt.AlignVCenter
         onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     }
 
     Label
     {
-        text: qsTr("Nr.")
+        text: qsTr("Nr.*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
     }
 
@@ -44,8 +42,6 @@ GridLayout
         Layout.fillWidth: true
         Layout.alignment: Qt.AlignVCenter
         onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     }
 
     // New grid row
@@ -67,7 +63,6 @@ GridLayout
         model: address_model
         textRole: "display"
         popup.height: 300
-        popup.y: postcode.y + 5 - (postcode.height * 2)
         currentIndex: -1
         onCurrentIndexChanged: city.currentIndex = postcode.currentIndex
 
@@ -95,7 +90,6 @@ GridLayout
         model: address_model
         textRole: "city"
         popup.height: 300
-        popup.y: postcode.y + 5 - (postcode.height * 2)
         currentIndex: -1
     }
 
@@ -199,7 +193,7 @@ GridLayout
 
     Label
     {
-        text: qsTr("Reinigungsmittel wo?")
+        text: qsTr("Reinigungsmittel wo?*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
     }
 
@@ -208,8 +202,6 @@ GridLayout
         property string name: "cleaningproducts"
         id: cleaningproducts
         Layout.fillWidth: true
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
         onTextChanged: checkFields()
     }
     Item

Gui/AddObject.qml

@@ -1,13 +1,13 @@
 import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls
-import QtQuick.Controls.Fusion
 import QtQuick.Dialogs
-import "../js/qmldict.js" as JsLib
+import Js
 
 ColumnLayout
 {
     property var new_object: null
+    //property alias checkAddContact: checkAddContact
     Layout.fillWidth: true
     Layout.fillHeight: true
     spacing: 15
@@ -20,7 +20,7 @@ ColumnLayout
     }
     CheckBox
     {
-        id: checkAddContact
+        id: checkAddObjectContact
         text: qsTr("Ansprechpartner hinzufügen")
         Layout.alignment: Qt.AlignRight
         checked: false
@@ -51,7 +51,7 @@ ColumnLayout
         ObjectAddOns
         {
             id: addObjectLayout
-            visible: checkAddContact.checked
+            visible: checkAddObjectContact.checked
         }
     }
     RowLayout
@@ -61,7 +61,7 @@ ColumnLayout
         Button
         {
             text: qsTr("Abbrechen")
-            onClicked: appLoader.source = "ObjectTable.qml"
+            onClicked: contentStack.pop()
         }
         Button
         {
@@ -70,22 +70,16 @@ ColumnLayout
             text: qsTr("Speichern")
             enabled: false
             onClicked:
+
             {
+
                 new_object = JsLib.parseForm(newObject)
+                // For Debugging
+                console.log(JSON.stringify(new_object))
+                //
                 new_object['lift'] = new_object['lift'] === 'Ja' ? 1 : 0
                 new_object['mezzanin'] = new_object['mezzanin'] === 'Ja' ? 1 : 0
-                if (!checkAddContact.checked)
-                {
-                    var list = []
-                    object_model.addObject(new_object, list, false)
-
-
-                }
-                else
-                {
-                    var new_objecto = addObjectLayout.getForm()
-                    object_model.addObject(new_object, new_objecto, true)
-                }
+                object_model.addObject(new_object)
             }
         }
     }
@@ -97,31 +91,56 @@ ColumnLayout
 
     Component.onCompleted:
     {
-        object_model.objectAdded.connect(onObjectAdded)
+        //object_model.objectAdded.connect(onObjectAdded)
+        //contact_model.objectContactAdded.connect(onObjectContact)
     }
 
-    // Connections
-    // {
-    //     target: spacer3
 
-    //     function onObjectIdReady()
+    Connections
+    {
+        target: object_model
+
+        function onObjectIdReady()
+        {
+            var obj_id = arguments[0]
+            if (checkAddObjectContact.checked && obj_id)
+            {
+                var new_objecto = addObjectLayout.getForm()
+                contact_model.addObjectContact(new_objecto, obj_id)
+                object_model.viewCriterion("Alle")
+            }
+
+            contentStack.pop()
+        }
+    }
+
+    // function onObjectAdded(added, oid)
+    // {
+    //     if (!added)
+    //         console.log(qsTr("Fehler beim Objekt-Anlegen!"))
+    //     if (checkAddObjectContact.checked && oid)
     //     {
-    //         var obj_id = arguments[0]
-    //         object_model.addObject(new_object, obj_id)
+    //         var new_objecto = addObjectLayout.getForm()
+
+    //         contact_model.addObjectContact(new_objecto, oid)
+    //     }
+    //     else appLoader.source = "ObjectTable.qml"
+    // }
+
+    // function onObjectContact(added)
+    // {
+    //     if (!added)
+    //         console.log(qsTr("Fehler beim Objekt-Kontakt-Anlegen!"))
+    //     else
+    //     {
+    //         //object_model.viewCriterion("Alle")
     //         appLoader.source = "ObjectTable.qml"
     //     }
     // }
 
-    function onObjectAdded(added)
-    {
-        if (!added)
-            console.log(qsTr("Fehler beim Objekt-Anlegen!"))
-        appLoader.source = "ObjectTable.qml"
-    }
-
     function checkFields()
     {
-        if(checkAddContact.checked)
+        if(checkAddObjectContact.checked)
         {
             if(!newObject.checkObjectField() || !addObjectLayout.contactPerson.contacts || !addObjectLayout.contactPerson.contacts.length)
                 saveBtn.enabled = false

Gui/AdminUserConfig.qml

@@ -51,6 +51,15 @@ GridLayout
         placeholderText: qsTr("Hier Passwort eingeben")
         Layout.fillWidth: true
         property string name: "PYQCRM_USER_PASS"
+        color: acceptableInput ? "black" : "red"
+        ToolTip.visible: hovered && !acceptableInput
+        ToolTip.text: "Passwort muss mind. 12 Zeichen lang sein und Groß-, Kleinbuchstaben, Zahlen sowie Sonderzeichen (!@#$%^&*()_+-=) enthalten."
+
+        validator: RegularExpressionValidator {
+                    regularExpression: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+\-=]).{12,}$/
+                }
+
+
     }
     Label
     {

Gui/BackupSettings.qml

@@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Dialogs
 import QtCore
-import "../js/qmldict.js" as JsLib
+import Js
 
 
 

Gui/CompanyConf.qml

@@ -66,8 +66,6 @@ ColumnLayout
         Label
         {
             text: qsTr("PLZ")
-            // font.pixelSize: 57
-            // font.bold: true
         }
 
         ComboBox
@@ -78,8 +76,6 @@ ColumnLayout
             model: address_model
             textRole: "display"
             popup.height: 300
-            popup.y: zipcode.y + 5 - (zipcode.height * 2)
-            //currentIndex: -1
             onCurrentIndexChanged: city.currentIndex = zipcode.currentIndex
             validator: RegularExpressionValidator
             {
@@ -102,7 +98,6 @@ ColumnLayout
             model: address_model
             textRole: "city"
             popup.height: 300
-            popup.y: zipcode.y + 5 - (zipcode.height * 2)
             currentIndex: -1
         }
     }

Gui/Customer/AddCustomer.qml

@@ -0,0 +1,136 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import QtQuick.Dialogs
+import Js
+import Gui
+
+ScrollView
+{
+    id: scroll
+    width: parent.width
+    height: parent.height
+    property var new_business: null
+
+    ColumnLayout
+    {
+
+        height: Screen.desktopAvailableHeight
+        width: scroll.width
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        spacing: 15
+
+        Label
+        {
+            text: qsTr("Kunden anlegen")
+            horizontalAlignment: Text.AlignHCenter
+            Layout.fillWidth: true
+            font.pixelSize: 35
+        }
+        CheckBox
+        {
+            id: checkAddContact
+            text: qsTr("Ansprechpartner hinzufügen")
+            Layout.alignment: Qt.AlignRight
+            checked: false
+            onCheckStateChanged:
+            {
+                checkFields()
+            }
+        }
+
+        RowLayout
+        {
+            id: addCustomer
+            // Layout.fillWidth: true
+            // Layout.fillHeight: true
+
+            spacing: 45
+            Frame
+            {
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                CustomerView
+                {
+                    id: customerView
+                    width: parent.width
+                }
+            }
+
+            AddContact
+            {
+                    id: addContactFrame
+                    visible: checkAddContact.checked
+            }
+        }
+
+        RowLayout
+        {
+            Layout.fillHeight: true
+            Layout.alignment: Qt.AlignRight
+            Button
+            {
+                text: qsTr("Abbrechen")
+                onClicked: contentStack.pop()
+            }
+            Button
+            {
+                id: saveBtn
+                text: qsTr("Speichern")
+                enabled: false
+                onClicked:
+                {
+                    if (!checkAddContact.checked)
+                    {
+                        new_business = JsLib.parseForm(customerView)
+                        console.log(JSON.stringify(new_business))
+                        business_model.addBusiness(new_business, 0)
+                        contentStack.pop()
+                    }
+                    else
+                    {
+                        new_business = JsLib.parseForm(customerView)
+                        var new_contact = JsLib.parseForm(addContactFrame.contactGrid)
+                        contact_model.addContact(new_contact)
+                    }
+                }
+            }
+        }
+        Item
+        {
+            id: spacer3
+            Layout.fillHeight: true
+        }
+
+        //Component.onCompleted: contact_model.contactIdReady.connect(onContactId)
+
+        Connections
+        {
+            target: contact_model
+
+            function onContactIdReady()
+            {
+                var con_id = arguments[0]
+                business_model.addBusiness(new_business, con_id)
+                contentStack.pop()
+            }
+        }
+
+
+    }
+    function checkFields()
+    {
+        if(checkAddContact.checked)
+        {
+            if(!customerView.checkBusinessField() || !addContactFrame.checkContactField())
+                saveBtn.enabled = false
+            else
+                saveBtn.enabled = true
+        }
+        else if (!customerView.checkBusinessField())
+            saveBtn.enabled = false
+        else
+            saveBtn.enabled = true
+    }
+}

Gui/Customer/CustomerDetails.qml

@@ -12,8 +12,7 @@ ColumnLayout
     Button
     {
         text: qsTr("Zurück")
-        //Layout.columnSpan: 2
-        onClicked: customersStack.pop()
+        onClicked: contentStack.pop()
     }
 
     SplitView

Gui/Customer/CustomerView.qml

@@ -16,11 +16,10 @@ GridLayout
     Label
     {
         id: lblFirmenName
-        text: qsTr("Firmenname")
+        text: qsTr("Firmenname*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
 
     }
-
     TextField
     {
         property string name: "business"
@@ -29,52 +28,30 @@ GridLayout
         Layout.fillWidth: true
         Layout.alignment: Qt.AlignVCenter
         onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
         Layout.columnSpan: 3
-
-
     }
-
     Label
     {
-        text: qsTr("Straße")
+        text: qsTr("Land")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+        visible: false
     }
-
-
-
-    TextField
+    ComboBox
     {
-        property string name: "street"
-        id: streetid
+        property string name: "country"
+        id: country
         Layout.fillWidth: true
-        onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
+        editable: true
+        // onEditTextChanged: checkFields()
+        // onCurrentTextChanged: checkFields()
+        model: address_model
+        textRole: "country"
+        popup.height: 300
+        currentIndex: 37
+        Layout.columnSpan: 3
+        visible: false
+
     }
-
-    Label
-    {
-        text: qsTr("Nr.")
-        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
-    }
-
-    TextField
-    {
-        property string name: "houseno"
-        id: housenoid
-        Layout.fillWidth: true
-        onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
-        validator: RegularExpressionValidator
-        {
-            regularExpression: /([0-9a-zA-Z\-]{1,6})/
-        }
-    }
-
-
     Label
     {
         text: qsTr("PLZ")
@@ -96,7 +73,6 @@ GridLayout
         model: address_model
         textRole: "display"
         popup.height: 300
-        popup.y: postcode.y + 5 - (postcode.height * 2)
         currentIndex: -1
         onCurrentIndexChanged: city.currentIndex = postcode.currentIndex
         Layout.columnSpan: 3
@@ -123,11 +99,43 @@ GridLayout
         model: address_model
         textRole: "city"
         popup.height: 300
-        popup.y: postcode.y + 5 - (postcode.height * 2)
         currentIndex: -1
         Layout.columnSpan: 3
-        // onCurrentIndexChanged: postcode.currentIndex = city.currentIndex
     }
+    Label
+    {
+        text: qsTr("Straße*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "street"
+        id: streetid
+        Layout.fillWidth: true
+        onTextChanged: checkFields()
+    }
+
+    Label
+    {
+        text: qsTr("Nr.*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "houseno"
+        id: housenoid
+        Layout.fillWidth: true
+        onTextChanged: checkFields()
+        validator: RegularExpressionValidator
+        {
+            regularExpression: /([0-9a-zA-Z\-]{1,6})/
+        }
+    }
+
+
+
 
     Label
     {
@@ -268,7 +276,7 @@ GridLayout
     }
     function checkBusinessField()
     {
-        if (!firmenName.text.trim() || !streetid.text.trim())
+        if (!firmenName.text.trim() || !streetid.text.trim() || !housenoid.text.trim())
         {
             return false
 

Gui/Customer/CustomersTable.qml

@@ -0,0 +1,177 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Qt.labs.qmlmodels
+
+ColumnLayout {
+    property var availableFilters: ["Name", "Adresse", "PLZ", "Ort"]
+
+    function viewCriterion(criterion)
+    {
+        business_model.viewCriterion(criterion.text);
+    }
+
+
+
+
+    spacing: Dimensions.l
+
+    // Component.onCompleted: contentStack.pop()
+
+    RowLayout
+    {
+        Layout.fillWidth: true
+        spacing: Dimensions.l
+
+
+        SearchBar
+        {
+        }
+        QuickFilter {
+            onSelectedChanged: (name) => {
+                business_model.viewCriterion(name)
+            }
+
+            model: ListModel {
+                ListElement {
+
+                    name: "Alle"
+                    text: qsTr("Alle")
+                    selected: true
+                }
+                ListElement {
+                    name: "Interessent"
+                    text: qsTr("Interessent")
+                    selected: false
+                }
+                ListElement {
+                    name: "Kunde"
+                    text: qsTr("Kunde")
+                    selected: false
+                }
+                ListElement {
+                    name: "Lieferant"
+                    text: qsTr("Lieferant")
+                    selected: false
+                }
+                ListElement {
+                    name: "Erledigt"
+                    text: qsTr("Erledigt")
+                    selected: false
+                }
+            }
+        }
+        Button
+        {
+            id: addCustomer
+
+            Layout.alignment: Qt.AlignRight
+            icon.source: "qrc:/images/PlusCircle.svg"
+            text: qsTr("Kunde Hinzufügen")
+            onClicked: contentStack.push("AddCustomer.qml")
+        }
+    }
+    ColumnLayout
+    {
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        Layout.verticalStretchFactor: 1
+        clip: true
+
+        HorizontalHeaderView
+        {
+            id: horizontalHeader
+
+            Layout.fillWidth: true
+            implicitHeight: 40
+            movableColumns: true //@disable-check M16
+            syncView: customerTable
+
+            delegate: Rectangle
+            {
+                Layout.fillWidth: true
+                border.color: addCustomer.palette.base
+                color: addCustomer.palette.alternateBase
+                implicitHeight: 40
+                implicitWidth: 1
+
+                Text
+                {
+                    color: addCustomer.palette.text
+                    elide: Text.ElideRight
+                    height: parent.height
+                    horizontalAlignment: Text.AlignHCenter
+                    text: model.display
+                    verticalAlignment: Text.AlignVCenter
+                    width: parent.width
+                }
+            }
+        }
+        TableView {
+            id: customerTable
+
+            property real newWidth: 0
+
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            alternatingRows: true
+            columnSpacing: 1
+            model: business_model
+            resizableColumns: true
+            rowSpacing: 2
+            selectionBehavior: TableView.SelectRows
+            z: 1
+
+            ScrollBar.vertical: ScrollBar {
+                policy: customerTable.contentHeight > customerTable.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
+            }
+            delegate: Rectangle {
+                required property bool current
+                required property bool selected
+
+                color: selected ? addCustomer.palette.highlight //palette.highlight
+                 : (customerTable.alternatingRows && row % 2 !== 0 ? addCustomer.palette.base // palette.base
+                     : addCustomer.palette.alternateBase) //palette.alternateBase)
+                implicitHeight: 25
+                implicitWidth: customerTable.width / customerTable.columns
+
+                Text {
+                    color: addCustomer.palette.text
+                    elide: Text.ElideRight
+                    height: parent.height
+                    leftPadding: 9
+                    text: model.display == null ? "" : model.display // @disable-check M126
+                    verticalAlignment: Text.AlignVCenter
+                    width: parent.width
+                }
+                MouseArea {
+                    id: mouseArea
+
+                    property bool hovered: false
+
+                    anchors.fill: parent
+                    hoverEnabled: true
+
+                    onDoubleClicked: {
+                        business_model.onRowClicked(row);
+                        contentStack.push("CustomerDetails.qml", {
+                            selectedClient: row
+                        });
+                    }
+                    onEntered: {
+                        customerTable.selectionModel.select(customerTable.model.index(row, 0), ItemSelectionModel.SelectCurrent | ItemSelectionModel.Rows);
+                    }
+                }
+            }
+            selectionModel: ItemSelectionModel {
+                id: selModel
+
+                model: customerTable.model
+            }
+        }
+
+    }
+    Item {
+        Layout.fillHeight: true
+    }
+}

Gui/Customer/qmldir

@@ -0,0 +1 @@
+module Customer

Gui/CustomerTable.qml

@@ -1,22 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-import QtQuick.Controls.Fusion
-
-Item {
-    anchors.fill: parent
-    property var availableFilters: ["Name", "Adresse", "PLZ", "Ort"]
-    id: test
-
-    StackView
-    {
-        id: customersStack
-        anchors.fill: parent
-        initialItem: "CustomersTable.qml"
-    }
-}
-
-
-
-

Gui/CustomersTable.qml

@@ -1,173 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-import QtQuick.Controls.Fusion
-
-Item
-{
-    SearchBar
-    {
-        id:searchBar
-        anchors.margins: 9
-    }
-
-    Button
-    {
-        id: addBusinessBtn
-        icon.source: "qrc:/images/addbusiness.svg"
-        icon.color: "olive"
-        anchors.right: parent.right
-        flat: true
-        onClicked: appLoader.source = "AddCustomer.qml"
-    }
-
-    ColumnLayout
-    {
-        id: tableColumn
-        anchors
-        {
-            top: searchBar.bottom
-            bottom: parent.bottom
-            left: parent.left
-            right: parent.right
-        }
-
-        RowLayout
-        {
-            RadioButton
-            {
-                id: showAll
-                checked: true
-                text: qsTr("Alle")
-                onClicked: viewCriterion(showAll)
-            }
-            RadioButton
-            {
-                id: showInterested
-                 text: qsTr("Interessent")
-                 onClicked: viewCriterion(showInterested)
-            }
-            RadioButton
-            {
-                id: showClientele
-                text: qsTr("Kunden")
-                onClicked: viewCriterion(showClientele)
-            }
-            RadioButton
-            {
-                id: showProvider
-                text: qsTr("Lieferant")
-                onClicked: viewCriterion(showProvider)
-            }
-            RadioButton
-            {
-                id: showFinished
-                text: qsTr("Erledigt")
-                onClicked: viewCriterion(showFinished)
-            }
-        }
-
-        HorizontalHeaderView
-        {
-            id: horizontalHeader
-            Layout.fillWidth: true
-            implicitHeight: 40
-            movableColumns: true //@disable-check M16
-            syncView: customerTable
-            delegate: Rectangle
-            {
-                color: addBusinessBtn.palette.alternateBase
-                border.color: addBusinessBtn.palette.base
-                implicitHeight: 40
-                Layout.fillWidth: true
-                implicitWidth: 1
-                Text
-                {
-                    text: model.display
-                    elide: Text.ElideRight
-                    width: parent.width
-                    height: parent.height
-                    horizontalAlignment: Text.AlignHCenter
-                    verticalAlignment: Text.AlignVCenter
-                    color: addBusinessBtn.palette.text
-                }
-            }
-        }
-
-        TableView
-        {
-            property real newWidth: 0
-            id: customerTable
-            Layout.fillHeight: true
-            Layout.fillWidth: true
-            columnSpacing: 1
-            rowSpacing: 2
-            model: business_model
-            alternatingRows: true
-            resizableColumns: true
-            selectionBehavior: TableView.SelectRows
-            ScrollBar.vertical: ScrollBar
-            {
-                policy: customerTable.contentHeight > customerTable.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
-            }
-
-            selectionModel: ItemSelectionModel
-            {
-                id: selModel
-                model: customerTable.model
-            }
-            delegate:Rectangle
-            {
-                required property bool selected
-                required property bool current
-                implicitWidth: customerTable.width / customerTable.columns
-                implicitHeight: 25
-                color: selected
-                           ? addBusinessBtn.palette.highlight //palette.highlight
-                           : (customerTable.alternatingRows && row % 2 !== 0
-                           ? addBusinessBtn.palette.base // palette.base
-                           : addBusinessBtn.palette.alternateBase) //palette.alternateBase)
-                Text
-                {
-                    text: model.display == null? "": model.display // @disable-check M126
-                    elide: Text.ElideRight
-                    width: parent.width
-                    height: parent.height
-                    verticalAlignment: Text.AlignVCenter
-                    leftPadding: 9
-                    color: addBusinessBtn.palette.text
-                }
-                MouseArea
-                {
-                    property bool hovered: false
-                    id: mouseArea
-                    anchors.fill: parent
-                    hoverEnabled: true
-                    onDoubleClicked:
-                    {
-                        business_model.onRowClicked(row)
-                        customersStack.push("CustomerDetails.qml", {selectedClient: row});
-                    }
-
-                    onEntered:
-                    {
-                        customerTable.selectionModel.select(customerTable.model.index(row, 0), ItemSelectionModel.SelectCurrent | ItemSelectionModel.Rows)
-                    }
-                }
-            }
-        }
-
-        Item
-        {
-            Layout.fillWidth: true
-        }
-    }
-
-    function viewCriterion(criterion)
-    {
-        business_model.viewCriterion(criterion.text)
-    }
-
-    Component.onCompleted: customersStack.pop()
-}

Gui/Dashboard.qml

@@ -2,127 +2,106 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 
-ColumnLayout
-{
-    anchors.top: TopBar.bottom
+ColumnLayout {
+    anchors.top: Navigation.bottom
 
-    Rectangle
-    {
-        color: "dimgrey"
+    Rectangle {
+        Layout.bottomMargin: 3
         Layout.fillHeight: true
         Layout.fillWidth: true
-        Layout.bottomMargin: 3
+        color: "dimgrey"
         radius: 45
 
-        RowLayout
-        {
+        RowLayout {
             anchors.fill: parent
 
-            Rectangle
-            {
+            Rectangle {
                 id: contractButton
-                width: 300
-                height: 145
-                color: "darkslategray"
-                radius: 45
+
                 Layout.alignment: Qt.AlignHCenter
                 border.color: "steelblue"
                 border.width: 1
-                Text
-                {
-                    text: qsTr("Aufträge")
-                    anchors.centerIn: parent
-                    font.pixelSize: 45
-                    font.bold: true
-                    color: "lightgoldenrodyellow"
-                }
+                color: "darkslategray"
+                height: 145
+                radius: 45
+                width: 300
 
-                MouseArea
-                {
+                Text {
+                    anchors.centerIn: parent
+                    color: "lightgoldenrodyellow"
+                    font.bold: true
+                    font.pixelSize: 45
+                    text: qsTr("Aufträge")
+                }
+                MouseArea {
                     anchors.fill: parent
                     cursorShape: Qt.PointingHandCursor
                     hoverEnabled: true
-                    onPressed:
-                    {
-                        contractButton.color = "darkolivegreen"
-                        contractButton.border.width = 3
-                        contractButton.border.color = "skyblue"
-                        console.log("Aufträge...")
+
+                    onExited: {
+                        contractButton.color = "darkslategray";
+                        contractButton.border.color = "steelblue";
+                        contractButton.border.width = 1;
                     }
-
-                    onReleased:
-                    {
-                        contractButton.color = "darkslategray"
-                        contractButton.border.width = 1
-                        contractButton.border.color = "steelblue"
+                    onHoveredChanged: {
+                        var w = contractButton.border.width === 3 ? 1 : 3;
+                        contractButton.border.width = w;
                     }
-
-                    onHoveredChanged:
-                    {
-                        var w = contractButton.border.width === 3? 1: 3
-                        contractButton.border.width = w
+                    onPressed: {
+                        contractButton.color = "darkolivegreen";
+                        contractButton.border.width = 3;
+                        contractButton.border.color = "skyblue";
+                        console.log("Aufträge...");
                     }
-
-                    onExited:
-                    {
-
-                        contractButton.color = "darkslategray"
-                        contractButton.border.color = "steelblue"
-                        contractButton.border.width = 1
+                    onReleased: {
+                        contractButton.color = "darkslategray";
+                        contractButton.border.width = 1;
+                        contractButton.border.color = "steelblue";
                     }
                 }
             }
-
-            Rectangle
-            {
+            Rectangle {
                 id: offerButton
-                width: 300
-                height: 145
-                color: "darkslategray"
-                radius: 45
+
                 Layout.alignment: Qt.AlignHCenter
                 border.color: "steelblue"
                 border.width: 1
-                Text
-                {
-                    text: qsTr("Angebote")
+                color: "darkslategray"
+                height: 145
+                radius: 45
+                width: 300
+
+                Text {
                     anchors.centerIn: parent
-                    font.pixelSize: 45
-                    font.bold: true
                     color: "lightgoldenrodyellow"
+                    font.bold: true
+                    font.pixelSize: 45
+                    text: qsTr("Angebote")
                 }
-                MouseArea
-                {
+                MouseArea {
                     anchors.fill: parent
                     cursorShape: Qt.PointingHandCursor
                     hoverEnabled: true
 
-                    onPressed:
-                    {
-                        offerButton.color = "darkolivegreen"
-                        offerButton.border.width = 3
-                        offerButton.border.color = "skyblue"
-                        console.log("Angebote...")
+                    onExited: {
+                        offerButton.color = "darkslategray";
+                        offerButton.border.color = "steelblue";
+                        offerButton.border.width = 1;
                     }
-                    onReleased:
-                    {
-                        offerButton.color = "darkslategray"
-                        offerButton.border.width = 1
-                        offerButton.border.color = "steelblue"
+                    onHoveredChanged: {
+                        var w = offerButton.border.width === 3 ? 1 : 3;
+                        offerButton.border.width = w;
                     }
-
-                    onHoveredChanged:
-                    {
-                        var w = offerButton.border.width === 3? 1: 3
-                        offerButton.border.width = w
+                    onPressed: {
+                        offerButton.color = "darkolivegreen";
+                        offerButton.border.width = 3;
+                        offerButton.border.color = "skyblue";
+                        console.log("Angebote...");
                     }
-
-                    onExited:
-                    {
-
-                        offerButton.color = "darkslategray"
-                        offerButton.border.color = "steelblue"
-                        offerButton.border.width = 1
+                    onReleased: {
+                        offerButton.color = "darkslategray";
+                        offerButton.border.width = 1;
+                        offerButton.border.color = "steelblue";
                     }
                 }
             }

Gui/EmployeeTable.qml

@@ -1,18 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-
-
-Item
-{
-    StackView
-    {
-        id: employeesStack
-        anchors.fill: parent
-        initialItem: "EmployeesTable.qml"
-    }
-}
-
-
-

Gui/Employees/AddApplicant.qml

@@ -0,0 +1,52 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import TeroStyle
+import Js
+
+ScrollView
+{
+    ColumnLayout {
+
+        spacing: Dimensions.l
+        Component.onCompleted: {
+            employee_model.addedNewEmployee.connect(successful => {
+                if (successful)
+                    contentStack.pop();
+            });
+        }
+
+        ApplicantForm
+        {
+            id: applicantForm
+
+            Layout.alignment: Qt.AlignTop
+            Layout.fillHeight: true
+            Layout.verticalStretchFactor: 1
+        }
+        RowLayout
+        {
+            Layout.alignment: Qt.AlignRight
+            spacing: Dimensions.l
+
+            Button
+            {
+                icon.source: "qrc:/images/ArrowLeftCircle-Outline.svg"
+                text: qsTr("Verwerfen")
+
+                onClicked: contentStack.pop()
+            }
+            Button
+            {
+                enabled: applicantForm.valid
+                icon.source: "qrc:/images/CheckCircle.svg"
+                text: qsTr("Speichern")
+
+                onClicked:
+                {
+                    employee_model.addApplicant(applicantForm.value);
+                }
+            }
+        }
+    }
+}

Gui/Employees/AddEmployee.qml

@@ -0,0 +1,109 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Js
+
+ScrollView
+{
+    function checkFields() {
+        if (!personalData.checkPersonalField())
+            saveBtn.enabled = false;
+        else
+            saveBtn.enabled = true;
+    }
+    function onAddNewEmployee(added) {
+        if (added) {
+            console.log('addedsuccesfully');
+            contentStack.pop();
+        } else {
+            console.log('failedtoadd');
+        }
+    }
+    ColumnLayout {
+        id: colPar
+
+
+
+        Layout.fillHeight: true
+        Layout.fillWidth: true
+        anchors.fill: parent
+        implicitWidth: parent.width
+
+        Component.onCompleted: {
+            employee_model.addedNewEmployee.connect(onAddNewEmployee);
+        }
+
+        Label {
+            id: headline
+
+            Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
+            font.pixelSize: 35
+            text: qsTr("Mitarbeiter / Bewerber hinzufügen")
+        }
+        RowLayout {
+            Layout.fillWidth: true
+            spacing: Dimensions.l
+
+
+
+
+            Frame {
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                Layout.horizontalStretchFactor: 1
+
+                EmployeePersonalData {
+                    id: personalData
+
+                    implicitWidth: parent.width
+                }
+            }
+            Frame {
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                Layout.horizontalStretchFactor: 1
+
+                ColumnLayout {
+                    Layout.alignment: Qt.AlignTop
+                    implicitWidth: parent.width
+
+                    EmployeeBankData {
+                        id: bankAccount
+
+                    }
+                    EmployeeNationalInsurance {
+                        id: nationalInsurance
+                    }
+                    EmployeeVarious {
+                        id: applicantVarious
+
+                    }
+                }
+            }
+        }
+        Item {
+            Layout.fillHeight: true
+        }
+        RowLayout {
+            Layout.alignment: Qt.AlignRight
+            Layout.fillWidth: true
+
+            Button {
+                text: qsTr("Abbrechen")
+
+                onClicked: contentStack.pop()
+            }
+            Button {
+                id: saveBtn
+
+                enabled: false
+                text: qsTr("Speichern")
+
+                onClicked: {
+                    const new_applicant = JsLib.parseForm(personalData, bankAccount, nationalInsurance, applicantVarious);
+                    employee_model.addEmployee(new_applicant);
+                }
+            }
+        }
+    }
+}

Gui/Employees/ApplicantForm.qml

@@ -0,0 +1,264 @@
+import QtQuick
+import QtQuick.Controls.impl
+import QtQuick.Layouts
+import TeroStyle
+
+ColumnLayout
+    {
+        readonly property int fieldM: 235
+        readonly property int fieldS: 110
+        readonly property bool valid: city.acceptableInput && email.acceptableInput && firstname.acceptableInput && lastname.acceptableInput && mobile.acceptableInput && phone.acceptableInput && postcode.acceptableInput && formofaddress.acceptableInput && title.acceptableInput
+        readonly property var value: QtObject
+        {
+            readonly property string city: (city.editText ? city.editText : city.currentText) ?? ""
+            readonly property string email: email.text
+            readonly property string firstname: firstname.text
+            readonly property string formofaddress: formofaddress.text
+            readonly property string houseno: houseno.text
+            readonly property string lastname: lastname.text
+            readonly property string mobile: mobile.text
+            readonly property string phone: phone.text
+            readonly property string postcode: (postcode.editText ? postcode.editText : postcode.currentText) ?? ""
+            readonly property string street: street.text
+            readonly property string title: title.currentText
+            readonly property string country: (country.editText ? country.editText : country.currentText) ?? ""
+        }
+
+    spacing: Dimensions.l
+
+    IconLabel {
+        color: Colors.foreground
+        font: Typography.h2
+        icon.color: Colors.foreground
+        icon.height: Typography.h2.pixelSize
+        icon.source: "qrc:/images/UserCircle"
+        icon.width: Typography.h2.pixelSize
+        spacing: Dimensions.m
+        text: qsTr("Stammdaten")
+    }
+    RowLayout {
+        spacing: Dimensions.m
+
+        Field {
+            label: qsTr("Anrede")
+
+            ComboBox {
+                // property string name: "title"
+                id: title
+
+                implicitWidth: fieldM
+                model: [qsTr("Keine Angabe"), qsTr("Herr"), qsTr("Frau")]
+
+                onCurrentTextChanged: {
+                    switch (title.currentIndex) {
+                    case 1:
+                        formofaddress.text = "Sehr geehrter Herr ";
+                        break;
+                    case 2:
+                        formofaddress.text = "Sehr geehrte Frau ";
+                        break;
+                    default:
+                        formofaddress.text = "Guten Tag ";
+                    }
+                }
+            }
+        }
+        Field
+        {
+            label: qsTr("Vorname")
+            mandatory: true
+
+            TextField
+            {
+                // property string name: "firstname"
+                id: firstname
+
+                implicitWidth: fieldM
+                placeholderText: qsTr("Max")
+
+                validator: NotEmptyValidator {
+                }
+            }
+        }
+        Field {
+            label: qsTr("Nachname")
+            mandatory: true
+
+            TextField {
+                // property string name: "lastname"
+                id: lastname
+
+                implicitWidth: fieldM
+                placeholderText: qsTr("Mustermann")
+
+                validator: NotEmptyValidator {
+                }
+            }
+        }
+    }
+    RowLayout {
+        spacing: Dimensions.m
+
+        Field
+        {
+            label: qsTr("Straße")
+            mandatory: true
+
+            TextField
+            {
+                // property string name: "street"
+                id: street
+                implicitWidth: fieldM
+                placeholderText: qsTr("Musterstraße")
+                validator: NotEmptyValidator {
+                }
+            }
+        }
+        Field
+        {
+
+            mandatory: true
+            label: qsTr("Hausnummer")
+
+            TextField
+            {
+                // property string name: "houseno"
+                id: houseno
+                implicitWidth: fieldS
+                placeholderText: qsTr("1a")
+                validator: NotEmptyValidator {
+                }
+            }
+        }
+        Field
+        {
+            label: qsTr("PLZ")
+            mandatory: true
+
+            ComboBox
+            {
+                // property string name: "postcode"
+                id: postcode
+
+                currentIndex: -1
+                editable: true
+                implicitWidth: fieldS
+                model: address_model
+                textRole: "display"
+
+                onActivated: currentValue
+                onCurrentIndexChanged: city.currentIndex = postcode.currentIndex
+
+                validator: NotEmptyValidator {}
+            }
+        }
+        Field
+        {
+            label: qsTr("Ort")
+            mandatory: true
+
+            ComboBox
+            {
+                // property string name: "city"
+                id: city
+
+                currentIndex: -1
+                editable: true
+                implicitWidth: fieldM
+                model: address_model
+                textRole: "city"
+
+                validator: NotEmptyValidator {
+                }
+            }
+        }
+        Field
+        {
+            label: qsTr("Land")
+            mandatory: true
+
+            ComboBox
+            {
+                // property string name: "country"
+                id: country
+                currentIndex: 37
+                editable: true
+                implicitWidth: fieldM
+                model: address_model
+                textRole: "country"
+            }
+        }
+    }
+    IconLabel {
+        color: Colors.foreground
+        font: Typography.h2
+        icon.color: Colors.foreground
+        icon.height: Typography.h2.pixelSize
+        icon.source: "qrc:/images/Phone"
+        icon.width: Typography.h2.pixelSize
+        spacing: Dimensions.m
+        text: qsTr("Kontakt")
+    }
+    RowLayout {
+        spacing: Dimensions.m
+
+        Field {
+            label: qsTr("Telefonnummer")
+
+            TextField {
+                // property string name: "phone"
+                id: phone
+
+                implicitWidth: fieldM
+                placeholderText: "+49 1234 567890"
+
+                validator: OptionalPhoneNumberValidator {
+                }
+            }
+        }
+        Field
+        {
+            label: qsTr("Mobil")
+
+            TextField
+            {
+                // property string name: "mobile"
+                id: mobile
+
+                implicitWidth: fieldM
+                placeholderText: "+49 123 4567891011"
+
+                validator: OptionalPhoneNumberValidator {
+                }
+            }
+        }
+        Field
+        {
+            label: qsTr("E-Mail Adresse")
+
+            TextField
+            {
+                // property string name: "email"
+                id: email
+
+                implicitWidth: fieldM
+                placeholderText: "tero@example.org"
+
+                validator: OptionalEmailAddressValidator {
+                }
+            }
+        }
+        Field
+        {
+            label: qsTr("Briefanrede")
+
+            TextField
+            {
+                // property string name: "formofaddress"
+                id: formofaddress
+
+                implicitWidth: fieldM
+            }
+        }
+    }
+}

Gui/Employees/EmployeeDetails.qml

@@ -16,7 +16,7 @@ Item
         Button
         {
             text: qsTr("Mitarbeiter zeigen")
-            onClicked: employeesStack.pop()
+            onClicked: contentStack.pop()
         }
     }
 

Gui/Employees/EmployeePersonalData.qml

@@ -1,454 +1,409 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
+import TeroStyle
 
-GridLayout
-{
+GridLayout {
     id: personalData
-    columns: 4
-    Label
-    {
-        text: qsTr("Anrede")
-        Layout.alignment: Qt.AlignRight
+
+    function checkPersonalField() {
+        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());
     }
-    ComboBox
-    {
-        property string name: "title"
+    function requiredField() {
+        const pf = "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;
+    }
+
+    columns: 4
+
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Anrede")
+    }
+    ComboBox {
         id: title
+
+        property string name: "title"
+
+        Layout.columnSpan: 3
         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 "
+
+        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")
+    Label {
         Layout.alignment: Qt.AlignRight
+        text: qsTr("Vorname*")
     }
-    TextField
-    {
-        property string name: "firstname"
+    TextField {
         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()
 
+        property string name: "firstname"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+
+        onTextChanged: checkFields()
     }
-    Label
-    {
-        text: qsTr("Nr.")
+    Label {
         Layout.alignment: Qt.AlignRight
+        text: qsTr("Nachname*")
     }
-    TextField
-    {
-        property string name: "houseno"
-        id: houseno
+    TextField {
+        id: lastname
+
+        property string name: "lastname"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Straße")
+    }
+    TextField {
+        id: street
+
+        property string name: "street"
+
         Layout.fillWidth: true
         placeholderTextColor: "red"
+
         onTextChanged: checkFields()
-        validator: RegularExpressionValidator
-        {
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Nr.")
+    }
+    TextField {
+        id: houseno
+
+        property string name: "houseno"
+
+        Layout.fillWidth: true
+        placeholderTextColor: "red"
+
+        validator: RegularExpressionValidator {
             regularExpression: /([0-9a-zA-Z\-]{1,6})/
         }
 
+        onTextChanged: checkFields()
     }
-    Label
-    {
+    Label {
+        Layout.alignment: Qt.AlignRight
         text: qsTr("PLZ")
-        Layout.alignment: Qt.AlignRight
     }
-
-
-
-
-    ComboBox
-    {
-        property string name: "postcode"
+    ComboBox {
         id: postcode
+
+        property string name: "postcode"
+
         Layout.fillWidth: true
+        currentIndex: -1
         editable: true
-        onEditTextChanged: checkFields()
-        onCurrentTextChanged: checkFields()
-        onActivated: currentValue
         model: address_model
+        popup.height: 300
         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})/
+
+        validator: PostcodeValidator {
         }
-    }
 
-
-    Label
-    {
-        text: qsTr("Ort")
-        Layout.alignment: Qt.AlignRight
-
-    }
-    ComboBox
-    {
-        property string name: "city"
-        id: city
-        Layout.fillWidth: true
-        editable: true
-        onEditTextChanged: checkFields()
+        onActivated: currentValue
+        onCurrentIndexChanged: city.currentIndex = postcode.currentIndex
         onCurrentTextChanged: checkFields()
-        model: address_model
-        textRole: "city"
-        popup.height: 300
-        popup.y: postcode.y + 5 - (postcode.height * 2)
-        currentIndex: -1
+        onEditTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Ort")
+    }
+    ComboBox {
+        id: city
 
+        property string name: "city"
+
+        Layout.fillWidth: true
+        currentIndex: -1
+        editable: true
+        model: address_model
+        popup.height: 300
+        textRole: "city"
+
+        onCurrentTextChanged: checkFields()
+        onEditTextChanged: checkFields()
     }
-    Label
-    {
+    Label {
+        Layout.alignment: Qt.AlignRight
         text: qsTr("Geburtsname")
-        Layout.alignment: Qt.AlignRight
-        visible: radio.children[1].checked
     }
-    TextField
-    {
-        property string name: "birthname"
+    TextField {
         id: birthname
-        Layout.fillWidth: true
-        onTextChanged: checkFields()
+
+        property string name: "birthname"
+
         Layout.columnSpan: 3
-        visible: radio.children[1].checked
+        Layout.fillWidth: true
+
+        onTextChanged: checkFields()
     }
-    Label
-    {
-        text: qsTr("Geburtsdatum")
+    Label {
         Layout.alignment: Qt.AlignRight
-        visible: radio.children[1].checked
+        text: qsTr("Geburtsdatum*")
     }
-    TextField
-    {
-        property string name: "birthday"
+    TextField {
         id: birthday
-        Layout.fillWidth: true
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
-        onTextChanged: checkFields()
+
+        property string name: "birthday"
+
         Layout.columnSpan: 3
-        visible: radio.children[1].checked
-        validator: RegularExpressionValidator
-        {
+        Layout.fillWidth: true
+
+        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 + "."
+
+        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 + ".";
             }
         }
+        onTextChanged: checkFields()
     }
-
-    Label
-    {
-        text: qsTr("Geburtsort")
+    Label {
         Layout.alignment: Qt.AlignRight
-        visible: radio.children[1].checked
+        text: qsTr("Geburtsort*")
     }
-    TextField
-    {
-        property string name: "placeofbirth"
+    TextField {
         id: placeofbirth
-        Layout.fillWidth: true
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
-        onTextChanged: checkFields()
-        Layout.columnSpan: 3
-        visible: radio.children[1].checked
-    }
 
-    Label
-    {
+        property string name: "placeofbirth"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
         text: qsTr("Telefonnummer")
-        Layout.alignment: Qt.AlignRight
     }
-    TextField
-    {
-        property string name: "phone"
+    TextField {
         id: phonenumber
+
+        property string name: "phone"
+
+        Layout.columnSpan: 3
         Layout.fillWidth: true
         placeholderTextColor: "red"
-        Layout.columnSpan: 3
-        onTextChanged: checkFields()
-        validator: RegularExpressionValidator
-        {
+
+        validator: RegularExpressionValidator {
             regularExpression: /([+0-9]{1})([0-9]{1,17})/
         }
+
+        onTextChanged: checkFields()
     }
-    Label
-    {
+    Label {
+        Layout.alignment: Qt.AlignRight
         text: qsTr("Mobil")
-        Layout.alignment: Qt.AlignRight
     }
-    TextField
-    {
-        property string name: "mobile"
+    TextField {
         id: cellphone
+
+        property string name: "mobile"
+
+        Layout.columnSpan: 3
         Layout.fillWidth: true
         placeholderTextColor: "red"
-        Layout.columnSpan: 3
-        onTextChanged: checkFields()
-        validator: RegularExpressionValidator
-        {
+
+        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")
+    Label {
         Layout.alignment: Qt.AlignRight
-        visible: radio.children[1].checked
+        text: qsTr("E-Mail")
     }
-    ComboBox
-    {
-        property string name: "maritalstatus"
+    TextField {
+        id: email
+
+        property string name: "email"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        placeholderText: qsTr("beispiel@domain.de")
+        placeholderTextColor: "red"
+
+        validator: EmailAddressValidator {
+        }
+
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Familienstand")
+    }
+    ComboBox {
         id: maritalstatus
+
+        property string name: "maritalstatus"
+
+        Layout.columnSpan: 3
         Layout.fillWidth: true
         editable: false
         model: [qsTr("ledig"), qsTr("verheiratet"), qsTr("verwitwet"), qsTr("geschieden")]
-        visible: radio.children[1].checked
-        Layout.columnSpan: 3
     }
-    Label
-    {
+    Label {
+        Layout.alignment: Qt.AlignRight
         text: qsTr("Stundenlohn")
-        Layout.alignment: Qt.AlignRight
-        visible: radio.children[1].checked
     }
-    TextField
-    {
-        property string name: "salary"
+    TextField {
         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
+        property string name: "salary"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        placeholderTextColor: "red"
+
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Jobbeschreibung")
+    }
+    TextField {
+        id: jobdescription
+
+        property string name: "jobdesc"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        placeholderTextColor: "red"
+
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Vertragsbeginn")
+    }
+    TextField {
+        id: contractstart
+
+        property string name: "contractstart"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        placeholderTextColor: "red"
+
+        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 + ".";
+            }
+        }
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Vertragsende")
+    }
+    TextField {
+        id: contractend
+
+        property string name: "contractend"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        placeholderTextColor: "red"
+
+        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 + ".";
+            }
+        }
+        onTextChanged: checkFields()
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Arbeitszeiten Tage")
+    }
+    ComboBox {
+        id: workdays
+
+        property string name: "workdays"
+
+        Layout.fillWidth: true
+        model: ["1", "2", "3", "4", "5", "6", "7"]
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Stunden")
+    }
+    ComboBox {
+        id: workhours
+
+        property string name: "workhours"
+
+        Layout.fillWidth: true
+        model: ["1", "2", "3", "4", "5", "6", "7", "8"]
+    }
+    Label {
+        Layout.alignment: Qt.AlignRight
+        text: qsTr("Briefanrede")
+    }
+    TextField {
+        id: briefAnrede
+
+        property string name: "formofaddress"
+
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        placeholderTextColor: "red"
+
+        onTextChanged: checkFields()
+    }
+    Item {
         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
+        Layout.fillHeight: true
     }
 }

Gui/Employees/EmployeesTable.qml

@@ -0,0 +1,141 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Qt.labs.qmlmodels
+
+ColumnLayout {
+    spacing: Dimensions.l
+
+    RowLayout {
+        Layout.fillWidth: true
+        spacing: Dimensions.l
+
+        SearchBar {
+        }
+        QuickFilter {
+            model: ListModel {
+                ListElement {
+                    name: "Alle"
+                    selected: true
+                    text: qsTr("Alle")
+                }
+                ListElement {
+                    name: "Bewerber"
+                    selected: false
+                    text: qsTr("Bewerber")
+                }
+                ListElement {
+                    name: "Mitarbeiter"
+                    selected: false
+                    text: qsTr("Kunde")
+                }
+                ListElement {
+                    name: "Erledigt"
+                    selected: false
+                    text: qsTr("Erledigt")
+                }
+            }
+
+            onSelectedChanged: name => {
+                employee_model.viewCriterion(name);
+            }
+        }
+        Button {
+            Layout.alignment: Qt.AlignRight
+            flat: true
+            icon.source: "qrc:/images/PlusCircle.svg"
+            text: qsTr("Bewerber Hinzufügen")
+
+            onClicked: contentStack.push("AddApplicant.qml")
+        }
+        Button {
+            Layout.alignment: Qt.AlignRight
+            flat: true
+            icon.source: "qrc:/images/PlusCircle.svg"
+            text: qsTr("Mitarbeiter Hinzufügen")
+
+            onClicked: contentStack.push("AddEmployee.qml")
+        }
+    }
+    ColumnLayout {
+        Layout.fillHeight: true
+        Layout.fillWidth: true
+        spacing: 2
+
+        HorizontalHeaderView {
+            movableColumns: true
+            syncView: employeesTable
+
+            delegate: Rectangle {
+                Layout.fillWidth: true
+                color: Colors.primary
+                implicitHeight: 33
+                implicitWidth: 1
+
+                Text {
+                    color: Colors.primaryContrast
+                    elide: Text.ElideRight
+                    font: Typography.smallBold
+                    height: parent.height
+                    horizontalAlignment: Text.AlignLeft
+                    padding: Dimensions.s
+                    text: model.display
+                    verticalAlignment: Text.AlignVCenter
+                    width: parent.width
+                }
+            }
+        }
+        TableView {
+            id: employeesTable
+
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            columnSpacing: 2
+            model: employee_model
+            resizableColumns: true
+            rowSpacing: 2
+            selectionBehavior: TableView.SelectRows
+            z: 1
+
+            ScrollBar.vertical: ScrollBar {
+                policy: ScrollBar.AsNeeded
+            }
+            delegate: Rectangle {
+                required property bool selected
+
+                color: selected ? Colors.primaryHighlight : Colors.transparent
+                implicitHeight: 33
+                implicitWidth: employeesTable.width / employeesTable.columns
+
+                Text {
+                    color: Colors.foreground
+                    elide: Text.ElideRight
+                    font: Typography.small
+                    height: parent.height
+                    padding: Dimensions.s
+                    text: (model.display === null || model.display === undefined) ? "" : model.display
+                    verticalAlignment: Text.AlignVCenter
+                    width: parent.width
+                }
+                MouseArea {
+                    anchors.fill: parent
+                    cursorShape: Qt.PointingHandCursor
+                    hoverEnabled: true
+
+                    onClicked: {
+                        contentStack.push("EmployeeDetails.qml", {
+                            selectedEmployee: row
+                        });
+                    }
+                    onEntered: {
+                        employeesTable.selectionModel.select(employeesTable.model.index(row, 0), ItemSelectionModel.SelectCurrent | ItemSelectionModel.Rows);
+                    }
+                }
+            }
+            selectionModel: ItemSelectionModel {
+                model: employeesTable.model
+            }
+        }
+    }
+}
+

Gui/Employees/qmldir

@@ -0,0 +1 @@
+module Employees

Gui/EmployeesTable.qml

@@ -1,221 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-
-Item
-{
-    property var availableFilters: ["Name", "Adresse", "PLZ", "Ort", "Status"]
-
-    SearchBar
-    {
-        id:searchBar
-        anchors.margins: 9
-    }
-
-    Button
-    {
-        id: addEmployeeBtn
-        icon.source: "qrc:/images/addbusiness.svg"
-        icon.color: "olive"
-        anchors.right: parent.right
-        flat: true
-        onClicked: appLoader.source = "AddApplicant.qml"
-    }
-
-    ButtonGroup
-    {
-        id: criterion
-        // buttons: criterion.children
-        onClicked:
-        {
-            viewEmployees(criterion.checkedButton.text)
-        }
-    }
-
-    ColumnLayout
-    {
-        anchors
-        {
-
-            top: searchBar.bottom
-            bottom: parent.bottom
-            left: parent.left
-            right: parent.right
-        }
-
-        RowLayout
-        {
-            //id: criterion
-
-            RadioButton
-            {
-                //id: showAll
-                checked: true
-                text: qsTr("Alle")
-                ButtonGroup.group: criterion
-                //onClicked: viewEmployees(showAll)
-            }
-            RadioButton
-            {
-                //id: showApplicant
-                text: qsTr("Bewerber")
-                ButtonGroup.group: criterion
-                //onClicked: viewEmployees(showApplicant)
-            }
-            RadioButton
-            {
-                //id: showEmployee
-                text: qsTr("Mitarbeiter")
-                ButtonGroup.group: criterion
-                //onClicked: viewEmployees(showEmployee)
-            }
-
-            CheckBox
-            {
-                id: showEveryone
-                text: qsTr("Alle Stati")
-                checked: true
-                onClicked: viewEmployees(criterion.checkedButton.text)
-                onCheckedChanged:
-                {
-                    showFired.checked = false
-                    showProcessed.checked = false
-                }
-            }
-            CheckBox
-            {
-                id: showProcessed
-                text: qsTr("Erledigt")
-                enabled: !showEveryone.checked
-                checked: false
-                onClicked:
-                {
-                    showFired.checked = false
-                    viewEmployees(criterion.checkedButton.text)
-                }
-            }
-            CheckBox
-            {
-                id: showFired
-                text: qsTr("Ausgeschieden")
-                enabled: !showEveryone.checked
-                checked: false
-                onClicked:
-                {
-                    showProcessed.checked = false
-                    viewEmployees(criterion.checkedButton.text)
-                }
-            }
-
-        }
-
-        HorizontalHeaderView
-        {
-            id: employeeTableHeader
-            Layout.fillWidth: true
-            syncView: appliEmpTable
-            implicitHeight: 40
-            movableColumns: true //@disable-check M16
-            delegate: Rectangle
-            {
-                color:  addEmployeeBtn.palette.alternateBase
-                border.color: palette.base
-                implicitHeight: 40
-                Layout.fillWidth: true
-                implicitWidth: 1
-                Text
-                {
-                    text: model.display
-                    elide: Text.ElideRight
-                    width: parent.width
-                    height: parent.height
-                    horizontalAlignment: Text.AlignHCenter
-                    verticalAlignment: Text.AlignVCenter
-                    color: palette.text
-                }
-            }
-        }
-
-        TableView
-        {
-            id: appliEmpTable
-            Layout.fillHeight: true
-            Layout.fillWidth: true
-            columnSpacing: 1
-            rowSpacing: 2
-            alternatingRows: true
-            resizableColumns: true
-            model: employee_model
-            selectionBehavior: TableView.SelectRows
-
-            ScrollBar.vertical: ScrollBar
-            {
-                policy: appliEmpTable.contentHeight > appliEmpTable.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
-            }
-
-            selectionModel: ItemSelectionModel
-            {
-                id: selModel
-                model: appliEmpTable.model
-            }
-
-
-            delegate:Rectangle
-            {
-                required property bool selected
-                required property bool current
-                implicitWidth: appliEmpTable.width / appliEmpTable.columns
-                implicitHeight: 25
-                color: selected
-                           ? addEmployeeBtn.palette.highlight //palette.highlight
-                           : (appliEmpTable.alternatingRows && row % 2 !== 0
-                           ? addEmployeeBtn.palette.base // palette.base
-                           : addEmployeeBtn.palette.alternateBase) //palette.alternateBase)
-
-                Text
-                {
-                    text: (model.display === null || model.display === undefined)? "": model.display
-                    elide: Text.ElideRight
-                    width: parent.width
-                    height: parent.height
-                    verticalAlignment: Text.AlignVCenter
-                    leftPadding: 9 //@d isable-check M16
-                    color: palette.text
-
-                }
-
-                MouseArea
-                {
-                    id: mouseArea
-                    property bool hovered:false
-
-                    anchors.fill: parent
-                    hoverEnabled: true
-
-                    onDoubleClicked:
-                    {
-                        employeesStack.push("EmployeeDetails.qml", {selectedEmployee: row});
-                    }
-
-                    onEntered:
-                    {
-                        appliEmpTable.selectionModel.select(appliEmpTable.model.index(row, 0), ItemSelectionModel.SelectCurrent | ItemSelectionModel.Rows)
-                    }
-
-                }
-            }
-        }
-
-        Item
-        {
-            Layout.fillWidth: true
-        }
-    }
-
-    function viewEmployees(criterion)
-    {
-        employee_model.viewCriterion(criterion, showProcessed.checked, showFired.checked, showEveryone.checked)
-    }
-    Component.onCompleted: employeesStack.pop()
-}

Gui/Firststart.qml

@@ -77,7 +77,7 @@ Item
         title: qsTr("Wiederherstellen")
         buttons: MessageDialog.Yes | MessageDialog.No
         onAccepted: recoveryPaswordDialog.open()
-        onRejected: gotoLogin()
+        onRejected: contentStack.replace("LoginSreen.qml")
     }
 
     MessageDialog
@@ -147,7 +147,7 @@ Item
             if (!adminAvailable) config.saveRecoveryKey(saveRecoveryDialog.currentFile, recpass)
             else config.getRecoveryKey(saveRecoveryDialog.currentFile, recpass)
 
-            gotoLogin()
+            contentStack.replace("LoginSreen.qml")
         }
 
         onRejected:

Gui/LoginScreen.qml

@@ -4,225 +4,134 @@ import QtQuick.Controls
 import QtQuick.Dialogs
 import QtQuick.Layouts
 
-
-Item
-{
+Item {
     property string recpass: ""
-    anchors.fill: parent
 
-    ColumnLayout
-    {
+    function dbConnectionFailed(msg) {
+        notifications.notificationDialog.informativeText = msg;
+        notifications.notificationDialog.text = "Verbindung zum Datenbankserver verloren";
+        notifications.notificationDialog.open();
+    }
+    function getEncryptionKey() {
+        recoveryPaswordDialog.open();
+    }
+    function loggedin() {
+        contentStack.replace("Dashboard.qml");
+    }
 
-        anchors.fill: parent
+    // anchors.fill: parent
+    // anchors.topMargin: Dimensions.l
 
-        FontLoader
-        {
-            id: helloStranger
-            source: "qrc:/fonts/HelloStranger.otf"
-        }
+    Component.onCompleted: {
+        loggedin_user.loginOkay.connect(loggedin);
+        config.invalidEncryptionKey.connect(getEncryptionKey);
+        config.checkEncryptionKey();
+        loggedin_user.noDbConnection.connect(dbConnectionFailed);
+        benutzerName.forceActiveFocus();
+    }
 
-        FontLoader
-        {
-            id: damarWulan
-            source: "qrc:/fonts/Damarwulan.ttf"
-        }
+    ColumnLayout {
+        anchors.centerIn: parent
+        spacing: Dimensions.m
 
-        FontLoader
-        {
-            id: hussarPrint
-            source: "qrc:/fonts/HussarPrintA.otf"
-        }
-
-        FontLoader
-        {
-            id: reginaldScript
-            source: "qrc:/fonts/ReginaldScript.ttf"
-        }
-
-        Item
-        {
-            height: 65
-        }
-
-        Label
-        {
-            text: qsTr ("Login*****")
-            font.family: helloStranger.font.family
-            font.weight: helloStranger.font.weight
-            font.styleName: helloStranger.font.styleName
-            font.pixelSize: 89
-            font.bold: true
+        Label {
             Layout.alignment: Qt.AlignHCenter
-            color: "yellow"
+            Layout.bottomMargin: Dimensions.l
+            font: Typography.h1
+            text: qsTr("Login")
         }
+        Field {
+            label: qsTr("Benutzername")
 
-        Item
-        {
-            height: 25
-        }
-
-        RowLayout
-        {
-            Layout.alignment: Qt.AlignHCenter
-            spacing: 15
-
-            Label
-            {
-                text: qsTr ("Benutzername")
-                minimumPixelSize: 20
-                Layout.preferredWidth: 150
-                horizontalAlignment: Text.AlignRight
-                font.family: damarWulan.font.family
-                font.weight: damarWulan.font.weight
-                font.styleName: damarWulan.font.styleName
-                font.pixelSize: 21
-            }
-
-            TextField
-            {
+            TextField {
                 id: benutzerName
-                placeholderText: qsTr ("Benutzernamen eingeben")
-                implicitWidth: 300
-                font: hussarPrint.font
+
                 focus: true
-                onAccepted:
-                {
-                    if (benutzerName.text.trim() && passwort.text.trim())
-                        loggedin_user.login(benutzerName.text.trim(), passwort.text)
-                    else if(benutzerName.text.trim()) passwort.forceActiveFocus()
-                }
-            }
-        }
-
-        RowLayout
-        {
-            Layout.alignment: Qt.AlignHCenter
-            spacing: 15
-
-            Label
-            {
-                minimumPixelSize: 20
-                Layout.preferredWidth: 150
-                text: qsTr ("Passwort")
-                font.family: damarWulan.font.family
-                font.weight: damarWulan.font.weight
-                font.styleName: damarWulan.font.styleName
-                font.pixelSize: 21
-                horizontalAlignment: Text.AlignRight
-            }
-
-            TextField
-            {
-                id: passwort
-                placeholderText: qsTr  ("Passwort eingeben")
                 implicitWidth: 300
-                font: hussarPrint.font
+                placeholderText: qsTr("Benutzernamen eingeben")
+
+                onAccepted: {
+                    if (benutzerName.text.trim() && passwort.text.trim())
+                        loggedin_user.login(benutzerName.text.trim(), passwort.text);
+                    else if (benutzerName.text.trim())
+                        passwort.forceActiveFocus();
+                }
+            }
+        }
+        Field {
+            label: qsTr("Passwort")
+
+            TextField {
+                id: passwort
+
                 echoMode: TextInput.Password
-                onAccepted:
-                {
+                implicitWidth: 300
+                placeholderText: qsTr("Passwort eingeben")
+
+                onAccepted: {
                     if (benutzerName.text.trim() && passwort.text.trim())
-                        loggedin_user.login(benutzerName.text.trim(), passwort.text)
-                    else if(passwort.text.trim()) benutzerName.forceActiveFocus()
+                        loggedin_user.login(benutzerName.text.trim(), passwort.text);
+                    else if (passwort.text.trim())
+                        benutzerName.forceActiveFocus();
                 }
             }
         }
+        Button {
+            Layout.topMargin: Dimensions.m
+            icon.source: "qrc:/images/ArrowRightEndOnRectangle.svg"
+            implicitWidth: parent.width
+            text: qsTr("Login")
 
-        RowLayout
-        {
-            Layout.preferredWidth: 465
-            Layout.alignment: Qt.AlignHCenter
-
-            Button
-            {
-                text: qsTr ("Feierabend für heute!")
-                Layout.alignment: Qt.AlignRight
-                font: reginaldScript.font
-                onClicked:
-                {
-                    if (benutzerName.text.trim() && passwort.text.trim())
-                        loggedin_user.login(benutzerName.text.trim(), passwort.text)
-                }
+            onClicked: {
+                if (benutzerName.text.trim() && passwort.text.trim())
+                    loggedin_user.login(benutzerName.text.trim(), passwort.text);
             }
         }
-
-        Item
-        {
+        Item {
             Layout.fillHeight: true
-
         }
-
-        Dialog
-        {
+        Dialog {
             id: recoveryPaswordDialog
-            modal: true
-            title: qsTr("Wiederherstellung")
+
             anchors.centerIn: parent
+            modal: true
             standardButtons: Dialog.Ok | Dialog.Cancel
-            onAccepted:
-            {
-                recpass = recoveryPaswordInput.text
-                getRecoveryDialog.open()
+            title: qsTr("Wiederherstellung")
+
+            onAccepted: {
+                recpass = recoveryPaswordInput.text;
+                getRecoveryDialog.open();
             }
 
-            ColumnLayout
-            {
-                RowLayout
-                {
-                    Label
-                    {
+            ColumnLayout {
+                RowLayout {
+                    Label {
                         text: qsTr("Wiederherstellungspasswort eingeben: ")
                     }
-
-                    TextField
-                    {
+                    TextField {
                         id: recoveryPaswordInput
-                        text: ""
+
                         echoMode: TextInput.Password
                         implicitWidth: 300
                         placeholderText: qsTr("Hier Wiederherstellungspasswort eingeben")
+                        text: ""
                     }
                 }
             }
         }
-
-        FileDialog
-        {
+        FileDialog {
             id: getRecoveryDialog
-            title: qsTr("Wiederherstellungsdatei")
+
+            currentFolder: StandardPaths.standardLocations(StandardPaths.DocumentsLocation)[0]
             fileMode: FileDialog.OpenFile
             nameFilters: ["PYQCRM Recovery files (*.pyqrec)"]
-            currentFolder: StandardPaths.standardLocations(StandardPaths.DocumentsLocation)[0]
+            title: qsTr("Wiederherstellungsdatei")
+
             onAccepted: config.getRecoveryKey(getRecoveryDialog.currentFile, recpass)
             onRejected: quit()
         }
-        Notifications
-        {
-            id: oschkar
+        Notifications {
+            id: notifications
         }
     }
-
-    Component.onCompleted:
-    {
-        loggedin_user.loginOkay.connect(loggedin)
-        config.invalidEncryptionKey.connect(getEncryptionKey)
-        config.checkEncryptionKey()
-        loggedin_user.noDbConnection.connect(dbConnectionFailed)
-        benutzerName.forceActiveFocus()
-    }
-
-    function loggedin()
-    {
-        appLoader.source = "Dashboard.qml"
-    }
-
-    function getEncryptionKey()
-    {
-        recoveryPaswordDialog.open()
-    }
-    function dbConnectionFailed(msg)
-    {
-        oschkar.notificationBox.informativeText = msg
-        oschkar.notificationBox.text = "Verbindung zum Datenbankserver verloren"
-        oschkar.notificationBox.open()
-    }
 }

Gui/Navigation.qml

@@ -0,0 +1,120 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+ColumnLayout {
+    property bool onSubPage: false
+
+    height: parent.height
+    spacing: 0
+    z: 3
+
+    Component.onCompleted: {
+        onSubPage = Qt.binding(() => contentStack.depth > 1);
+    }
+
+    anchors {
+        left: parent.left
+        top: parent.top
+    }
+    ButtonGroup {
+        id: mainNav
+
+    }
+    BarButton {
+        ButtonGroup.group: mainNav
+        icon.source: "qrc:/images/Square3Stack3D-Outline.svg"
+        target: "/Gui/Dashboard.qml"
+        text: qsTr("Dashboard")
+        visible: !onSubPage
+    }
+    BarButton {
+        ButtonGroup.group: mainNav
+        icon.source: "qrc:/images/UserGroup-Outline.svg"
+        target: "/Gui/Customer/CustomersTable.qml"
+        text: qsTr("Kunden")
+        visible: !onSubPage
+    }
+    BarButton {
+        ButtonGroup.group: mainNav
+        icon.source: "qrc:/images/BuildingOffice2-Outline.svg"
+        target: "/Gui/Objects/ObjectsTable.qml"
+        text: qsTr("Objekt")
+        visible: !onSubPage
+    }
+    BarButton {
+        ButtonGroup.group: mainNav
+        icon.source: "qrc:/images/Identification-Outline.svg"
+        target: "/Gui/Employees/EmployeesTable.qml"
+        text: qsTr("Mitarbeiter")
+        visible: !onSubPage
+    }
+    BarButton {
+        ButtonGroup.group: mainNav
+        icon.source: "qrc:/images/RectangleStack-Outline.svg"
+        target: "/Gui/Offers/OffersTable.qml"
+        text: qsTr("Angebote")
+        visible: !onSubPage
+    }
+    BarButton {
+        ButtonGroup.group: mainNav
+        icon.source: "qrc:/images/Wallet-Outline.svg"
+        text: qsTr("Abrechnung")
+        visible: !onSubPage
+    }
+    BarButton {
+        icon.source: "qrc:/images/ArrowLeftCircle-Outline.svg"
+        text: qsTr("Zurück")
+        visible: onSubPage
+        checkable: false
+
+        onClicked: contentStack.pop();
+    }
+    Item {
+        Layout.fillHeight: true
+    }
+    BarButton {
+        checkable: false
+        icon.source: "qrc:/images/Bars3.svg"
+
+        onClicked: mainMenu.open()
+
+        Menu {
+            id: mainMenu
+
+            MenuItem {
+                text: qsTr("Einstellungen")
+
+                onTriggered: {
+                    // TODO: Check if logged-in user is admin first!!
+
+                    contentStack.push("PyqcrmConf.qml");
+
+                }
+            }
+            MenuSeparator {
+            }
+            MenuItem {
+                text: qsTr("Als PDF exportieren")
+            }
+            MenuSeparator {
+            }
+            MenuItem {
+                text: qsTr("Drucken")
+            }
+            MenuItem {
+                text: qsTr("Erweiterter Druck")
+
+                onTriggered: printerDialog.show()
+            }
+            MenuSeparator {
+            }
+            MenuItem {
+                text: qsTr("Über PYQCRM")
+
+                onTriggered: readMeWin.show()
+            }
+        }
+    }
+}
+

Gui/NoDbConnection.qml

@@ -1,74 +1,27 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Layouts
 
-Rectangle
-{
-    anchors.fill: parent
-    color: "slateblue"
+ColumnLayout {
+    anchors.centerIn: parent
+    spacing: Dimensions.s
+    height: implicitHeight
 
-    Rectangle
-    {
-        id: info
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: "slateblue"
-        implicitHeight: 55
-        implicitWidth: parent.width / 4
-        y: parent.height / 4
-        Text
-        {
-            anchors.centerIn: parent
-            text: qsTr("Keine Verbindung zur Datenbank!")
-            color: "moccasin"
-            font.bold: true
-            font.pixelSize: 45
-        }
+    H1 {
+        Layout.alignment: Qt.AlignCenter
+        text: qsTr("Keine Verbindung zur Datenbank!")
+        color: Colors.foreground
     }
-
-    Rectangle
-    {
-        id: nostart
-        anchors.top: info.bottom
-        color: "slateblue"
-        anchors.horizontalCenter: parent.horizontalCenter
-        implicitHeight: 55
-        implicitWidth: parent.width / 4
-        Text
-        {
-            text: qsTr("Programm kann nicht starten..")
-            color: "moccasin"
-            anchors.centerIn: parent
-            font.bold: true
-            font.pixelSize: 45
-        }
+    H2 {
+        Layout.alignment: Qt.AlignCenter
+        text: qsTr("Programm kann nicht starten…")
+        color: Colors.foreground
     }
+    Button {
+        Layout.topMargin: Dimensions.l
+        Layout.alignment: Qt.AlignCenter
+        text: qsTr("Beenden")
 
-    Rectangle
-    {
-        anchors.top: nostart.bottom
-        anchors.topMargin: 25
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: "slateblue"
-        implicitHeight: 55
-        implicitWidth: parent.width / 4
-        Button
-        {
-            width: parent.width
-            height: 75
-            Text
-            {
-                text: qsTr("Beenden")
-                color: "moccasin"
-                anchors.centerIn: parent
-                font.bold: true
-                font.pixelSize: 45
-            }
-            anchors.centerIn: parent
-            background: Rectangle
-            {
-                color: "dodgerblue"
-                radius: 50
-            }
-            onClicked: Qt.quit()
-        }
+        onClicked: Qt.quit()
     }
 }

Gui/Notifications.qml

@@ -3,8 +3,6 @@ import QtQuick.Dialogs
 
 Item
 {
-    id: oschkar
-    property alias notificationBox: notificationDialog
     MessageDialog
     {
         id: notificationDialog

Gui/ObjectAddOnContactPerson.qml

@@ -16,7 +16,7 @@ GridLayout
     ComboBox
     {
         //property string name: "contacttype"
-        id: contacttype
+        id: posizion
         Layout.fillWidth: true
         editable: false
         model: [qsTr("Beirat"), qsTr("Hausmeister"), qsTr("Hausbewohner"), qsTr("Sonstiges")]
@@ -30,76 +30,50 @@ GridLayout
     ComboBox
     {
         id: title
-        model: [qsTr("Herr"), qsTr("Frau"), qsTr("keine Angabe")]
+        model: [qsTr("Herr"), qsTr("Frau"), qsTr("Keine Angabe")]
         Layout.fillWidth: true
     }
     Label
     {
-        text: qsTr("Vorname")
+        text: qsTr("Vorname*")
         Layout.alignment: Qt.AlignRight
     }
     TextField
     {
         id: firstname
         Layout.fillWidth: true
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     //     onTextChanged: checkContactFields()
     }
     Label
     {
-        text: qsTr("Nachname")
+        text: qsTr("Nachname*")
         Layout.alignment: Qt.AlignRight
     }
     TextField
     {
         id: lastname
         Layout.fillWidth: true
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     }
     Label
     {
-        text: qsTr("Telefonnummer")
+        text: mobile.text ? qsTr("Telefonnummer") : qsTr("Telefonnummer*")
         Layout.alignment: Qt.AlignRight
     }
     TextField
     {
         id: phonenumber
         Layout.fillWidth: true
-        placeholderText: mobile.text ? "" : "Pflichtfeld"
-        placeholderTextColor: "red"
-
-
-
     }
     Label
     {
-        text: qsTr("Mobil")
+        text: phonenumber.text ? qsTr("Mobil") : qsTr("Mobil*")
         Layout.alignment: Qt.AlignRight
     }
     TextField
     {
         id: mobile
         Layout.fillWidth: true
-        placeholderText: phonenumber.text ? "" : "Pflichtfeld"
-        placeholderTextColor: "red"
-
-
-
     }
-    // Label
-    // {
-    //     text: qsTr("Position")
-    //     Layout.alignment: Qt.AlignRight
-    // }
-    // TextField
-    // {
-    //     id: posizion
-    //     Layout.fillWidth: true
-    //     placeholderText: "Pflichtfeld"
-    //     placeholderTextColor: "red"
-    // }
 
     RowLayout
     {
@@ -140,23 +114,22 @@ GridLayout
         {
             id: addContact
             text: qsTr("Hinzufügen")
-            enabled: firstname.text.trim() && lastname.text.trim() && (phonenumber.text.trim() || mobile.text.trim()) && posizion.text.trim() && (contacts === null || Object.keys(contacts).length < 3)
+            enabled: firstname.text.trim() && lastname.text.trim() && (phonenumber.text.trim() || mobile.text.trim()) && (contacts === null || Object.keys(contacts).length < 3)
             onClicked:
             {
                 var num_contacts = 0
                 if (contacts !== null && contacts !== undefined) num_contacts = Object.keys(contacts).length
                 else contacts = []
-                if (num_contacts < 3 && firstname.text.trim() !== "" && lastname.text.trim() !== "" && (phonenumber.text.trim() !== ""  || mobile.text.trim() !== "") && posizion.text.trim() !== "")
+                if (num_contacts < 3 && firstname.text.trim() !== "" && lastname.text.trim() !== "" && (phonenumber.text.trim() !== ""  || mobile.text.trim() !== ""))
                 {
                     contacts[num_contacts] = {}
                     contacts[num_contacts]["title"] = title.currentText
-                    contacts[num_contacts]["ctype"] = contacttype.currentText
+                    contacts[num_contacts]["position"] = posizion.currentText
                     contacts[num_contacts]["fname"] = firstname.text.trim()
                     contacts[num_contacts]["lname"] = lastname.text.trim()
                     contacts[num_contacts]["phone"] = phonenumber.text.trim()
                     contacts[num_contacts]["mobile"] = mobile.text.trim()
-                    contacts[num_contacts]["position"] = posizion.text.trim()
-                    contactModel.append({name: title.currentText + " " + firstname.text.trim() + " " + lastname.text.trim(), phone: phonenumber.text.trim(), mobile: mobile.text.trim(),  posizion: posizion.text.trim(), cdata: contacttype.currentText})
+                    contactModel.append({name: title.currentText + " " + firstname.text.trim() + " " + lastname.text.trim(), phone: phonenumber.text.trim(), mobile: mobile.text.trim(),  posizion: posizion.currentText})
                     if (checkFields())
                     {
                         saveBtn.enabled = true
@@ -165,7 +138,8 @@ GridLayout
                     lastname.text = ""
                     phonenumber.text = ""
                     mobile.text = ""
-                    posizion.text = ""
+                    posizion.currentIndex = 0
+                    title.currentIndex = 0
 
                     removeContact.enabled = true
                     checkFields()
@@ -286,7 +260,7 @@ GridLayout
                 // header: headline
                 highlight: Rectangle { color: "slategray"; radius: 3}
                 highlightFollowsCurrentItem: false
-                //focus: true
+                //focus: true test
                 onActiveFocusChanged: if(!focus) currentIndex = -1
                 delegate: Item
                 {
@@ -334,13 +308,6 @@ GridLayout
                             color: "white"
                         }
 
-                        Text
-                        {
-                            text: '<b>' + qsTr('Typ: ') + '</b>' + model.cdata
-                            horizontalAlignment: Text.AlignLeft
-                            color: "white"
-                        }
-
                     } // Column
                 } // delegate
             } // Listview

Gui/ObjectAddOns.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls
-import "../js/qmldict.js" as JsLib
+import Js
 
 Frame
 {

Gui/ObjectDetails.qml

@@ -16,7 +16,7 @@ Item
         Button
         {
             text: qsTr("Zurück zu den Objekten")
-            onClicked: objectsStack.pop()
+            onClicked: contentStack.pop()
         }
     }
 

Gui/ObjectTable.qml

@@ -1,23 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-import QtQuick.Controls.Fusion
-
-Item {
-    property var availableFilters: [""]
-
-    StackView
-    {
-        id: objectsStack
-        anchors.fill: parent
-        initialItem: "ObjectsTable.qml"
-        anchors.margins: 9
-    }
-}
-
-
-
-
-
-

Gui/ObjectView.qml

@@ -27,7 +27,7 @@ GridLayout
 
     Label
     {
-        text: qsTr("Straße")
+        text: qsTr("Straße*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
     }
 
@@ -38,12 +38,10 @@ GridLayout
         Layout.fillWidth: true
         Layout.alignment: Qt.AlignVCenter
         onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     }
     Label
     {
-        text: qsTr("Nr.")
+        text: qsTr("Nr.*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
     }
 
@@ -54,13 +52,11 @@ GridLayout
         Layout.fillWidth: true
         Layout.alignment: Qt.AlignVCenter
         onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     }
 
     Label
     {
-        text: qsTr("PLZ")
+        text: qsTr("PLZ*")
         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
     }
 
@@ -70,8 +66,6 @@ GridLayout
         id: postcode
         Layout.fillWidth: true
         onTextChanged: checkFields()
-        placeholderText: "Pflichtfeld"
-        placeholderTextColor: "red"
     }
     Label
     {
@@ -90,7 +84,6 @@ GridLayout
         model: address_model
         textRole: "city"
         popup.height: 300
-        popup.y: postcode.y + 5 - (postcode.height * 2)
         currentIndex: -1
     }
 
@@ -153,8 +146,7 @@ GridLayout
     }
 
     TextField
-    {
-        id: gesamtnetto
+    {id: gesamtnetto
         Layout.fillWidth: true
         Layout.columnSpan: 3
     }

Gui/Objects/AddNewObject.qml

@@ -0,0 +1,255 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+GridLayout
+{
+    id: newObject
+
+    columns: 4
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    rowSpacing: 9
+
+
+    //// New grid row
+    Label
+    {
+        text: qsTr("Land")
+        Layout.alignment: Qt.AlignRight
+        visible: false
+
+    }
+
+    ComboBox
+    {
+        property string name: "country"
+        id: country
+        Layout.fillWidth: true
+        editable: true
+        // onEditTextChanged: checkFields()
+        // onCurrentTextChanged: checkFields()
+        model: address_model
+        textRole: "country"
+        popup.height: 300
+        currentIndex: 37
+        visible: false
+    }
+    Label
+    {
+        text: qsTr("PLZ")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+
+    ComboBox
+    {
+        property string name: "postcode"
+        id: postcode
+        Layout.fillWidth: true
+        editable: true
+        onCurrentTextChanged: checkFields()
+        onEditTextChanged: checkFields()
+        onActivated: currentValue
+        model: address_model
+        textRole: "display"
+        popup.height: 300
+        currentIndex: -1
+        onCurrentIndexChanged: city.currentIndex = postcode.currentIndex
+
+        validator: RegularExpressionValidator
+        {
+            regularExpression: /([0-9]{1,5})/
+        }
+    }
+
+    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
+        currentIndex: -1
+    }
+
+    Label
+    {
+        text: qsTr("Straße*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "street"
+        id: street
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        onTextChanged: checkFields()
+    }
+
+    Label
+    {
+        text: qsTr("Nr.*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "houseno"
+        id: houseno
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        onTextChanged: checkFields()
+    }
+
+    // New grid row
+
+
+
+    // New grid row
+    Label
+    {
+        text: qsTr("Parteien")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    SpinBox
+    {
+        property string name: "units"
+        id: partitions
+        Layout.fillWidth: true
+        from: 1
+        to: 100
+        value: 1
+        editable: true
+    }
+
+    Label
+    {
+        text: qsTr("Stockwerke")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    SpinBox
+    {
+        property string name: "floors"
+        id: floors
+        Layout.fillWidth: true
+        from: 1
+        to: 100
+        value: 1
+        editable: true
+    }
+
+    // New grid row
+    Label
+    {
+        text: qsTr("Zwischenetage")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    ComboBox
+    {
+        property string name: "mezzanin"
+        id: mezzanin
+        Layout.fillWidth: true
+        editable: false
+        model: [qsTr("Ja"), qsTr("Nein")]
+    }
+
+    Label
+    {
+        text: qsTr("Aufzug")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    ComboBox
+    {
+        property string name: "lift"
+        id: lift
+        Layout.fillWidth: true
+        editable: false
+        model: [qsTr("Ja"), qsTr("Nein")]
+    }
+
+    //New grid row
+    Label
+    {
+        text: qsTr("Objekt-Nr.")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        property string name: "objectno"
+        id: objectno
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        placeholderText: qsTr("0 oder leer um eine Nummer automatisch zu generieren")
+        placeholderTextColor: "pink"
+    }
+
+
+    Label
+    {
+        text: qsTr("Besonderheiten")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        property string name: "remarks"
+        id: remarks
+        Layout.fillWidth: true
+    }
+
+    //// New grid row
+
+
+    Label
+    {
+        text: qsTr("Reinigungsmittel wo?*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "cleaningproducts"
+        id: cleaningproducts
+        Layout.fillWidth: true
+        onTextChanged: checkFields()
+    }
+    Item
+    {
+        Layout.fillHeight: true
+    }
+
+    function checkObjectField()
+    {
+
+        return  street.text.trim() && houseno.text.trim() &&
+
+                (postcode.editText.trim() || postcode.currentText.trim()) &&
+                (city.editText.trim() || city.currentText.trim()) &&
+                cleaningproducts.text.trim()
+    }
+}
+
+
+
+
+
+
+
+
+

Gui/Objects/AddObject.qml

@@ -0,0 +1,163 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import QtQuick.Dialogs
+import Js
+
+ScrollView
+{
+    id: scroll
+    width: parent.width
+    height: parent.height
+    ColumnLayout
+    {
+        height: Screen.desktopAvailableHeight
+        width: scroll.width
+        property var new_object: null
+        //property alias checkAddContact: checkAddContact
+
+        spacing: 15
+        Label
+        {
+            text: qsTr("Objekt anlegen")
+            horizontalAlignment: Text.AlignHCenter
+            Layout.fillWidth: true
+            font.pixelSize: 35
+        }
+        CheckBox
+        {
+            id: checkAddObjectContact
+            text: qsTr("Ansprechpartner hinzufügen")
+            Layout.alignment: Qt.AlignRight
+            checked: false
+            onCheckStateChanged:
+            {
+                checkFields()
+            }
+        }
+
+        RowLayout
+        {
+            id: addObject
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            spacing: 45
+
+            Frame
+            {
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                AddNewObject
+                {
+                    id: newObject
+                    width: parent.width
+                }
+            }
+
+            ObjectAddOns
+            {
+                id: addObjectLayout
+                visible: checkAddObjectContact.checked
+            }
+        }
+        RowLayout
+        {
+            Layout.fillHeight: true
+            Layout.alignment: Qt.AlignRight
+            Button
+            {
+                text: qsTr("Abbrechen")
+                onClicked: contentStack.pop()
+            }
+            Button
+            {
+                property var new_object: null
+                id: saveBtn
+                text: qsTr("Speichern")
+                enabled: false
+                onClicked:
+
+                {
+
+                    new_object = JsLib.parseForm(newObject)
+                    // For Debugging
+                    console.log(JSON.stringify(new_object))
+                    //
+                    new_object['lift'] = new_object['lift'] === 'Ja' ? 1 : 0
+                    new_object['mezzanin'] = new_object['mezzanin'] === 'Ja' ? 1 : 0
+                    object_model.addObject(new_object)
+                }
+            }
+        }
+        Item
+        {
+            id: spacer3
+            Layout.fillHeight: true
+        }
+
+        Component.onCompleted:
+        {
+            //object_model.objectAdded.connect(onObjectAdded)
+            //contact_model.objectContactAdded.connect(onObjectContact)
+        }
+
+
+        Connections
+        {
+            target: object_model
+
+            function onObjectIdReady()
+            {
+                var obj_id = arguments[0]
+                if (checkAddObjectContact.checked && obj_id)
+                {
+                    var new_objecto = addObjectLayout.getForm()
+                    contact_model.addObjectContact(new_objecto, obj_id)
+                    object_model.viewCriterion("Alle")
+                }
+
+                contentStack.pop()
+            }
+        }
+
+        // function onObjectAdded(added, oid)
+        // {
+        //     if (!added)
+        //         console.log(qsTr("Fehler beim Objekt-Anlegen!"))
+        //     if (checkAddObjectContact.checked && oid)
+        //     {
+        //         var new_objecto = addObjectLayout.getForm()
+
+        //         contact_model.addObjectContact(new_objecto, oid)
+        //     }
+        //     else appLoader.source = "ObjectTable.qml"
+        // }
+
+        // function onObjectContact(added)
+        // {
+        //     if (!added)
+        //         console.log(qsTr("Fehler beim Objekt-Kontakt-Anlegen!"))
+        //     else
+        //     {
+        //         //object_model.viewCriterion("Alle")
+        //         appLoader.source = "ObjectTable.qml"
+        //     }
+        // }
+
+
+    }
+    function checkFields()
+    {
+        if(checkAddObjectContact.checked)
+        {
+            if(!newObject.checkObjectField() || !addObjectLayout.contactPerson.contacts || !addObjectLayout.contactPerson.contacts.length)
+                saveBtn.enabled = false
+            else
+                saveBtn.enabled = true
+        }
+        else if (!newObject.checkObjectField())
+            saveBtn.enabled = false
+        else
+            saveBtn.enabled = true
+    }
+}

Gui/Objects/AddObjectEmployee.qml

@@ -0,0 +1,130 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+ApplicationWindow
+{
+    id: addMitarbeiter
+    title: qsTr("Objekt - Neuer Mitarbeiter")
+
+    ColumnLayout
+    {
+        anchors.fill: parent
+        anchors.margins: 10
+        Label
+        {
+            text: qsTr("Mitarbeiter zuweisen")
+            Layout.alignment: Qt.AlignHCenter
+            font.pixelSize: 35
+        }
+
+        GridLayout
+        {
+           Layout.fillWidth: true
+           columns: 2
+           rowSpacing: 4
+           columnSpacing: 6
+
+           Label
+           {
+               text: qsTr("Eingesetzter Mitarbeiter")
+               Layout.alignment: Qt.AlignRight
+           }
+           ComboBox
+           {
+               id: assignee
+               Layout.fillWidth: true
+           }
+           Label
+           {
+               text: qsTr("Lohn Mitarbeiter pro Stunde")
+               Layout.alignment: Qt.AlignRight
+           }
+           TextField
+           {
+               id: wage
+               Layout.fillWidth: true
+           }
+           Label
+           {
+               text: qsTr("Einsatzdauer")
+               Layout.alignment: Qt.AlignRight
+           }
+           TextField
+           {
+               id: duration
+               Layout.fillWidth: true
+           }
+           Label
+           {
+               text: qsTr("Reinigungstage")
+               Layout.alignment: Qt.AlignRight
+           }
+           TextField
+           {
+               id: cleanDays
+               Layout.fillWidth: true
+           }
+           Label
+           {
+               text: qsTr("Tätigkeiten")
+               Layout.alignment: Qt.AlignRight
+           }
+           TextField
+           {
+               id: tasks
+               Layout.fillWidth: true
+           }
+           Label
+           {
+               text: qsTr("Ertrag")
+               Layout.alignment: Qt.AlignRight
+           }
+           TextField
+           {
+               id: output
+               Layout.fillWidth: true
+           }
+           Item
+           {
+               Layout.fillHeight: true
+               Layout.columnSpan: 2
+           }
+        }
+        RowLayout
+        {
+            Layout.fillWidth: true
+            spacing: 5
+            Item
+            {
+                Layout.fillWidth: true
+            }
+            Button
+            {
+                text: qsTr("Abbrechen")
+                onClicked: addMitarbeiter.close()
+            }
+            Button
+            {
+                text: qsTr("Hinzufügen")
+                onClicked:
+                {
+                    if (duration.text.trim() !== "" && wage.text.trim() !== "" && cleanDays.text.trim() !== "" && tasks.text.trim() !== "" && output.text.trim() !== "")
+                    {
+                        var ne = {
+                                    "assignee": assignee.currentText,
+                                    "duration": duration.text.trim(),
+                                    "wage": wage.text.trim(),
+                                    "cleandays": cleanDays.text.trim(),
+                                    "tasks": tasks.text.trim(),
+                                    "output": output.text.trim(),
+                                };
+                        addMitarbeiter.addNewEmployee(ne)
+                        addMitarbeiter.close()
+                    }
+                }
+            }
+        }
+    }
+
+    signal addNewEmployee(var new_employee)
+}

Gui/Objects/ObjectAddOnContactPerson.qml

@@ -0,0 +1,317 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+
+GridLayout
+{
+    property var contacts: null
+    columns: 2
+    Layout.fillWidth: true
+    Label
+    {
+        text: qsTr("Position")
+        Layout.alignment: Qt.AlignRight | Qt.AlignTop
+    }
+
+    ComboBox
+    {
+        //property string name: "contacttype"
+        id: posizion
+        Layout.fillWidth: true
+        editable: false
+        model: [qsTr("Beirat"), qsTr("Hausmeister"), qsTr("Hausbewohner"), qsTr("Sonstiges")]
+    }
+
+    Label
+    {
+        text: qsTr("Anrede")
+        Layout.alignment: Qt.AlignRight
+    }
+    ComboBox
+    {
+        id: title
+        model: [qsTr("Herr"), qsTr("Frau"), qsTr("Keine Angabe")]
+        Layout.fillWidth: true
+    }
+    Label
+    {
+        text: qsTr("Vorname*")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        id: firstname
+        Layout.fillWidth: true
+    //     onTextChanged: checkContactFields()
+    }
+    Label
+    {
+        text: qsTr("Nachname*")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        id: lastname
+        Layout.fillWidth: true
+    }
+    Label
+    {
+        text: mobile.text ? qsTr("Telefonnummer") : qsTr("Telefonnummer*")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        id: phonenumber
+        Layout.fillWidth: true
+    }
+    Label
+    {
+        text: phonenumber.text ? qsTr("Mobil") : qsTr("Mobil*")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        id: mobile
+        Layout.fillWidth: true
+    }
+
+    RowLayout
+    {
+        Layout.fillWidth: true
+        Layout.columnSpan: 2
+
+        Item
+        {
+            Layout.fillWidth: true
+        }
+
+        Button
+        {
+            id: removeContact
+            text: qsTr("Entfernen")
+            enabled: false
+            onClicked:
+            {
+
+                if (contactView.highlightFollowsCurrentItem)
+                {
+                    delete contacts[contactView.currentIndex]
+                    contacts = contacts.filter(elm => elm)
+                    contactModel.remove(contactView.currentIndex)
+                    contactView.highlightFollowsCurrentItem = false
+                    contactView.currentIndex = -1
+                    if (Object.keys(contacts).length === 0)
+                    {
+                        enabled = false
+                        console.log(contacts)
+                    }
+                    checkFields()
+                }
+            }
+        }
+
+        Button
+        {
+            id: addContact
+            text: qsTr("Hinzufügen")
+            enabled: firstname.text.trim() && lastname.text.trim() && (phonenumber.text.trim() || mobile.text.trim()) && (contacts === null || Object.keys(contacts).length < 3)
+            onClicked:
+            {
+                var num_contacts = 0
+                if (contacts !== null && contacts !== undefined) num_contacts = Object.keys(contacts).length
+                else contacts = []
+                if (num_contacts < 3 && firstname.text.trim() !== "" && lastname.text.trim() !== "" && (phonenumber.text.trim() !== ""  || mobile.text.trim() !== ""))
+                {
+                    contacts[num_contacts] = {}
+                    contacts[num_contacts]["title"] = title.currentText
+                    contacts[num_contacts]["position"] = posizion.currentText
+                    contacts[num_contacts]["fname"] = firstname.text.trim()
+                    contacts[num_contacts]["lname"] = lastname.text.trim()
+                    contacts[num_contacts]["phone"] = phonenumber.text.trim()
+                    contacts[num_contacts]["mobile"] = mobile.text.trim()
+                    contactModel.append({name: title.currentText + " " + firstname.text.trim() + " " + lastname.text.trim(), phone: phonenumber.text.trim(), mobile: mobile.text.trim(),  posizion: posizion.currentText})
+                    if (checkFields())
+                    {
+                        saveBtn.enabled = true
+                    }
+                    firstname.text = ""
+                    lastname.text = ""
+                    phonenumber.text = ""
+                    mobile.text = ""
+                    posizion.currentIndex = 0
+                    title.currentIndex = 0
+
+                    removeContact.enabled = true
+                    checkFields()
+                }
+            }
+        }
+    }
+
+    Label
+    {
+        text: qsTr("Ansprechpartner")
+        Layout.alignment: Qt.AlignRight | Qt.AlignTop
+    }
+
+    ListModel
+    {
+        id: contactModel
+    }
+
+    // Component
+    // {
+    //     id: headline
+    //     Row
+    //     {
+    //         spacing: 9
+    //         Text
+    //         {
+    //             id: cpname
+    //             text: qsTr("Name")
+    //             font.bold: true
+    //             horizontalAlignment: Text.AlignLeft
+    //             color: "white"
+    //         }
+
+    //         Text
+    //         {
+    //             id: cpphone
+    //             text: qsTr("Telefon")
+    //             font.bold: true
+    //             horizontalAlignment: Text.AlignLeft
+    //             color: "white"
+    //         }
+
+    //         Text
+    //         {
+    //             id: cpmobile
+    //             text: qsTr("Mobil")
+    //             font.bold: true
+    //             horizontalAlignment: Text.AlignLeft
+    //             color: "white"
+    //         }
+
+    //         Text
+    //         {
+    //             id: cppos
+    //             text: qsTr("Position")
+    //             font.bold: true
+    //             horizontalAlignment: Text.AlignLeft
+    //             color: "white"
+    //         }
+
+    //         Text
+    //         {
+    //             id: cttype
+    //             text: qsTr("Typ")
+    //             font.bold: true
+    //             horizontalAlignment: Text.AlignLeft
+    //             color: "white"
+    //         }
+    //     }
+    // }
+
+    Component
+    {
+        id: highlight
+        Rectangle
+        {
+            width: parent.width
+            color: "lightsteelblue"; radius: 5
+            y: contactView.currentItem.y
+            Behavior on y
+            {
+                SpringAnimation
+                {
+                    spring: 3
+                    damping: 0.2
+                }
+            }
+        }
+    }
+
+    Rectangle
+    {
+        id: mainRect
+        Layout.fillWidth: true
+        implicitHeight: 100
+        color: firstname.palette.base
+        border.color: firstname.activeFocus? firstname.palette.highlight: firstname.palette.base
+        clip: true
+
+        ScrollView
+        {
+            id: objContactView
+            // Layout.fillWidth: true
+            // Layout.preferredHeight: 100
+            //Layout.columnSpan: 3
+            anchors.fill: mainRect
+            ScrollBar.vertical.policy: ScrollBar.AlwaysOn
+
+
+            ListView
+            {
+                id: contactView
+                anchors.fill: objContactView
+                // implicitHeight: objContactView.height
+                // implicitWidth: objContactView.width
+                model: contactModel
+                // header: headline
+                highlight: Rectangle { color: "slategray"; radius: 3}
+                highlightFollowsCurrentItem: false
+                //focus: true test
+                onActiveFocusChanged: if(!focus) currentIndex = -1
+                delegate: Item
+                {
+                    width: contactView.width
+                    height: 77
+
+                    MouseArea
+                    {
+                        anchors.fill: parent
+                        onClicked:
+                        {
+                            contactView.currentIndex = index
+                            contactView.highlightFollowsCurrentItem = true
+                        }
+                    }
+
+
+                    Column
+                    {
+                        anchors.margins: 5
+
+                        //spacing: 3
+                        Text
+                        {
+                            text: '<b>' + qsTr('Name: ') + '</b>' + model.name
+                            horizontalAlignment: Text.AlignLeft
+                            color: "white"
+                        }
+                        Text
+                        {
+                            text: '<b>' + qsTr('Telefon: ') + '</b>' + model.phone
+                            horizontalAlignment: Text.AlignLeft
+                            color: "white"
+                        }
+                        Text
+                        {
+                            text: '<b>' + qsTr('Handy: ') + '</b>' + model.mobile
+                            horizontalAlignment: Text.AlignLeft
+                            color: "white"
+                        }
+                        Text
+                        {
+                            text: '<b>' + qsTr('Position: ') + '</b>' + model.posizion
+                            horizontalAlignment: Text.AlignLeft
+                            color: "white"
+                        }
+
+                    } // Column
+                } // delegate
+            } // Listview
+        } // Scrollview
+    }
+}
+

Gui/Objects/ObjectAddOnEmployee.qml

@@ -0,0 +1,125 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+
+GridLayout
+{
+    // property var employeeForm: null
+    // property var employees: null
+    // id: oaoemployee
+    // columns: 2
+    // rows: 4
+    // Label
+    // {
+    //     text: qsTr("Mitarbeiter")
+    //     Layout.alignment: Qt.AlignRight | Qt.AlignTop
+    // }
+
+    // ListModel
+    // {
+    //     id: employeeModel
+    // }
+
+    // Component
+    // {
+    //     id: employeesHeader
+    //     Row
+    //     {
+    //         Text
+    //         {
+    //             id: empName
+    //             text: qsTr("Mitarbeiter")
+    //             width: 175
+    //             font.bold: true
+    //             horizontalAlignment: Text.AlignLeft
+    //             color: "black"
+    //         }
+    //     }
+    // }
+
+    // Rectangle
+    // {
+    //     Layout.fillWidth: true
+    //     implicitHeight: 75
+    //     Layout.rowSpan: 2
+    //     color: mitarbeiterhin.palette.base
+    //     border.color: mitarbeiterhin.activeFocus? mitarbeiterhin.palette.highlight: mitarbeiterhin.palette.base
+    //     ListView
+    //     {
+    //         id: employeesList
+    //         //anchors.fill: parent
+    //         implicitHeight: parent.height
+
+    //         model: employeeModel
+
+    //         header: employeesHeader
+
+    //         delegate: Row
+    //         {
+    //             width: 200
+    //             height: 15
+    //             //padding: 7
+    //             Text
+    //             {
+    //                 text: model.namens
+    //             }
+    //         }
+
+    //     }
+    // }
+    // RowLayout
+    // {
+    //     Layout.columnSpan: 2
+    //     Layout.fillWidth: true
+    //     Item
+    //     {
+    //         Layout.fillWidth: true
+    //     }
+
+    //     Button
+    //     {
+    //         id: mitarbeiterraus
+    //         text: qsTr("Mitarbeiter entfernen")
+    //     }
+
+    //     Button
+    //     {
+    //         id: mitarbeiterhin
+    //         text: qsTr("Mitarbeiter hinzufügen")
+    //         onClicked:
+    //         {
+    //             var nm = Qt.createComponent("AddObjectEmployee.qml")
+    //             if (nm.status === Component.Ready)
+    //             {
+    //                 employeeForm = nm.createObject (appWindow, {width: 600, height: 400})
+    //                 employeeForm.addNewEmployee.connect(onAddEmployee)
+    //                 employeeForm.show()
+    //             }
+    //             else console.log(nm.errorString())
+    //         }
+    //     }
+    // }
+
+    // function onAddEmployee(new_employee)
+    // {
+    //     var num_employees = 0
+
+    //     if (employees === null || employees === undefined) employees = {}
+    //     else num_employees = Object.keys(employees).length;
+
+    //     employees[num_employees] = {}
+    //     employees[num_employees]["assignee"] = new_employee["assignee"];
+    //     employees[num_employees]["duration"] = new_employee["duration"];
+    //     employees[num_employees]["wage"] = new_employee["wage"];
+    //     employees[num_employees]["cleandays"] = new_employee["cleandays"];
+    //     employees[num_employees]["tasks"] = new_employee["tasks"];
+    //     employees[num_employees]["output"] = new_employee["output"];
+
+    //     employeeModel.append({namens: new_employee["assignee"]});
+
+    // }
+}
+
+
+
+

Gui/Objects/ObjectAddOns.qml

@@ -0,0 +1,28 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Js
+
+Frame
+{
+    property alias contactPerson: oaocontactperson
+    Layout.alignment: Qt.AlignTop
+    Layout.fillWidth: true
+    ColumnLayout
+    {
+        id: addObjectLayout
+        width: parent.width
+        ObjectAddOnContactPerson
+        {
+            id: oaocontactperson
+        }
+        Item
+        {
+            Layout.fillHeight: true
+        }
+    }
+    function getForm()
+    {
+        return oaocontactperson.contacts
+    }
+}

Gui/Objects/ObjectDetails.qml

@@ -0,0 +1,27 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Item
+{
+    property int selectedObject: -1
+    id: obDet
+    ColumnLayout
+    {
+        Label
+        {
+            text: qsTr("Ausgewählter Objekt " + selectedObject)
+        }
+
+        Button
+        {
+            text: qsTr("Zurück zu den Objekten")
+            onClicked: contentStack.pop()
+        }
+    }
+
+    Component.onCompleted:
+    {
+        object_model.onRowClicked(selectedObject)
+    }
+}

Gui/Objects/ObjectView.qml

@@ -0,0 +1,238 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+GridLayout
+{
+    id: objectView
+
+    columns: 4
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    rowSpacing: 9
+
+    Label
+    {
+        text: qsTr("Firma")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+    ComboBox
+    {
+        property string name: "business"
+        id: business
+        editable: true
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Straße*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "street"
+        id: street
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        onTextChanged: checkFields()
+    }
+    Label
+    {
+        text: qsTr("Nr.*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "houseno"
+        id: houseno
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        onTextChanged: checkFields()
+    }
+
+    Label
+    {
+        text: qsTr("PLZ*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        property string name: "postcode"
+        id: postcode
+        Layout.fillWidth: true
+        onTextChanged: checkFields()
+    }
+    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
+        currentIndex: -1
+    }
+
+    Label
+    {
+        text: qsTr("Lohnanteil inkl. Fahrtkosten")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        id: lohnanteil
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Materialanteil")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        id: materialanteil
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Zusatz 1")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        id: zusatz1
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Zusatz 2")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        id: zusatz2
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Gesamt Netto")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {id: gesamtnetto
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("MwSt")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        id: mwst
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Gesamt(Netto+MwSt)")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+        id: gesamt
+        Layout.fillWidth: true
+        Layout.columnSpan: 3
+    }
+
+    Label
+    {
+        text: qsTr("Zahlungsziel")
+        Layout.alignment: Qt.AlignRight
+    }
+    ComboBox
+    {
+        property string name: "zahlungsziel"
+        id: zahlungsziel
+        Layout.fillWidth: true
+        editable: false
+        textRole: "display"
+        Layout.columnSpan: 3
+    }
+
+
+    Label
+    {
+        text: qsTr("Info")
+        Layout.alignment: Qt.AlignRight | Qt.AlignTop
+    }
+    ScrollView
+    {
+        id: infoview
+        Layout.fillWidth: true
+        Layout.preferredHeight: 110
+        Layout.columnSpan: 3
+        ScrollBar.horizontal: ScrollBar
+        {
+            policy: ScrollBar.AlwaysOn
+        }
+
+        TextArea
+        {
+            id: objectInfo
+            property string name: "objectinfo"
+            implicitWidth: parent.width
+            wrapMode: TextEdit.Wrap
+            background: Rectangle
+            {
+                color: objectInfo.palette.base
+                border.color: objectInfo.activeFocus? objectInfo.palette.highlight: objectInfo.palette.base
+                width: parent.width
+            }
+        }
+    }
+    Item
+    {
+        Layout.fillHeight: true
+    }
+}
+
+
+
+
+
+
+
+

Gui/Objects/ObjectsTable.qml

@@ -0,0 +1,186 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Qt.labs.qmlmodels
+
+ColumnLayout
+{
+    property var availableFilters: [""]
+
+
+    spacing: Dimensions.l
+
+    function viewCriterion(criterion)
+    {
+        business_model.viewCriterion(criterion.text);
+    }
+    function onObjectContactAdded(added)
+    {
+        console.log(added)
+        if (added) object_model.viewCriterion("")
+    }
+
+    Component.onCompleted:
+    {
+        contact_model.objectContactAdded.connect(onObjectContactAdded)
+        // contentStack.pop()
+    }
+    RowLayout
+    {
+        Layout.fillWidth: true
+        spacing: Dimensions.l
+        SearchBar
+        {
+        }
+        QuickFilter {
+            onSelectedChanged: (name) => {
+                business_model.viewCriterion(name)
+            }
+
+            model: ListModel {
+                ListElement {
+
+                    name: "Alle"
+                    text: qsTr("Alle")
+                    selected: true
+                }
+                ListElement {
+                    name: "Aktiv"
+                    text: qsTr("Aktiv")
+                    selected: false
+                }
+                ListElement {
+                    name: "Ehemalig"
+                    text: qsTr("Ehemalig")
+                    selected: false
+                }
+                ListElement {
+                    name: "Angebote"
+                    text: qsTr("Angebote")
+                    selected: false
+                }
+            }
+        }
+        Button
+        {
+            id: addObjectBtn
+            icon.source: "qrc:/images/PlusCircle.svg"
+            text: qsTr("Objekt Hinzufügen")
+            Layout.alignment: Qt.AlignRight
+            onClicked: contentStack.push("AddObject.qml")
+        }
+    }
+
+
+    ColumnLayout
+    {
+        id: tableColumn
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        Layout.verticalStretchFactor: 1
+        clip: true
+        // anchors
+        // {
+        //     top: searchBar.bottom
+        //     bottom: parent.bottom
+        //     left: parent.left
+        //     right: parent.right
+        //     topMargin: 15
+        // }
+        HorizontalHeaderView
+        {
+            id: horizontalHeaderview
+            Layout.fillWidth: true
+            implicitHeight: 40
+            movableColumns: true //@disable-check M16
+            syncView: objectTable
+
+            delegate: Rectangle {
+                    color: addObjectBtn.palette.alternateBase
+                    border.color: addObjectBtn.palette.base
+                    implicitHeight: 40
+                    Layout.fillWidth: true
+                    implicitWidth: 1
+                    Text
+                    {
+                        text: model.display
+                        elide: Text.ElideRight
+                        width: parent.width
+                        height: parent.height
+                        horizontalAlignment: Text.AlignHCenter
+                        verticalAlignment: Text.AlignVCenter
+                        color: addObjectBtn.palette.text
+                    }
+            }
+        }
+
+        TableView
+        {
+            property real newWidth: 0
+            id: objectTable
+            z: 1
+            // height: tableColumn.height - horizontalHeaderview.height
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            columnSpacing: 1
+            rowSpacing: 2
+            model: object_model
+            alternatingRows: true
+            resizableColumns: true // @disable-check M16
+            selectionBehavior: TableView.SelectRows
+            ScrollBar.vertical: ScrollBar
+            {
+                policy: objectTable.contentHeight > objectTable.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
+            }
+            selectionModel: ItemSelectionModel
+            {
+                id: obmodel
+                model: objectTable.model
+            }
+
+            delegate:Rectangle
+            {
+                required property bool selected
+                required property bool current
+                implicitWidth: objectTable.width / objectTable.columns
+                implicitHeight: 25
+                color: selected
+                           ? addObjectBtn.palette.highlight //palette.highlight
+                           : (objectTable.alternatingRows && row % 2 !== 0
+                           ? addObjectBtn.palette.base // palette.base
+                           : addObjectBtn.palette.alternateBase) //palette.alternateBase)
+
+                Text
+                {
+                    text: (model.display === null || model.display === undefined)? "": model.display
+                    elide: Text.ElideRight
+                    width: parent.width
+                    height: parent.height
+                    verticalAlignment: Text.AlignVCenter
+                    leftPadding: 9 //@d isable-check M16
+                    color: addObjectBtn.palette.text
+                }
+
+                MouseArea
+                {
+                    property bool hovered: false
+                    id: mouseArea
+                    anchors.fill: parent
+                    hoverEnabled: true
+                    onDoubleClicked:
+                    {
+                        contentStack.push("ObjectDetails.qml", {selectedObject: row});
+                    }
+                    onEntered:
+                    {
+                        objectTable.selectionModel.select(objectTable.model.index(row, 0), ItemSelectionModel.SelectCurrent | ItemSelectionModel.Rows)
+                    }
+                }
+            }
+        }
+
+    }
+    Item {
+        Layout.fillHeight: true
+    }
+}

Gui/Objects/qmldir

@@ -0,0 +1 @@
+module Objects

Gui/ObjectsTable.qml

@@ -2,44 +2,96 @@ import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls
 import Qt.labs.qmlmodels
-import QtQuick.Controls.Fusion
 
-Item
+ColumnLayout
 {
-    SearchBar
+    property var availableFilters: [""]
+
+    anchors.fill: parent
+    spacing: Dimensions.l
+
+    function viewCriterion(criterion)
     {
-        id:searchBar
-        anchors.margins: 9
+        business_model.viewCriterion(criterion.text);
+    }
+    function onObjectContactAdded(added)
+    {
+        console.log(added)
+        if (added) object_model.viewCriterion("")
     }
 
-    Button
+    Component.onCompleted:
     {
-        id: addObjectBtn
-        icon.source: "qrc:/images/addbusiness.svg"
-        icon.color: "olive"
-        anchors.right: parent.right
-        flat: true
-        onClicked: appLoader.source = "AddObject.qml"
+        contact_model.objectContactAdded.connect(onObjectContactAdded)
+        contentStack.pop()
+    }
+    RowLayout
+    {
+        Layout.fillWidth: true
+        spacing: Dimensions.l
+        SearchBar
+        {
+        }
+        QuickFilter {
+            onSelectedChanged: (name) => {
+                business_model.viewCriterion(name)
+            }
+
+            model: ListModel {
+                ListElement {
+
+                    name: "Alle"
+                    text: qsTr("Alle")
+                    selected: true
+                }
+                ListElement {
+                    name: "Aktiv"
+                    text: qsTr("Aktiv")
+                    selected: false
+                }
+                ListElement {
+                    name: "Ehemalig"
+                    text: qsTr("Ehemalig")
+                    selected: false
+                }
+                ListElement {
+                    name: "Angebote"
+                    text: qsTr("Angebote")
+                    selected: false
+                }
+            }
+        }
+        Button
+        {
+            id: addObjectBtn
+            icon.source: "qrc:/images/PlusCircle.svg"
+            text: qsTr("Objekt Hinzufügen")
+            Layout.alignment: Qt.AlignRight
+            onClicked: contentStack.push("AddObject.qml")
+        }
     }
 
 
     ColumnLayout
     {
         id: tableColumn
-        anchors
-        {
-            top: searchBar.bottom
-            bottom: parent.bottom
-            left: parent.left
-            right: parent.right
-        }
-
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        Layout.verticalStretchFactor: 1
+        clip: true
+        // anchors
+        // {
+        //     top: searchBar.bottom
+        //     bottom: parent.bottom
+        //     left: parent.left
+        //     right: parent.right
+        //     topMargin: 15
+        // }
         HorizontalHeaderView
         {
             id: horizontalHeaderview
             Layout.fillWidth: true
             implicitHeight: 40
-            //visible: false
             movableColumns: true //@disable-check M16
             syncView: objectTable
 
@@ -66,6 +118,8 @@ Item
         {
             property real newWidth: 0
             id: objectTable
+            z: 1
+            // height: tableColumn.height - horizontalHeaderview.height
             Layout.fillHeight: true
             Layout.fillWidth: true
             columnSpacing: 1
@@ -115,7 +169,7 @@ Item
                     hoverEnabled: true
                     onDoubleClicked:
                     {
-                        objectsStack.push("ObjectDetails.qml", {selectedObject: row});
+                        contentStack.push("ObjectDetails.qml", {selectedObject: row});
                     }
                     onEntered:
                     {
@@ -123,24 +177,10 @@ Item
                     }
                 }
             }
-
-            // onContentWidthChanged:
-            // {
-
-            //     redrawTable.start()
-            // }
         }
 
-        Item
-        {
-
-            Layout.fillWidth: true
-        }
     }
-    // function viewCriterion(criterion)
-    // {
-    //     object_model.viewCriterion(criterion.text)
-    // }
-
-    Component.onCompleted: objectsStack.pop()
+    Item {
+        Layout.fillHeight: true
+    }
 }

Gui/OfferTable.qml

@@ -1,17 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-
-
-Item
-{
-    StackView
-    {
-        id: employeesStack
-        anchors.fill: parent
-        initialItem: "OffersTable.qml"
-        anchors.margins: 9
-    }
-}
-

Gui/Offers/AddNewOffer.qml

@@ -0,0 +1,236 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+GridLayout
+{
+    id: newObject
+
+    columns: 4
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    rowSpacing: 9
+
+    //New Grid
+    Label
+    {
+        text: qsTr("Objekt:")
+        Layout.alignment: Qt.AlignRight
+        font: Typography.h2
+
+
+    }
+    Item
+    {
+        Layout.columnSpan: 3
+    }
+
+    //New grid row
+    Label
+    {
+        text: qsTr("Objekt-Nr.")
+        Layout.alignment: Qt.AlignRight
+    }
+    TextField
+    {
+        property string name: "objectno"
+        id: objectno
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+    }
+
+    Button
+    {
+        text: qsTr("Objekt hinzufügen")
+        icon.source: "qrc:/images/PlusCircle.svg"
+    }
+    Item
+    {
+
+    }
+
+
+    //// New grid row
+
+    Label
+    {
+        text: qsTr("PLZ")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    ComboBox
+    {
+        property string name: "postcode"
+        id: postcode
+        Layout.fillWidth: true
+        editable: true
+        // onCurrentTextChanged: checkFields()
+        // onEditTextChanged: checkFields()
+        onActivated: currentValue
+        model: address_model
+        textRole: "display"
+        popup.height: 300
+        currentIndex: -1
+        onCurrentIndexChanged:
+        {
+            city.currentIndex = postcode.currentIndex
+
+        }
+
+        validator: RegularExpressionValidator
+        {
+            regularExpression: /([0-9]{1,5})/
+        }
+    }
+
+    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
+        currentIndex: -1
+    }
+
+    Label
+    {
+        text: qsTr("Straße")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    ComboBox
+    {
+        property string name: "street"
+        id: street
+        model: object_model
+        textRole: "StreetInPostcode"
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        // onTextChanged: checkFields()
+    }
+
+    Label
+    {
+        text: qsTr("Nr.*")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    ComboBox
+    {
+        property string name: "houseno"
+        id: houseno
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+        // onTextChanged: checkFields()
+    }
+
+    // New grid row
+
+
+    //New Grid
+    Label
+    {
+        text: qsTr("Kunde:")
+        Layout.alignment: Qt.AlignRight
+        font: Typography.h2
+
+
+    }
+    Item
+    {
+        Layout.columnSpan: 3
+    }
+
+    //New grid row
+    Label
+    {
+        text: qsTr("Kunden-Nr.")
+        Layout.alignment: Qt.AlignRight
+    }
+
+    TextField
+    {
+        property string name: "customerno"
+        id: customerno
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+    }
+    Button
+    {
+        text: qsTr("Kunde hinzufügen")
+        icon.source: "qrc:/images/PlusCircle.svg"
+    }
+    Item
+    {
+
+    }
+
+
+    // New grid row
+    Label
+    {
+        text: qsTr("Kunden-Name")
+        Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+    }
+
+    TextField
+    {
+
+        id: customerName
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+    }
+
+    Item
+    {
+        Layout.columnSpan: 2
+    }
+    //New Grid
+    Label
+    {
+        text: qsTr("Leistungen:")
+        Layout.alignment: Qt.AlignRight
+        font: Typography.h2
+    }
+
+    Item
+    {
+        Layout.columnSpan: 3
+    }
+
+    Item
+    {
+        Layout.fillHeight: true
+    }
+
+    // function checkObjectField()
+    // {
+
+    //     return  street.text.trim() && houseno.text.trim() &&
+
+    //             (postcode.editText.trim() || postcode.currentText.trim()) &&
+    //             (city.editText.trim() || city.currentText.trim()) &&
+    //             cleaningproducts.text.trim()
+    // }
+}
+
+
+
+
+
+
+
+
+

Gui/Offers/AddOffer.qml

@@ -0,0 +1,111 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import QtQuick.Dialogs
+import Js
+
+
+ColumnLayout
+{
+    property var new_object: null
+    //property alias checkAddContact: checkAddContact
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    spacing: 15
+    Label
+    {
+        text: qsTr("Angebot anlegen")
+        horizontalAlignment: Text.AlignHCenter
+        Layout.fillWidth: true
+        font.pixelSize: 35
+    }
+
+
+    RowLayout
+    {
+        id: addObject
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        spacing: 45
+
+
+        AddNewOffer
+        {
+            id: newOffer
+            width: parent.width
+        }
+
+
+
+    }
+    RowLayout
+    {
+        Layout.fillHeight: true
+        Layout.alignment: Qt.AlignRight
+        Button
+        {
+            text: qsTr("Abbrechen")
+            onClicked: contentStack.pop()
+        }
+        Button
+        {
+
+            id: saveBtn
+            text: qsTr("Speichern")
+            // enabled: false
+            onClicked:
+            {
+                // new_object = JsLib.parseForm(newObject)
+                // new_object['lift'] = new_object['lift'] === 'Ja' ? 1 : 0
+                // new_object['mezzanin'] = new_object['mezzanin'] === 'Ja' ? 1 : 0
+                // object_model.addObject(new_object)
+
+            }
+        }
+    }
+    Item
+    {
+        id: spacer3
+        Layout.fillHeight: true
+    }
+
+    Component.onCompleted:
+    {
+        //object_model.objectAdded.connect(onObjectAdded)
+        //contact_model.objectContactAdded.connect(onObjectContact)
+    }
+
+
+    // Connections
+    // {
+    //     target: object_model
+
+    //     function onObjectIdReady()
+    //     {
+    //         var obj_id = arguments[0]
+    //         if (checkAddObjectContact.checked && obj_id)
+    //         {
+    //             var new_objecto = addObjectLayout.getForm()
+    //             contact_model.addObjectContact(new_objecto, obj_id)
+    //             object_model.viewCriterion("Alle")
+    //         }
+
+    //         appLoader.source = "ObjectTable.qml"
+    //     }
+    // }
+
+    // function checkFields()
+    // {
+    //     if(checkAddObjectContact.checked)
+    //     {
+    //         if(!newObject.checkObjectField() || !addObjectLayout.contactPerson.contacts || !addObjectLayout.contactPerson.contacts.length)
+    //             saveBtn.enabled = false
+    //         else
+    //             saveBtn.enabled = true
+    //     }
+    //     else if (!newObject.checkObjectField())
+    //         saveBtn.enabled = false
+    //     else
+    //         saveBtn.enabled = true
+    // }
+}

Gui/Offers/OffersTable.qml

@@ -0,0 +1,66 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Qt.labs.qmlmodels
+
+ColumnLayout
+{
+    spacing: Dimensions.l
+    function viewOffers(criterion)
+    {
+        //offer_model.viewCriterion(criterion)
+    }
+
+    RowLayout
+    {
+        Layout.fillWidth: true
+        spacing: Dimensions.l
+        SearchBar
+        {
+            id: searchBar
+        }
+        QuickFilter {
+            model: ListModel {
+                ListElement {
+                    name: "Alle"
+                    text: qsTr("Alle")
+                    selected: true
+                }
+                ListElement
+                {
+                    name: "Offen"
+                    text: qsTr("Offen")
+                    selected: false
+                }
+                ListElement
+                {
+                    name: "Abgeschlossen"
+                    selected: false
+                    text: qsTr("Abgeschlossen")
+                }
+                ListElement {
+                    name: "Erledigt"
+                    selected: false
+                    text: qsTr("Erledigt")
+                }
+            }
+
+            onSelectedChanged: name => {
+                business_model.viewCriterion(name);
+            }
+        }
+        Button
+        {
+            id: addOfferBtn
+            text: qsTr("Angebote Hinzufügen")
+            icon.source: "qrc:/images/PlusCircle.svg"
+            Layout.alignment: Qt.AlignRight
+            flat: true
+            onClicked: contentStack.push("AddOffer.qml")
+        }
+    }
+    Item {
+        id: spacer
+        Layout.fillHeight: true
+    }
+}

Gui/Offers/qmldir

@@ -0,0 +1 @@
+module Offers

Gui/OffersTable.qml

@@ -1,15 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Controls
-import Qt.labs.qmlmodels
-
-Item
-{
-    property var availableFilters: []
-
-    SearchBar
-    {
-        id:searchBar
-        anchors.margins: 9
-    }
-}

Gui/PyqcrmConf.qml

@@ -101,7 +101,7 @@ Item
         Button
         {
             text: qsTr("Ablehnen")
-            onClicked: appLoader.source = "Dashboard.qml"
+            onClicked: contentStack.pop()
         }
 
         Button
@@ -142,7 +142,7 @@ Item
         if (db['database']['DB_HOST'] === '' || db['database']['DB_PORT'] === '' ||
                 db['database']['DB_NAME'] === '' || db['database']['DB_USER'] === '' ||
                 db['database']['DB_PASS'] === '');
-        else config.saveDbConf(company)
+        else config.saveDbConf(db)
     }
 
     function updateCompanyInfo()

Gui/SearchBar.qml

@@ -1,82 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Layouts
-
-
-RowLayout
-{
-    id: searchBar
-
-
-    TextField
-    {
-        id: searchField
-        placeholderText: qsTr("Suche")
-        leftPadding: 3
-        rightPadding: 3
-        Layout.preferredWidth: 300
-
-        Button
-        {
-            icon.source: "qrc:/images/search.svg"
-            icon.color: "olive"
-            x: parent.x + parent.width - width
-            height: parent.height
-            flat: true
-        }
-
-
-        Button
-        {
-            id: filterBtn
-            icon.source: "qrc:/images/filter.svg"
-            icon.color: "olive"
-            x: parent.x + parent.width
-            height: searchField.height
-            flat: true
-            onClicked: filterPopup.open()
-        }
-    }
-
-    Popup
-    {
-        id: filterPopup
-        x: filterBtn.x + filterBtn.width
-        y: filterBtn.y
-        width: 100
-        height: 150
-        modal: true
-        focus: true
-        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
-        contentItem: Item
-        {
-            ColumnLayout
-            {
-                anchors.fill: parent
-                //id: filterContent
-
-                Repeater
-                {
-                    model: availableFilters
-
-                    CheckBox
-                    {
-                        text: model.modelData
-                        onClicked:
-                        {
-                            setFilter(text, checkState)
-                        }
-                    }
-
-                }
-            }
-        }
-    }
-
-    function setFilter(filter,activated)
-    {
-        console.log(filter)
-        console.log(activated)
-
-    }
-}

Gui/TopBar.qml

@@ -1,241 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Layouts
-
-RowLayout
-{
-    id: topBar
-    spacing: 0
-    height: 35
-    width: parent.width
-    anchors
-    {
-        top: parent.top
-        left: parent.left
-
-
-    }
-
-    Button
-    {
-        id: dashBoard
-        flat: true
-        text: qsTr("Dashboard")
-        implicitWidth: abrechnung.implicitContentWidth + 10
-        Layout.margins: 3
-        background: Rectangle
-        {
-            id: dashiBackie
-            border.width: dashBoard.activeFocus ? 2 : 1
-            border.color: "#888"
-            radius: 4
-            gradient: Gradient
-            {
-                GradientStop { position: 0 ; color: dashBoard.pressed ? "#000" : "#001" }
-                GradientStop { position: 1 ; color: dashBoard.pressed ? "#100" : "#000" }
-            }
-        }
-        onClicked:
-        {
-            appLoader.source = "Dashboard.qml"
-            dashiBackie.border.width = 2
-            kundiBackie.border.width = 1
-            mitoBackie.border.width = 1
-            invoBackie.border.width = 1
-            objBackie.border.width = 1
-        }
-    }
-
-    Button
-    {
-        id: kunden
-        flat: true
-        text: qsTr("Kunden")
-        implicitWidth: abrechnung.implicitContentWidth + 10
-        Layout.margins: 3
-        background: Rectangle
-        {
-            id: kundiBackie
-            border.width: kunden.activeFocus ? 2 : 1
-            border.color: "#888"
-            radius: 4
-            gradient: Gradient
-            {
-                GradientStop { position: 0 ; color: kunden.pressed ? "#000" : "#001" }
-                GradientStop { position: 1 ; color: kunden.pressed ? "#100" : "#000" }
-            }
-        }
-        onClicked:
-        {
-            // TODO: here we should call the model
-            appLoader.source = "CustomerTable.qml"
-            kundiBackie.border.width = 2
-            dashiBackie.border.width = 1
-            mitoBackie.border.width = 1
-            invoBackie.border.width = 1
-            objBackie.border.width = 1
-        }
-    }
-
-    Button
-    {
-        id: objekt
-        flat: true
-        text: qsTr("Objekt")
-        implicitWidth: abrechnung.implicitContentWidth + 10
-        Layout.margins: 3
-        background: Rectangle
-        {
-            id: objBackie
-            border.width: objekt.activeFocus ? 2 : 1
-            border.color: "#888"
-            radius: 4
-            gradient: Gradient
-            {
-                GradientStop { position: 0 ; color: objekt.pressed ? "#000" : "#001" }
-                GradientStop { position: 1 ; color: objekt.pressed ? "#100" : "#000" }
-            }
-        }
-        onClicked:
-        {
-            appLoader.source = "ObjectTable.qml"
-            objBackie.border.width = 2
-            dashiBackie.border.width = 1
-            kundiBackie.border.width = 1
-            mitoBackie.border.width = 1
-            invoBackie.border.width = 1
-        }
-
-    }
-
-    Button
-    {
-        id: mitarbeiter
-        flat: true
-        text: qsTr("Mitarbeiter")
-        implicitWidth: abrechnung.implicitContentWidth + 10
-        Layout.margins: 3
-        background: Rectangle
-        {
-            id: mitoBackie
-            border.width: mitarbeiter.activeFocus ? 2 : 1
-            border.color: "#888"
-            radius: 4
-            gradient: Gradient
-            {
-                GradientStop { position: 0 ; color: mitarbeiter.pressed ? "#000" : "#001" }
-                GradientStop { position: 1 ; color: mitarbeiter.pressed ? "#100" : "#000" }
-            }
-        }
-        onClicked:
-        {
-            appLoader.source = "EmployeeTable.qml"
-            mitoBackie.border.width = 2
-            dashiBackie.border.width = 1
-            kundiBackie.border.width = 1
-            invoBackie.border.width = 1
-            objBackie.border.width = 1
-        }
-    }
-
-    Button
-    {
-        id: offers
-        flat: true
-        text: qsTr("Angebote")
-        implicitWidth: abrechnung.implicitContentWidth + 10
-        Layout.margins: 3
-        background: Rectangle
-        {
-            id: offersBackie
-            border.width: offers.activeFocus ? 2 : 1
-            border.color: "#888"
-            radius: 4
-            gradient: Gradient
-            {
-                GradientStop { position: 0 ; color: offers.pressed ? "#000" : "#001" }
-                GradientStop { position: 1 ; color: offers.pressed ? "#100" : "#000" }
-            }
-        }
-        onClicked:
-        {
-            appLoader.source = "OfferTable.qml"
-            mitoBackie.border.width = 2
-            dashiBackie.border.width = 1
-            kundiBackie.border.width = 1
-            invoBackie.border.width = 1
-            objBackie.border.width = 1
-            offersBackie.border.width = 1
-        }
-    }
-
-    Button
-    {
-        id: abrechnung
-        flat: true
-        text: qsTr("Abrechnung")
-        implicitWidth: abrechnung.implicitContentWidth + 10
-        Layout.margins: 3
-        background: Rectangle
-        {
-            id: invoBackie
-            border.width: abrechnung.activeFocus ? 2 : 1
-            border.color: "#888"
-            radius: 4
-            gradient: Gradient
-            {
-                GradientStop { position: 0 ; color: abrechnung.pressed ? "#000" : "#001" }
-                GradientStop { position: 1 ; color: abrechnung.pressed ? "#100" : "#000" }
-            }
-        }
-    }
-
-    Item
-    {
-        id: hspacer
-        Layout.fillWidth: true
-    }
-
-    Button
-    {
-        id: atajos
-        icon.source: "qrc:/images/menu.svg"
-        icon.color: "red"
-        flat: true
-        Layout.rightMargin: 9
-        onClicked: mainMenu.open()
-
-        Menu {
-                id: mainMenu
-                MenuItem
-                {
-                    //text: qsTr("Benutzer-Verwaltung")
-                    //onTriggered: appLoader.source = "UsersPage.qml"
-                    text: qsTr("Einstellungen")
-                    onTriggered:
-                    {
-                        // TODO: Check if logged-in user is admin first!!
-
-                        appLoader.source = "PyqcrmConf.qml"
-                    }
-                }
-                MenuSeparator {}
-                MenuItem { text: qsTr("Als PDF exportieren") }
-                MenuSeparator {}
-                MenuItem { text: qsTr("Drucken") }
-                MenuItem
-                {
-                    text: qsTr("Erweiterter Druck")
-                    onTriggered: printerDialog.show()
-                }
-                MenuSeparator {}
-                MenuItem
-                {
-                    text: qsTr("Über PYQCRM")
-                    onTriggered: readMeWin.show()
-                }
-            }
-    }
-}
-
-

Gui/UtilityDialogs.qml

@@ -97,7 +97,7 @@ Item
         title: qsTr("Wiederherstellen")
         buttons: MessageDialog.Yes | MessageDialog.No
         onAccepted: recoveryPasswordDialog.open()
-        onRejected: gotoLogin()
+        onRejected: contentStack.replace("LoginSreen.qml")
     }
 
     MessageDialog

Gui/main.qml

@@ -4,163 +4,142 @@ import QtQuick.Controls
 import QtQuick.Dialogs
 import QtCore
 
-ApplicationWindow
-{
+ApplicationWindow {
     id: appWindow
-    width: Screen.width * .75
-    height: Screen.height * .85
-    visible: true
-    title: "PYQCRM"
+
     property string confile: ""
     property alias settingsFileDialog: settingsFiledialog
 
-
-    TopBar
-    {
-
-        id:topBar
-        anchors
-        {
-            rightMargin: 9
-            leftMargin: 9
+    function showWindow(why) {
+        if (why === 3) {
+            systray.setVisible(false);
+            appWindow.show();
         }
-
-        visible: bad_config || !db_con ? false: true
     }
 
-    PrinterDialog
-    {
+    font: Typography.body
+    height: Screen.desktopAvailableHeight
+    palette.window: Colors.mantle
+    palette.placeholderText: Colors.interactive
+    palette.text: Colors.foreground
+    title: "TERO Personal"
+    visible: true
+    width: Screen.desktopAvailableWidth
+
+    Component.onCompleted: {
+        systray.activated.connect(showWindow);
+
+        if (bad_config) {
+            importDialog.open();
+        } else {
+            if (db_con)
+                contentStack.replace("LoginScreen.qml")
+            else
+                contentStack.replace("NoDbConnection.qml");
+        }
+    }
+    onClosing: close => {
+        if (false) {
+            console.log("Main window closed!! Was soll ich tun? kann ich mich beenden?!");
+        }
+    }
+    onVisibilityChanged: {
+        if (appWindow.visibility === Window.Minimized && config.systray()) {
+            systray.setVisible(true);
+            appWindow.hide();
+        }
+    }
+    onWindowStateChanged: windowState => {
+        if (windowState !== Qt.WindowMinimized) {
+            systray.setVisible(false);
+            appWindow.show();
+        }
+    }
+
+    Navigation {
+        id: navigation
+
+        visible: !(bad_config || !db_con)
+    }
+    PrinterDialog {
         id: printerDialog
-    }
 
-    ReadMe
-    {
+    }
+    ReadMe {
         id: readMeWin
-    }
 
-    Item
-    {
+    }
+    Item {
         id: mainView
+
     }
 
-    Loader
-    {
-        id: appLoader
-
-        anchors
-        {
-            left: parent.left
-            right: parent.right
-            top: topBar.bottom
+    Rectangle {
+        id: contentBackground
+        anchors {
             bottom: parent.bottom
-            topMargin: 0
-            bottomMargin: 5
-            rightMargin: 9
-            leftMargin: 9
+            left: navigation.visible ? navigation.right : parent.left
+            right: parent.right
+            top: parent.top
         }
-
-        property alias window: appWindow
+        color: Colors.background
     }
 
+    StackView {
+        id: contentStack
 
-    Dialog
-    {
+        anchors {
+            fill: contentBackground
+            margins: Dimensions.l
+        }
+    }
+
+    Dialog {
         id: importDialog
-        modal: true
+
         anchors.centerIn: parent
+        modal: true
         standardButtons: Dialog.Yes | Dialog.No
-        onAccepted: settingsFiledialog.open()
-        onRejected: appLoader.source= "Firststart.qml"
         title: qsTr("Einstellungen importieren")
+
+        onAccepted: settingsFiledialog.open()
+        onRejected: contentStack.replace("Firststart.qml")
     }
-
-    FileDialog
-    {
-
+    FileDialog {
         id: settingsFiledialog
-        title: qsTr("PYQCRM Einstellungen")
+
         currentFolder: StandardPaths.standardLocations(StandardPaths.DocumentsLocation)[0]
         modality: "ApplicationModal"
         nameFilters: [qsTr("PYQCRM Einstellungen (*.pyqrec)")]
-        onAccepted:
-        {
-            exportFilePassword.open()
-            confile = selectedFile
+        title: qsTr("PYQCRM Einstellungen")
+
+        onAccepted: {
+            exportFilePassword.open();
+            confile = selectedFile;
         }
     }
-
-    Dialog
-    {
+    Dialog {
         id: exportFilePassword
-        modal: true
-        title: qsTr("PYQCRM Einstellungen")
+
         anchors.centerIn: parent
+        modal: true
         standardButtons: Dialog.Ok | Dialog.Cancel
+        title: qsTr("PYQCRM Einstellungen")
+
         onAccepted: config.importConfig(confile, exportPasswordInput.text)
-        ColumnLayout
-        {
-            RowLayout
-            {
-                Label
-                {
+
+        ColumnLayout {
+            RowLayout {
+                Label {
                     text: qsTr("Passwort eingeben:")
                 }
-
-                TextField
-                {
+                TextField {
                     id: exportPasswordInput
+
                     echoMode: TextInput.Password
                     implicitWidth: 300
                 }
             }
         }
     }
-
-    Component.onCompleted:
-    {
-        config.configurationReady.connect(goToLogin)
-        systray.activated.connect(showWindow)
-
-        if(bad_config)
-        {
-            importDialog.open()
-        }
-        else
-        {
-            if (db_con) appLoader.source= "LoginScreen.qml"
-            else appLoader.source= "NoDbConnection.qml"
-        }
-    }
-
-
-    function showWindow(why)
-    {
-        if (why === 3)
-        {
-            systray.setVisible(false)
-            appWindow.show()
-        }
-    }
-    onVisibilityChanged:
-    {
-        if (appWindow.visibility === Window.Minimized && config.systray())
-        {
-            systray.setVisible(true)
-            appWindow.hide()
-        }
-    }
-
-    onClosing: (close) =>
-    {
-        if (false)
-        {
-            console.log("Main window closed!! Was soll ich tun? kann ich mich beenden?!")
-        }
-    }
-
-    function goToLogin()
-    {
-        appLoader.source= "LoginScreen.qml"
-        topBar.visible = true
-    }
 }

Gui/qmldir

@@ -1,2 +1,3 @@
 module gui
-TopBar 1.0 TopBar.qml
+Navigation 1.0 Navigation.qml
+AddContact 1.0 AddContact.qml

Js/JsLib.js

@@ -0,0 +1,73 @@
+.pragma library
+
+function firstConf(tabs)
+{
+    let pyqcrm_conf = {};
+    pyqcrm_conf[tabs.name] = {}
+    for (var i = 0; i < tabs.children.length; i++)
+    {
+        if (tabs.children[i].name)
+        {
+            if (!tabs.children[i].text.trim())
+            return false
+            if (pyqcrm_conf[tabs.name][tabs.children[i].name] !== "DB_PASS")
+                pyqcrm_conf[tabs.name] [tabs.children[i].name] = tabs.children[i].text.trim()
+            else
+                pyqcrm_conf[tabs.name] [tabs.children[i].name] = tabs.children[i].text
+        }
+    }
+    return pyqcrm_conf
+}
+
+
+function parseForm(...form)
+{
+
+    let data_form = {};
+    for (var i = 0; i < form.length; i++)
+    {
+
+        for (var j = 0; j < form[i].children.length; j++)
+        {
+            console.log(form[i].children[j])
+            if (form[i].children[j].toString().startsWith("Combo"))
+            {
+                if(form[i].children[j].editText)
+                {
+                    data_form[form[i].children[j].name] = form[i].children[j].editText
+                }
+                else
+                {
+                    data_form[form[i].children[j].name] = form[i].children[j].currentText
+                }
+            }
+            else if (form[i].children[j].toString().startsWith("TextField"))
+            {
+                data_form[form[i].children[j].name] = form[i].children[j].text.trim()
+            }
+            else if (form[i].children[j].toString().startsWith("Scroll"))
+            {
+                data_form[form[i].children[j].contentChildren[0].name] = form[i].children[j].contentChildren[0].text.trim()
+            }
+            else if (form[i].children[j].toString().startsWith("CheckBox"))
+            {
+                data_form[form[i].children[j].name] = form[i].children[j].checked
+            }
+            else if (form[i].children[j].toString().startsWith("SpinBox"))
+            {
+                data_form[form[i].children[j].name] = form[i].children[j].value
+            }
+            // else if (form[i].children[j].toString().startsWith("QQuickContentItem"))
+            // {
+            //     console.log(form[i].children[j].children.children)
+
+            //     for (var k = 0; k < form[i].children[j].length; k++)
+            //     {
+            //         console.log(form[i].children[j].name)
+            //     }
+            // }
+        }
+    }
+    return data_form
+}
+

Js/qmldir

@@ -0,0 +1,2 @@
+module Js
+JsLib 1.0 JsLib.js

TeroStyle/BarButton.qml

@@ -0,0 +1,61 @@
+import QtQuick
+import QtQuick.Controls.impl
+import QtQuick.Controls
+import QtQuick.Templates as T
+
+T.ToolButton {
+    id: control
+
+    property string target
+
+    checkable: true
+    icon.color: Colors.foreground
+    icon.height: 36
+    icon.width: 36
+    implicitHeight: 90
+    implicitWidth: 100
+    topPadding: 20
+
+    contentItem: Column {
+        readonly property color color: control.checked ? Colors.primaryShade : control.hovered ? Colors.primary : Colors.foreground
+
+        IconLabel {
+            color: parent.color
+            icon.color: parent.color
+            icon.height: control.icon.height
+            icon.source: control.icon.source
+            icon.width: control.icon.width
+            x: parent.width * .5 - width * .5
+        }
+        Label {
+            color: parent.color
+            font: Typography.smaller
+            text: control.text
+            x: parent.width * .5 - width * .5
+        }
+    }
+
+    Rectangle {
+        anchors.bottom: parent.bottom
+        anchors.left: parent.left
+        anchors.top: parent.top
+        color: control.checked ? Colors.primaryShade : Colors.primary
+        implicitWidth: 6
+        visible: control.checked || control.hovered
+    }
+    MouseArea {
+        id: mouseArea
+
+        anchors.fill: parent
+        cursorShape: Qt.PointingHandCursor
+
+        onPressed: mouse => mouse.accepted = false
+    }
+
+    onClicked: {
+        if(!target) {
+            return
+        }
+        contentStack.replace(target)
+    }
+}

TeroStyle/Button.qml

@@ -0,0 +1,69 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls.impl as I
+import QtQuick.Templates as T
+
+T.Button {
+    id: control
+
+    /**
+     * Set true when the button is supposed to be displayed in e.g. a TextField.
+     * You want to do this when this button is directly related to the TextField
+     * and the primary and only action for the TextField.
+     * Usually, you'd only want to display an icon in this button.
+     * If true, automatically sets height, width and position.
+     *
+     * ```qml
+     * TextField {
+     *   placeholderText: "Search..."
+     *   Button {
+     *     icon.source: "qrc:/images/MagnifyingGlass.svg"
+     *     isFieldButton: true
+     *   }
+     * }
+     * ```
+     */
+    property bool isFieldButton: false
+
+
+    height: isFieldButton ? parent.height : null
+    icon.color: Colors.primaryContrast
+    icon.height: 21
+    icon.width: 21
+    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset, implicitContentHeight + topPadding + bottomPadding)
+    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset, implicitContentWidth + leftPadding + rightPadding)
+    /**
+     * Icon is slightly larger than Text, so we need to reduce the padding a
+     * tiny bit to make sure all Buttons are still the same height.
+     */
+    padding: Dimensions.m - (icon.source.toString() === "" ? 0 : 1)
+    x: isFieldButton ? parent.x + parent.width - width : null
+
+    background: Rectangle {
+        anchors.fill: parent
+        border.color: Colors.interactive
+        border.width: isFieldButton ? 1 : 0
+        bottomLeftRadius: topLeftRadius
+        color: !control.enabled ? Colors.disabled : !control.hovered ? Colors.primary : Colors.primaryLighter
+        radius: Dimensions.radius
+        topLeftRadius: isFieldButton ? 0 : radius
+    }
+    contentItem: I.IconLabel {
+        color: !control.enabled ? Colors.disabledForeground : Colors.primaryContrast
+        display: control.display
+        font: control.font
+        icon: control.icon
+        mirrored: control.mirrored
+        spacing: Dimensions.s
+        text: control.text
+    }
+
+    MouseArea {
+        id: mouseArea
+
+        anchors.fill: parent
+        cursorShape: Qt.PointingHandCursor
+
+        onPressed: mouse => mouse.accepted = false
+    }
+}

TeroStyle/Colors.qml

@@ -0,0 +1,26 @@
+pragma Singleton
+
+import QtQuick
+
+QtObject {
+    readonly property int dark: 0
+    readonly property int light: 1
+
+    property int theme: Application.styleHints.colorScheme === Qt.ColorScheme.Light ? light : dark
+
+    readonly property color primary: "#b81a34"
+    readonly property color primaryContrast: "#fdfdfd"
+    readonly property color primaryLighter: Qt.lighter(primary, 1.5)
+    readonly property color primaryShade: theme === dark ? primaryLighter : Qt.darker(primary, 1.5)
+    readonly property color primaryHighlight: theme === dark ? Qt.darker(primary, 2- Colors.highlightOpacity) : Qt.lighter(primary, 2- Colors.highlightOpacity)
+    readonly property color foreground: theme === dark ? "#fdfdfd" : "#110b0c"
+    readonly property color background: theme === dark ? "#303136" : "#eff1f5"
+    readonly property color mantle: theme === dark ? "#1E1E23" : "#e7e9ef"
+    readonly property color interactive: theme === dark ? "#878b97" : "#d9d9da"
+    readonly property color error: theme === dark ? "#ff2264" : "#ff004b"
+    readonly property color disabled: theme === dark ? Qt.darker(interactive, 1.9) : Qt.darker(interactive, 1.3)
+    readonly property color disabledForeground: theme === dark ? Qt.darker(foreground, 1.4) : Qt.lighter(foreground, 1.9)
+    readonly property color transparent: "transparent"
+
+    readonly property double highlightOpacity: .3
+}

TeroStyle/ComboBox.qml

@@ -0,0 +1,108 @@
+import QtQuick
+import QtQuick.Templates as T
+import QtQuick.Controls
+import QtQuick.Controls.impl
+
+T.ComboBox {
+    id: control
+
+    font: Typography.body
+    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
+                             implicitContentHeight + topPadding + bottomPadding,
+                             implicitIndicatorHeight + topPadding + bottomPadding)
+
+
+    contentItem: T.TextField {
+        id: test
+        autoScroll: control.editable
+        color: Colors.foreground
+        enabled: control.editable
+
+        font: Typography.body
+        implicitHeight: Typography.body.pixelSize + topPadding + bottomPadding
+        inputMethodHints: control.inputMethodHints
+        padding: Dimensions.m
+        readOnly: control.down
+        selectByMouse: control.selectTextByMouse
+        text: control.editable ? control.editText : control.displayText
+        validator: control.validator
+        width: control.width - indicator.width
+        verticalAlignment: Text.AlignVCenter
+    }
+    background: Rectangle {
+        border.color: Colors.interactive
+        border.width: 1
+        color: Colors.mantle
+        radius: Dimensions.radius
+        width: parent.width
+    }
+
+    delegate: ItemDelegate {
+        required property var model
+        required property int index
+
+        width: ListView.view.width
+        text: model[control.textRole]
+        highlighted: control.highlightedIndex === index
+        hoverEnabled: control.hoverEnabled
+    }
+    indicator: Rectangle {
+        id: indicator
+
+        border.color: Colors.interactive
+        bottomRightRadius: Dimensions.radius
+        color: Colors.primary
+        height: control.height
+        topRightRadius: Dimensions.radius
+        width: 20 + Dimensions.s * 2
+        x: control.width - width
+        y: 0
+        z: 2
+
+        IconLabel {
+            anchors.fill: parent
+            bottomPadding: Dimensions.s
+            icon.color: Colors.foreground
+            icon.source: "qrc:/images/ChevronDown.svg"
+            leftPadding: Dimensions.s
+            rightPadding: Dimensions.s
+            topPadding: Dimensions.s
+        }
+        MouseArea {
+            anchors.fill: parent
+            cursorShape: Qt.PointingHandCursor
+
+            onPressed: () => {
+                control.popup.visible = true;
+                control.popup.forceActiveFocus()
+            }
+        }
+    }
+    popup: T.Popup {
+        bottomMargin: 6
+        height: Math.min(contentItem.implicitHeight + 2, control.Window.height - topMargin - bottomMargin)
+        padding: 1
+        topMargin: 6
+        width: control.width
+        y: control.height
+
+        background: Rectangle {
+            border.color: Colors.interactive
+            color: Colors.mantle
+            radius: Dimensions.radius
+        }
+        contentItem: ListView {
+            clip: true
+            currentIndex: control.highlightedIndex
+            implicitHeight: contentHeight
+            model: control.popup.visible ? control.delegateModel : null
+
+            T.ScrollBar.vertical: ScrollBar {
+            }
+            highlight: Rectangle {
+                color: Colors.primary
+                opacity: Colors.highlightOpacity
+            }
+        }
+    }
+}

TeroStyle/Dimensions.qml

@@ -0,0 +1,26 @@
+pragma Singleton
+
+import QtQuick
+
+QtObject
+{
+    /**
+     * Distance for objects that are tied to each other,
+     * e.g. a field and its label.
+     */
+    readonly property int s: 9
+
+    /**
+     * Distance for objects that are grouped together, e.g. radio buttons of the
+     * same radio group.
+     */
+    readonly property int m: 15
+
+    /**
+     * Distance for objects that are not related to each other, or to objects
+     * and their container.
+     */
+    readonly property int l: 30
+
+    readonly property int radius: 4
+}

TeroStyle/EmailAddressValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /([\+!#$%&‘\*\–\/\=?\^_`\.{|}\~\-\_0-9A-Za-z]{1,185})@([0-9A-Za-z\.\-\_]{1,64})\.([a-zA-z]{2,5})/
+}

TeroStyle/Field.qml

@@ -0,0 +1,20 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+ColumnLayout
+{
+    required property string label
+    /**
+     * Adds an asterisk after the label, informing the user that this field
+     * is mandatory.
+     */
+    property bool mandatory: false
+    spacing: Dimensions.s
+
+    Label
+    {
+        text: label + (mandatory ? "*" : "")
+        font: Typography.body
+    }
+}

TeroStyle/H1.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+Text {
+    font: Typography.h1
+}

TeroStyle/H2.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+Text {
+    font: Typography.h2
+}

TeroStyle/Label.qml

@@ -0,0 +1,5 @@
+import QtQuick.Controls
+
+Label {
+    color: Colors.foreground
+}

TeroStyle/NotEmptyValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /^\S+.*\S+$/
+}

TeroStyle/OptionalEmailAddressValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /^$|([\+!#$%&‘\*\–\/\=?\^_`\.{|}\~\-\_0-9A-Za-z]{1,185})@([0-9A-Za-z\.\-\_]{1,64})\.([a-zA-z]{2,5})/
+}

TeroStyle/OptionalPhoneNumberValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /^$|([+0-9])([0-9\s]{1,17})/
+}

TeroStyle/PhoneNumberValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /([+0-9])([0-9\s]{1,17})/
+}

TeroStyle/PostcodeValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /([^$][0-9]{1,4})/
+}

TeroStyle/QuickFilter.qml

@@ -0,0 +1,64 @@
+import QtQuick
+import QtCore
+import QtQuick.Layouts
+
+RowLayout {
+    id: root
+
+    required property ListModel model
+
+    signal selectedChanged(string name)
+
+    spacing: Dimensions.m
+
+    Repeater {
+        model: root.model
+
+        Item {
+            id: item
+
+            required property int index
+            required property var modelData
+            property bool hovered: false
+            property real padding: Dimensions.m
+
+            height: text.height + padding * 2
+            width: text.width + padding * 2
+
+            Rectangle {
+                anchors.fill: parent
+                border.color: modelData.selected ? Colors.transparent : Colors.foreground
+                border.width: 2
+                color: modelData.selected || mouseArea.containsMouse ? Colors.primary : Colors.transparent
+                radius: parent.height
+            }
+            Text {
+                id: text
+
+                color: Colors.foreground
+                font: Typography.body
+                text: modelData.text
+                x: parent.padding
+                y: parent.padding
+            }
+            MouseArea {
+                id: mouseArea
+
+                hoverEnabled: true
+                anchors.fill: parent
+                cursorShape: Qt.PointingHandCursor
+
+                onPressed: {
+                    if (item.modelData.selected)
+                        return;
+                    const model = root.model;
+                    for (let i = 0; i < model.count; i++) {
+                        model.setProperty(i, "selected", false);
+                    }
+                    model.setProperty(item.index, "selected", true);
+                    selectedChanged(item.modelData.name)
+                }
+            }
+        }
+    }
+}

TeroStyle/SearchBar.qml

@@ -0,0 +1,14 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+
+TextField {
+    Layout.preferredWidth: 300
+    placeholderText: qsTr("Suche")
+
+    Button {
+        icon.source: "qrc:/images/MagnifyingGlass.svg"
+        isFieldButton: true
+    }
+}

TeroStyle/TextField.qml

@@ -0,0 +1,47 @@
+import QtQuick
+import QtQuick.Templates as T
+
+T.TextField
+{
+    id: control
+
+    background: Rectangle
+    {
+        id: background
+        color: Colors.mantle
+        radius: Dimensions.radius
+        border.width: !control.focus ? 1 : 2
+        border.color: Colors.interactive
+        height: control.implicitHeight
+    }
+
+    color: Colors.foreground
+    implicitHeight: Typography.body.pixelSize + topPadding + bottomPadding
+    placeholderTextColor: Colors.interactive
+    font: Typography.body
+    padding: Dimensions.m
+
+    verticalAlignment: Text.AlignVCenter
+
+
+
+
+    /**
+     * Placeholder
+     */
+    Text {
+        x: control.leftPadding
+        y: control.topPadding
+        width: control.width - (control.leftPadding + control.rightPadding)
+        height: control.height - (control.topPadding + control.bottomPadding)
+
+        font: control.font
+        text: control.placeholderText
+        color: control.placeholderTextColor
+        verticalAlignment: control.verticalAlignment
+        visible: !control.length && !control.preeditText && (!control.activeFocus || control.horizontalAlignment !== Qt.AlignHCenter)
+        elide: Text.ElideRight
+        renderType: control.renderType
+    }
+}
+