Parameter.qml

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Controls.Styles 1.3

import "component-utils.js" as Utils

Rectangle {
    id: parameterRect
    objectName: "parameterRect"

    property alias processEnabled: processButton.enabled

    width: 650
    height: 50

    x: 30

    Rectangle {
        id: parameterColumnItem
        //color: "white"
        border.color: "#E6E6E6"
        color: "#F5F5F5"
        anchors.fill: parent
        anchors.margins: 10
        anchors.horizontalCenter: parent.horizontalCenter
        radius: 4
        height: 30

        Text {
            id: emailText
            anchors.verticalCenter: parent.verticalCenter
            anchors.left: parent.left
            anchors.margins: 8
            anchors.leftMargin: 14
            text: "<b>Email:</b>"
        }

        TextField {
            id: emailInputText
            anchors.verticalCenter: emailText.verticalCenter
            anchors.left: emailText.right
            anchors.leftMargin: 4
            maximumLength: 250

            width: 225
            height: 22
            text: emailValue

            // control/validation: Only characters suitable for email addresses are allowed.
            //validator: RegExpValidator { regExp: /[A-Z\d.-]+@[A-Z\d-.]+\.[a-z]+/i }
            validator: RegExpValidator { regExp:/^$|^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i }

        }


        Text {
            id: projectText
            anchors.verticalCenter: emailText.verticalCenter
            anchors.left: emailInputText.right
            anchors.leftMargin: 20
            text: "<b>Project name:</b>"
        }

        TextField {
            id: projectInputText
            anchors.verticalCenter: emailText.verticalCenter
            anchors.left: projectText.right
            anchors.leftMargin: 4

            maximumLength: 30