import QtQuick 2.2

 import QtQuick.Controls 1.2

 import QtQuick.Window 2.1

 import MiniDisplay 1.0

 import QtQuick.Layouts 1.1

 import QtQuick.Dialogs 1.1

 import Qt.labs.settings 1.0

 Item {

     id: testTab

     //width: 100

     //height: 62

     //SystemPalette { id: palette }

     clip: true

     //anchors.fill:parent

     Settings {

         property alias fontLineTop: marqueeLineTop.font;

         property alias fontLineBottom: marqueeLineBottom.font;

     }

     //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

     //! [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 int firstFrame:-1;

         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

         }

         ColumnLayout {

             MarqueeText {

                 id: marqueeLineTop

                 width: 256

                 height: 32

                 pixelsPerSeconds:25

                 //anchors.verticalCenter: parent.verticalCenter

                 //anchors.horizontalCenter: parent.horizontalCenter

                 text: "start ---- ABCDEFGHIJKLMNOPQRSTUVWXYZ ---- end"

                 separator: " | "

             }

             MarqueeText {

                 id: marqueeLineBottom

                 width: 256

                 height: 32

                 pixelsPerSeconds:25

                 //anchors.verticalCenter: parent.verticalCenter

                 //anchors.horizontalCenter: parent.horizontalCenter

                 text: "start ---- abcdefghijklmnopqrstuvwxyz-1234567890 ---- end"

                 separator: " | "

             }

         }

         //This function is called from C++ afterAnimating.

         //It means it is called in sync with Qt render loop.

         //Qt render loop tries to run at 60 FPS.

         //We should not modify the content of our display window from here as will cause UI lags when runing 60 times per second.

         function doFrame(frameCount)

         {

             //Skip every second frame otherwise our UI lags.

             if (frameCount%4!=0)

             {

                 //labelFrameTick.text="-";

                 return;

             }

             //labelFrameTick.text="+";

             var current = new Date();

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

             if (firstFrame==-1)

             {

                 firstFrame=frameCount

             }

             var frameCounter=(frameCount-firstFrame)/4;

             labelFrameCount.text=frameCounter;

             labelTime.text=milliseconds/1000;

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

             labelFps.text=(1000/(milliseconds/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 (frameCounter%2)

                     {

                         doFill=!doFill;

                     }

                 }

                 else if (checkBoxOnePixelOnly.checked)

                 {

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

                 }

                 else

                 {

                     display.renderWindow(frameWindow);

                 }

                 if (!checkBoxNoSwapBuffers.checked)

                 {

                     display.swapBuffers();

                 }

             }

         }

         Component.onCompleted: {

             visible = true;

             display.connectRenderLoop(frameWindow,doFrame);

         }

     }

     FontDialog {

         id: fontDialog

         visible: false

         modality: Qt.WindowModal

         scalableFonts: true

         nonScalableFonts: true

         monospacedFonts: true

         proportionalFonts: true

         title: qsTr("Choose a font")

         font: marqueeLineTop.font

         currentFont: marqueeLineTop.font

         //onCurrentFontChanged: { console.log("CurrentFontChanged: " + currentFont) }

         //onFontChanged: { console.log("FontChanged: " + font) }

         onAccepted: {

             //console.log("Accepted: " + font);

             marqueeLineTop.font = currentFont;

             marqueeLineBottom.font = currentFont;

         }

         //onRejected: { console.log("Rejected") }

     }

     GridLayout {

         //anchors.fill:parent

         anchors.centerIn: parent

         anchors.margins: 6

         //width:parent.width/2

         height:parent.height/2

         //spacing: 4

         columns: 4

             Button {

                 text: qsTr("Render Window")

                 onClicked: {

                     display.renderWindow(frameWindow);

                     display.swapBuffers();

                 }

             }

             Button {

                 text: qsTr("Reset stats")

                 onClicked: {

                     frameWindow.startTime = new Date();

                     //frameWindow.frameCounter = 0;

                     frameWindow.firstFrame = -1;

                 }

             }

             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;}

             }

             Button {

                 text: qsTr("Change font")

                 onClicked: {

                     //We had to do this double magic cause otherwise our font list

                     //would not reflect our options.

                     fontDialog.setVisible(true);

                     fontDialog.open();

                 }

             }

             Label {

                 text: ""

                 antialiasing: false

             }

             Label {

                 text: ""

                 antialiasing: false

             }

             Label {

                 id: labelFrameTick

                 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

             }

     }

 }