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 {

         id: frameWindow

         color: "transparent"

         title: "VFD Window"

         modality: Qt.NonModal

         //Splash screen type do not have any border which is what we want

         flags: Qt.SplashScreen

         //24 FPS

         //property int timeoutInterval: 41

         //32 FPS

         property int timeoutInterval: 33

         signal timeout

     //! [splash-properties]

     //! [screen-properties]

         //Here comes some trick to keep our display frame within our app.

         //This make sure this window follows our app window.

         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

         }

         MarqueeText {

             width: 256

             pixelsPerSeconds:50

             anchors.verticalCenter: parent.verticalCenter

             anchors.horizontalCenter: parent.horizontalCenter

             text: "start ------ abcdefghijklmnopqrtaksdjfkdfjklsdjflksdjfklsjadfkljsad;flasjdlfjasdfjldsdfljf---- end"

             //text: "start ------ end"

             separator: " | "

         }

         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: frameWindow.timeoutInterval; running: true; repeat: true

             property bool doFill: true

             onTriggered: {

                 //visible = false

                 var current = new Date();

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

                 frameWindow.frameCounter++;

                 labelFrameCount.text=frameWindow.frameCounter;

                 labelTime.text=milliseconds/1000;

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

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

                 if (checkBoxDoClear.checked)

                 {

                     display.clear();

                 }

                 if (checkBoxRenderToDisplay.checked)

                 {

                     if (checkBoxFillAndClearOnly.checked)

                     {

                         //Trying to make it a worse case scenario for our frame diff algo

                         if (doFill)

                         {

                             display.fill();

                         }

                         else

                         {

                             display.clear();

                         }

                         if (frameWindow.frameCounter%2)

                         {

                             doFill=!doFill;

                         }

                     }

                     else if (checkBoxOnePixelOnly.checked)

                     {

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

                     }

                     else

                     {

                         display.renderWindow(frameWindow);

                     }

                     if (!checkBoxNoSwapBuffers.checked)

                     {

                         display.swapBuffers();

                     }

                 }

                 //Signal our timeout

                 frameWindow.timeout();

             }

         }

         //! [timer]

         Component.onCompleted: {

             visible = true

         }

     }

     Column {

         anchors.fill: parent

         anchors.margins: 8

         spacing: 8

         Button {

             text: qsTr("Render Window")

             onClicked: {

                 display.renderWindow(frameWindow);

                 display.swapBuffers();

             }

         }

         Button {

             text: qsTr("Reset stats")

             onClicked: {

                 frameWindow.startTime = new Date();

                 frameWindow.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: checkBoxFillAndClearOnly

             text: qsTr("Only fill and clear")

             checked: false

         }

         CheckBox {

             id: checkBoxNoSwapBuffers

             text: qsTr("No swap buffers")

             checked: false

         }

         CheckBox {

             id: checkBoxOnePixelOnly

             text: qsTr("One pixel only")

             checked: false

         }

         CheckBox {

             text: qsTr("Off-Screen")

             checked: true

             onCheckedChanged: {display.offScreenMode = checked;}

         }

         CheckBox {

             text: qsTr("Frame differencing")

             checked: true

             onCheckedChanged: {display.frameDifferencing = checked;}

         }

         //

         Rectangle {

             border.width: 1

             border.color: "black"

             color: "white"

             anchors.horizontalCenter: parent.horizontalCenter

             width: 250

             height: text.height + 10

             y:100

             MarqueeText {

                 id:text

                 width: 200

                 pixelsPerSeconds:50

                 anchors.verticalCenter: parent.verticalCenter

                 anchors.horizontalCenter: parent.horizontalCenter

                 text: "start ------ abcdefghijklmnopqrtaksdjfkdfjklsdjflksdjfklsjadfkljsad;flasjdlfjasdfjldsdfljf---- end"

                 //text: "start ------ end"

                 separator: " | "

             }

         }

     }

 }