import QtQuick 2.2

 import QtQuick.Controls 1.2

 import QtQuick.Window 2.1

 import MiniDisplay 1.0

 import QtQuick.Layouts 1.1

 Item {

     id: testTab

     //width: 100

     //height: 62

     //SystemPalette { id: palette }

     clip: true

     //anchors.fill:parent

     //This window is our VFD frame

     Window {

         //parent: appWindow

         id: splash

         color: "transparent"

         title: "Splash Window"

         modality: Qt.NonModal

         flags: Qt.SplashScreen

         property int timeoutInterval: 41

         signal timeout

     //! [splash-properties]

     //! [screen-properties]

         //x: (Screen.width - rectangleScreen.width) / 2

         //y: (Screen.height - rectangleScreen.height) / 2

         x: appWindow.x+appWindow.width-256-13

         y: appWindow.y+appWindow.height-64-30

     //! [screen-properties]

         width: rectangleScreen.width

         height: rectangleScreen.height

         property int frameCounter:0;

         property var startTime:new Date();

         Rectangle {

             id: rectangleScreen

             anchors.centerIn: parent

             width: 256

             height: 64

             color: "white"

             border.width:1

             border.color: "black"

             smooth: false

         }

         GridLayout {

             anchors.fill:parent

             anchors.margins: 6

             //spacing: 4

             columns: 4

             Label {

                 text: "Frames:"

                 antialiasing: false

             }

             Label {

                 text: "Time (s):"

                 antialiasing: false

             }

             Label {

                 text: "Time/Frame (ms):"

                 antialiasing: false

             }

             Label {

                 text: "FPS:"

                 antialiasing: false

             }

             Label {

                 id: labelFrameCount

                 text: "Frame Count"

                 antialiasing: false

             }

             Label {

                 id: labelTime

                 text: "Time"

                 antialiasing: false

             }

             Label {

                 id: labelTimePerFrame

                 text: "Time/Frame"

                 antialiasing: false

             }

             Label {

                 id: labelFps

                 text: "FPS"

                 antialiasing: false

             }

         }

         //! [timer]

         Timer {

             id: timer

             interval: splash.timeoutInterval; running: true; repeat: true

             onTriggered: {

                 //visible = false

                 var current = new Date();

                 var milliseconds = (current.getTime() - splash.startTime.getTime());

                 splash.frameCounter++;

                 labelFrameCount.text=splash.frameCounter;

                 labelTime.text=milliseconds/1000;

                 labelTimePerFrame.text=(milliseconds/splash.frameCounter).toFixed(3);

                 labelFps.text=(1000/(milliseconds/splash.frameCounter)).toFixed(0);

                 if (checkBoxDoClear.checked)

                 {

                     display.clear();

                 }

                 if (checkBoxRenderToDisplay.checked)

                 {

                     if (checkBoxFillOnly.checked)

                     {

                         display.fill();

                     }

                     else if (checkBoxOnePixelOnly.checked)

                     {

                         display.setPixel(0,0,splash.frameCounter%2);

                     }

                     else

                     {

                         display.renderWindow(splash);

                     }

                     if (!checkBoxNoSwapBuffers.checked)

                     {

                         display.swapBuffers();

                     }

                 }

                 splash.timeout();

             }

         }

         //! [timer]

         Component.onCompleted: {

             visible = true

         }

     }

     Column {

         anchors.fill: parent

         anchors.margins: 8

         spacing: 8

         Button {

             text: qsTr("Render Window")

             onClicked: {

                 display.renderWindow(splash);

                 display.swapBuffers();

             }

         }

         Button {

             text: qsTr("Reset stats")

             onClicked: {

                 splash.startTime = new Date();

                 splash.frameCounter = 0;

             }

         }

         CheckBox {

             text: qsTr("Run timer")

             checked: true

             onCheckedChanged: {

                 (checked?timer.start():timer.stop())

             }

         }

         CheckBox {

             id: checkBoxDoClear

             text: qsTr("Do clear")

             checked: true

         }

         CheckBox {

             id: checkBoxRenderToDisplay

             text: qsTr("Render to display")

             checked: true

         }

         CheckBox {

             id: checkBoxFillOnly

             text: qsTr("Fill only")

             checked: false

         }

         CheckBox {

             id: checkBoxNoSwapBuffers

             text: qsTr("No swap buffers")

             checked: false

         }

         CheckBox {

             id: checkBoxOnePixelOnly

             text: qsTr("One pixel only")

             checked: false

         }

         CheckBox {

             //id: checkBoxOnePixelOnly

             text: qsTr("Off-Screen")

             checked: true

             onCheckedChanged: {display.offScreenMode = checked;}

         }

     }

 }