import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Dialogs 1.2
import QtQuick.Window 2.2

import Qt.labs.settings 1.0

import Graphene.Client 0.1

ApplicationWindow {
   id: window
   visible: true
   width: 640
   height: 480
   title: qsTr("Hello World")

   menuBar: MenuBar {
      Menu {
         title: qsTr("File")
         MenuItem {
            text: qsTr("&Open")
            onTriggered: console.log("Open action triggered");
         }
         MenuItem {
            text: qsTr("Exit")
            onTriggered: Qt.quit();
            shortcut: "Ctrl+Q"
         }
      }
   }
   statusBar: StatusBar {
      Label {
         anchors.right: parent.right
         text: app.isConnected? qsTr("Connected") : qsTr("Disconnected")
      }
   }

   GrapheneApplication {
      id: app
  }
   Timer {
      running: !app.isConnected
      interval: 5000
      repeat: true
      onTriggered: app.start("ws://localhost:8090", "user", "pass")
      triggeredOnStart: true
   }
   Settings {
      id: appSettings
      category: "appSettings"
   }
   Connections {
      target: app
      onExceptionThrown: console.log("Exception from app: " + message)
   }

   Column {
      anchors.centerIn: parent
      enabled: app.isConnected

      Button {
         text: "Transfer"
         onClicked: formBox.showForm(Qt.createComponent("TransferForm.qml"), {},
                                     function() {
                                        console.log("Closed form")
                                     })
      }
      TextField {
         id: nameField
         onAccepted: lookupNameButton.clicked()
         focus: true
      }
      Button {
         id: lookupNameButton
         text: "Lookup Name"
         onClicked: {
            var acct = app.model.getAccount(nameField.text)
            console.log(JSON.stringify(acct))
            // @disable-check M126
            if (acct == null)
               console.log("Got back null account")
            else if (acct.id >= 0)
            {
               console.log("ID ALREADY SET" );
               console.log(JSON.stringify(acct))
            }
            else
            {
               console.log("Waiting for result...")
               acct.idChanged.connect(function() {
                  console.log( "ID CHANGED" );
                  console.log(JSON.stringify(acct))
               })
            }
         }
      }

      TextField {
         id: accountIdField
         onAccepted: lookupAccountIdButton.clicked()
         focus: true
      }
      Button {
         id: lookupAccountIdButton
         text: "Lookup Account ID"
         onClicked: {
            var acct = app.model.getAccount(parseInt(accountIdField.text))
            console.log(JSON.stringify(acct))
            // @disable-check M126
            if (acct == null)
               console.log("Got back null account")
            else if ( !(parseInt(acct.name) <= 0)  )
               console.log(JSON.stringify(acct))
            else {
               console.log("Waiting for result...")
               acct.nameChanged.connect(function() {
                  console.log(JSON.stringify(acct))
               })
            }
         }
      }

      TextField {
         id: assetIdField
         onAccepted: lookupassetIdButton.clicked()
         focus: true
      }
      Button {
         id: lookupassetIdButton
         text: "Lookup Asset ID"
         onClicked: {
            var acct = app.model.getAsset(parseInt(assetIdField.text))
            console.log(JSON.stringify(acct))
            // @disable-check M126
            if (acct == null)
               console.log("Got back null asset")
            else if ( !(parseInt(acct.name) <= 0)  )
            {
               console.log(JSON.stringify(acct))
            }
            else
            {
               console.log("Waiting for result...")
               acct.nameChanged.connect(function() {
                  console.log(JSON.stringify(acct))
               })
            }
         }
      }
   }

   FormBox {
      id: formBox
      anchors.fill: parent
      z: 10
   }

   // This Settings is only for geometry -- it doesn't get an id. See appSettings for normal settings
   Settings {
      category: "windowGeometry"
      property alias x: window.x
      property alias y: window.y
      property alias width: window.width
      property alias height: window.height
   }
}