import QtQuick 2.0
import QtQuick.Controls 1.2
import AssetProcessor 1.0
import QtQuick.Layouts 1.1

Item {
    // note:  This item is automatically filled in the parent because its inside a tab view
    // and a tab automatically sets its contents to anchors: fill Parent
    width: 400
    height: 530
    clip: false // this width and height are here just so that it appears nice in the designer
    id: itemroot
    property Connection conn
    property int anchorsMargin : 8
    property bool connectionValid : conn != undefined
    property bool isConnectionConnected : connectionValid ? conn.status == Connection.Connected : false
    property bool connectionEditable: (autoConnectCheckbox.checked == false) & !isConnectionConnected

    GridLayout
    {
        id: gridLayout1
        anchors.margins: anchorsMargin
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: parent.top
        // do not anchor bottom
        columns: 2

        Label  {
            id: identifierLabel;
            text: qsTr("Identifier")
        }

        TextField {
            id:identifierText;
            enabled: connectionEditable
            text: connectionValid ? conn.identifier : ""
            onEditingFinished: {
                conn.identifier = text
            }
            Layout.fillWidth: true
        }


        Label {
            id: ipaddressLabel;
            text: qsTr("Ip Address")
        }

        TextField{
            id:ipaddressText;
            enabled: connectionEditable
            text: connectionValid ? conn.ipAddress : ""
            onEditingFinished: {
                conn.ipAddress = text
            }
            Layout.fillWidth: true
        }

        Label {
            id: portLabel;
            text: qsTr("Port")
        }

        TextField{
            id:portText;
            enabled: connectionEditable
            text: connectionValid ? conn.port : ""
            inputMask: "00000" // allow only digits 0-9.
            onEditingFinished: {
                conn.port = parseInt(text)
            }
            Layout.fillWidth: true
        }

        Label  {
            id: platformLabel;
            text: qsTr("Platform")
        }

        Label {
            id: platformText;
            text: connectionValid ? conn.platform : ""
            Layout.fillWidth: true
        }

        Label  {
            id: rendererLabel;
            text: qsTr("Renderer")
        }

        Label {
            id: rendererText;
            text: connectionValid ? conn.renderer : ""
            Layout.fillWidth: true
        }

        Label {
            id: statusLabel;
            text: qsTr("Status")
        }

        TextField{
            id:statusText;
            enabled: connectionEditable
            text: connectionValid ? status(conn.status) : ""
            readOnly: true
            Layout.fillWidth: true
        }

         CheckBox {
            id: autoConnectCheckbox
            checked: connectionValid ? conn.autoConnect : false
            onClicked:conn.autoConnect = checked
            text: qsTr("Auto connect")
            Layout.columnSpan: 2
            Connections {
                target: conn
                onAutoConnectChanged:
                {
                    autoConnectCheckbox.checked = conn.autoConnect
                }
            }
         }

         Label {
             id: elapsedLabel
             x: 0
             y: 0
             width: 130
             height: 16
             text: qsTr("Time Connected:")
             anchors.left: parent.left
             anchors.leftMargin: 167
             anchors.top: parent.top
             anchors.topMargin: 132
             visible: isConnectionConnected
         }

        Label {
            id: elapsedDisplay
            x: 0
            y: 0
            width: 122
            height: 16
            text: conn.elapsed
            anchors.left: parent.left
            anchors.leftMargin: 251
            anchors.top: parent.top
            anchors.topMargin: 132
            visible: isConnectionConnected
        }
    }


     GroupBox {
         id: tableContainer
         anchors.right: parent.right
         anchors.rightMargin: 8
         anchors.bottom: parent.bottom
         anchors.bottomMargin: 8
         anchors.top: parent.top
         anchors.topMargin: 164
         anchors.left: parent.left
         anchors.leftMargin: 8
         clip: true
         title: qsTr("Connection Metrics")
         Layout.fillWidth: true
         Layout.fillHeight: true

         Text {
             id: bytesSentLabel
             x: 196
             y: 5
             width: 79
             height: 20
             text: qsTr("Bytes Sent:")
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: bytesSent
             width: 130
             height: 20
             y:29
             text: conn.bytesSent
             anchors.verticalCenterOffset: 0
             anchors.verticalCenter: bytesSentLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: bytesSentLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: bytesReceivedLabel
             width: 102
             height: 20
             y:21
             text: qsTr("Bytes Received:")
             anchors.left: parent.left
             anchors.leftMargin: 0
             anchors.top: parent.top
             anchors.topMargin: 5
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: bytesReceived
             y: 29
             width: 94
             height: 20
             text: conn.bytesReceived
             anchors.verticalCenter: bytesReceivedLabel.verticalCenter
             anchors.left: bytesReceivedLabel.right
             anchors.leftMargin: 0
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: readRequestsLabel
             width: 94
             height: 20
             text: qsTr("Read Requests:")
             anchors.top: openFileRequestsLabel.bottom
             anchors.topMargin: 6
             anchors.left: openFileRequestsLabel.right
             anchors.leftMargin: -121
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: readRequests
             width: 108
             height: 20
             y:50
             text: conn.numReadRequests
             anchors.verticalCenter: readRequestsLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: readRequestsLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: writeRequestsLabel
             width: 94
             height: 20
             y:50
             text: qsTr("Write Requests:")
             anchors.left: closeFileRequestsLabel.right
             anchors.leftMargin: -123
             anchors.top: closeFileRequestsLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: writeRequests
             width: 123
             height: 20
             y:50
             text: conn.numWriteRequests
             anchors.verticalCenter: writeRequestsLabel.verticalCenter
             anchors.left: writeRequestsLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: bytesWrittenLabel
             width: 85
             height: 20
             text: qsTr("Bytes Written:")
             anchors.top: bytesSentLabel.bottom
             anchors.topMargin: 6
             anchors.left: bytesSentLabel.right
             anchors.leftMargin: -79
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: bytesWritten
             width: 117
             height: 20
             y:50
             text: conn.bytesWritten
             anchors.verticalCenter: bytesWrittenLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: bytesWrittenLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: bytesReadLabel
             width: 78
             height: 20
             y:50
             text: qsTr("Bytes Read:")
             anchors.left: bytesReceivedLabel.right
             anchors.leftMargin: -102
             anchors.top: bytesReceivedLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: bytesRead
             width: 123
             height: 20
             text: conn.bytesRead
             anchors.verticalCenter: bytesReadLabel.verticalCenter
             y:50
             anchors.left: bytesReadLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: openedFilesLabel
             width: 85
             height: 20
             text: qsTr("Files Opened:")
             anchors.top: readRequestsLabel.bottom
             anchors.topMargin: 6
             anchors.left: readRequestsLabel.right
             anchors.leftMargin: -94
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: openedFiles
             width: 129
             height: 20
             y:50
             text: conn.numOpened
             anchors.verticalCenter: openedFilesLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: openedFilesLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: closedFilesLabel
             width: 78
             height: 20
             y:50
             text: qsTr("Files Closed:")
             anchors.left: writeRequestsLabel.right
             anchors.leftMargin: -94
             anchors.top: writeRequestsLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: closedFiles
             width: 123
             height: 20
             y:50
             text: conn.numClosed
             anchors.verticalCenter: closedFilesLabel.verticalCenter
             anchors.left: closedFilesLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: seekRequestLabel
             width: 97
             height: 20
             text: qsTr("Seek Requests:")
             anchors.top: openedFilesLabel.bottom
             anchors.topMargin: 32
             anchors.left: openedFilesLabel.right
             anchors.leftMargin: -85
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: seekRequests
             width: 105
             height: 20
             y:50
             text: conn.numSeekRequests
             anchors.verticalCenterOffset: 0
             anchors.verticalCenter: seekRequestLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: seekRequestLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: tellRequestsLabel
             width: 84
             height: 20
             y:50
             text: qsTr("Tell Requests:")
             anchors.left: openFilesLabel.right
             anchors.leftMargin: -67
             anchors.top: openFilesLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: tellRequests
             width: 123
             height: 20
             y:50
             text: conn.numTellRequests
             anchors.verticalCenter: tellRequestsLabel.verticalCenter
             anchors.left: tellRequestsLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: isReadOnlyRequestLabel
             width: 136
             height: 20
             text: qsTr("Is Read Only Requests:")
             anchors.top: seekRequestLabel.bottom
             anchors.topMargin: 6
             anchors.left: seekRequestLabel.right
             anchors.leftMargin: -97
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: isReadOnlyRequests
             width: 66
             height: 20
             y:50
             text: conn.numIsReadOnlyRequests
             anchors.verticalCenter: isReadOnlyRequestLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: isReadOnlyRequestLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: isDirectoryRequestsLabel
             width: 129
             height: 20
             y:50
             text: qsTr("Is Directory Requests:")
             anchors.left: tellRequestsLabel.right
             anchors.leftMargin: -84
             anchors.top: tellRequestsLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: isDirectoryRequests
             width: 123
             height: 20
             y:50
             text: conn.numIsDirectoryRequests
             anchors.verticalCenter: isDirectoryRequestsLabel.verticalCenter
             anchors.left: isDirectoryRequestsLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }





         Text {
             id: sizeRequestLabel
             width: 88
             height: 20
             text: qsTr("Size Requests:")
             anchors.top: isReadOnlyRequestLabel.bottom
             anchors.topMargin: 6
             anchors.left: isReadOnlyRequestLabel.right
             anchors.leftMargin: -136
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: sizeRequests
             width: 114
             height: 20
             y:50
             text: conn.numSizeRequests
             anchors.verticalCenter: sizeRequestLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: sizeRequestLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: modtimeRequestsLabel
             width: 117
             height: 20
             y:50
             text: qsTr("ModTime Requests:")
             anchors.left: isDirectoryRequestsLabel.right
             anchors.leftMargin: -129
             anchors.top: isDirectoryRequestsLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: modtimeRequests
             width: 123
             height: 20
             y:50
             text: conn.numModificationTimeRequests
             anchors.verticalCenter: modtimeRequestsLabel.verticalCenter
             anchors.left: modtimeRequestsLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: eofRequestLabel
             width: 92
             height: 20
             text: qsTr("EOF Requests:")
             anchors.top: sizeRequestLabel.bottom
             anchors.topMargin: 6
             anchors.left: sizeRequestLabel.right
             anchors.leftMargin: -88
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: eofRequests
             width: 110
             height: 20
             y:50
             text: conn.numEofRequests
             anchors.verticalCenter: eofRequestLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: eofRequestLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: existsRequestsLabel
             width: 102
             height: 20
             y:50
             text: qsTr("Exists Requests:")
             anchors.left: modtimeRequestsLabel.right
             anchors.leftMargin: -117
             anchors.top: modtimeRequestsLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: existsRequests
             width: 123
             height: 20
             y:50
             text: conn.numExistsRequests
             anchors.verticalCenter: existsRequestsLabel.verticalCenter
             anchors.left: existsRequestsLabel.right
             anchors.leftMargin: 1
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: flushRequestLabel
             width: 102
             height: 20
             y:50
             text: qsTr("Flush Requests:")
             anchors.left: existsRequestsLabel.right
             anchors.leftMargin: -102
             anchors.top: existsRequestsLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: flushRequests
             width: 129
             height: 20
             y:50
             text: conn.numFlushRequests
             anchors.verticalCenter: flushRequestLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: flushRequestLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }



         Text {
             id: createPathRequestsLabel
             width: 136
             height: 20
             text: qsTr("Create Path Requests:")
             anchors.top: eofRequestLabel.bottom
             anchors.topMargin: 32
             anchors.left: eofRequestLabel.right
             anchors.leftMargin: -92
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: createPathRequests
             width: 73
             height: 20
             y:50
             text: conn.numCreatePathRequests
             anchors.verticalCenter: createPathRequestsLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: createPathRequestsLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: destroyPathRequestsLabel
             width: 139
             height: 20
             y:50
             text: qsTr("Destroy Path Requests:")
             anchors.left: flushRequestLabel.right
             anchors.leftMargin: -102
             anchors.top: flushRequestLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: destroyPathRequests
             width: 123
             height: 20
             y:50
             text: conn.numDestroyPathRequests
             anchors.verticalCenter: destroyPathRequestsLabel.verticalCenter
             anchors.left: destroyPathRequestsLabel.right
             anchors.leftMargin: 0
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }




         Text {
             id: removeRequestsLabel
             width: 111
             height: 20
             text: qsTr("Remove Requests:")
             anchors.top: createPathRequestsLabel.bottom
             anchors.topMargin: 7
             anchors.left: createPathRequestsLabel.right
             anchors.leftMargin: -136
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: removeRequests
             width: 91
             height: 20
             y:50
             text: conn.numRemoveRequests
             anchors.verticalCenter: removeRequestsLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: removeRequestsLabel.right
             anchors.leftMargin: 0
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: copyRequestsLabel
             width: 94
             height: 20
             y:50
             text: qsTr("Copy Requests:")
             anchors.left: destroyPathRequestsLabel.right
             anchors.leftMargin: -139
             anchors.top: destroyPathRequestsLabel.bottom
             anchors.topMargin: 7
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: copyRequests
             height: 20
             y:50
             width: 128
             text: conn.numCopyRequests
             anchors.left: copyRequestsLabel.right
             anchors.leftMargin: 0
             anchors.verticalCenterOffset: 0
             anchors.verticalCenter: copyRequestsLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }


         Text {
             id: renameRequestsLabel
             width: 112
             height: 20
             text: qsTr("Rename Requests:")
             anchors.top: removeRequestsLabel.bottom
             anchors.topMargin: 9
             anchors.left: removeRequestsLabel.right
             anchors.leftMargin: -111
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: renameRequests
             width: 91
             height: 20
             y:50
             text: conn.numRenameRequests
             anchors.verticalCenter: renameRequestsLabel.verticalCenter
             horizontalAlignment: Text.AlignLeft
             anchors.left: renameRequestsLabel.right
             anchors.leftMargin: -1
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: findFilesRequestsLabel
             width: 117
             height: 20
             y:50
             text: qsTr("Find Files Requests:")
             anchors.left: copyRequestsLabel.right
             anchors.leftMargin: -94
             anchors.top: copyRequestsLabel.bottom
             anchors.topMargin: 9
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: findFilesRequests
             width: 123
             height: 20
             y:50
             text: conn.numFindFileNamesRequests
             anchors.verticalCenter: findFilesRequestsLabel.verticalCenter
             anchors.left: findFilesRequestsLabel.right
             anchors.leftMargin: 0
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }


         Text {
             id: openFilesLabel
             width: 67
             height: 20
             text: qsTr("Open Files:")
             anchors.left: closedFilesLabel.right
             anchors.leftMargin: -78
             anchors.top: closedFilesLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: openFiles
             width: 123
             height: 20
             y:50
             text: conn.numOpenFiles
             anchors.verticalCenter: openFilesLabel.verticalCenter
             anchors.left: openFilesLabel.right
             anchors.leftMargin: 0
             horizontalAlignment: Text.AlignLeft
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: openFileRequestsLabel
             width: 121
             height: 20
             text: qsTr("Open File Requests:")
             anchors.left: bytesWrittenLabel.right
             anchors.leftMargin: -85
             anchors.top: bytesWrittenLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: openFileRequests
             y: 371
             width: 129
             height: 20
             text: conn.numOpenRequests
             anchors.left: openFileRequestsLabel.right
             anchors.leftMargin: 0
             anchors.verticalCenter: openFileRequestsLabel.verticalCenter
             font.family: "Helvetica"
             font.pointSize: 8
             horizontalAlignment: Text.AlignLeft
         }

         Text {
             id: closeFileRequestsLabel
             x: -7
             y: 43
             width: 123
             height: 20
             text: qsTr("Close File Requests:")
             anchors.left: bytesReadLabel.right
             anchors.leftMargin: -78
             anchors.top: bytesReadLabel.bottom
             anchors.topMargin: 6
             font.family: "Helvetica"
             font.pointSize: 8
         }

         Text {
             id: closeFileRequests
             y: 371
             width: 123
             height: 20
             text: conn.numCloseRequests
             anchors.left: closeFileRequestsLabel.right
             anchors.leftMargin: 0
             anchors.verticalCenter: closeFileRequestsLabel.verticalCenter
             font.family: "Helvetica"
             font.pointSize: 8
             horizontalAlignment: Text.AlignLeft
         }
     }

     function status(idx)
     {
        switch(idx)
        {
        case 0:
            return qsTr("Disconnected");
        case 1:
            return qsTr("Connected");
        case 2:
            return qsTr("Connecting");
        default:
            return "";
        }

    }
}