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

        }

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

            border.color: "black"

            color: "lightsteelblue"

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

            }

        }

    }

}