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

        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

        }

        ColumnLayout {

            MarqueeText {

                id: marqueeLineTop

                width: 256

                pixelsPerSeconds:50

                //anchors.verticalCenter: parent.verticalCenter

                //anchors.horizontalCenter: parent.horizontalCenter

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

                separator: " | "

            }

            MarqueeText {

                id: marqueeLineBottom

                width: 256

                pixelsPerSeconds:50

                //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%2!=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)/2;

            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

            }

    }

}