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

        }

        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

            }

            //onA: {}

        }

        function doFrame(frameCount)

        {

            if (frameCount%2!=0)

            {

                return;

            }

            var current = new Date();

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

            if (firstFrame==-1)

            {

                firstFrame=frameCount

            }

            var frameCounter=frameCount-firstFrame;

            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();

                }

            }

        }

        //! [timer]

        Timer {

            id: timer

            interval: frameWindow.timeoutInterval; running: false; repeat: true

            property bool doFill: true

            onTriggered: {

                //visible = false

                //frameWindow.doFrame();

                //Signal our timeout

                //frameWindow.timeout();

            }

        }

        //! [timer]

        Component.onCompleted: {

            visible = true;

            display.connectWindow(frameWindow,doFrame);

        }

    }

    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;

                frameWindow.firstFrame = -1;

            }

        }

        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: " | "

            }

        }

    }

}