StatusTableTab.qml

import QtQuick 2.6
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
//import io.qt.examples.backend 1.0



Item {
    id: table
    anchors.fill: parent
    property int boxWidth:125
    property int boxHeight:150
default property alias boxA: table.children



    // Position arrays
    property variant sX: [((positionrow.width/2-positionrow.width/3)-boxWidth/2), // X0
                          ((positionrow.width/2-positionrow.width/6)-boxWidth/2), // X1
                          (positionrow.width/2-boxWidth/2),                       // X2
                          ((positionrow.width/2+positionrow.width/6)-boxWidth/2), // X3
                          ((positionrow.width/2+positionrow.width/3)-boxWidth/2)] // X4

    property variant sY: [((positionrow.height/2-positionrow.height/3)-boxHeight/2),  // Y0
                          ((positionrow.height/2-positionrow.height/6)-boxHeight/2), // Y1
                          (positionrow.height/2-boxHeight/2),                        // Y2
                          ((positionrow.height/2-positionrow.height/6)-boxHeight/2), // Y3
                          ((positionrow.height/2-positionrow.height/4)-boxHeight/2)] // Y4

ListModel { id: drinkMixList }

//////////////////////////////////////////////////////////////////// FUNCTIONS /////////////////////////////////////////////////////////////////////

    function setImage(id,status)
    {
        var tmpname;

     //  tmpname = (status===true ? "full.png" : "empty.png")
   //boxA[id].children[0].source="static/shot-glass_"+tmpname


    }

    function setStatus(newStatus)
    {
       actualstatus.text=newStatus;


    }

    function setTime(h,m,s)
    {
       if (parseInt(h)<10) h="0"+h;
       if (parseInt(m)<10) m="0"+m;
       if (parseInt(s)<10) s="0"+s;
       party_counter.text=h+":"+m+":"+s;
       party_counter.visible=true;
       party_info.visible=true;
       setStatus("TRYB IMPREZY");


    }

    function fillLists()
    {


       for (var i=0; i<4; i++) {
        slotsr.itemAt(i).children[1].model=mixer.getDrinkList();
        slotsr.itemAt(i).children[2].text=gtable.getMaxCap(i); // Fill max capacties
        slotsr.itemAt(i).children[1].currentIndex=gtable.getSchemeIDX(i);
       };

        }


    function fillImages()
    {

        for (var i = 0; i < 4; i++) {

            if (gtable.getLemonToThrow(i)) {
             slotsr.itemAt(i).children[3].visible=true;
            } else {
            slotsr.itemAt(i).children[3].visible=false;
            };

         if  (gtable.getLockFlag(i))
                 {
            slotsr.itemAt(i).children[0].source="static/shot-glass_full.png"
                 }
                     else {
                      slotsr.itemAt(i).children[0].source="static/shot-glass_empty.png" ;
         }

        }

        }

    function fillStates()
    {

        for (var i = 0; i < 4; i++) {

         if  (gtable.getActiveState(i))
                 {
            slotsr.itemAt(i).color="lime";
                 }
                     else {
                      slotsr.itemAt(i).color="silver";
         }

        }

        }

    Connections {
        target: serial

        onStartBusy:
        {

            busy.running=true;
        }

        onStopBusy:
        {

            busy.running=false;
        }

        onJobFinish:
        {

            setStatus("OCZEKIWANIE");
        }

        onJobStart:
        {

            setStatus(message);
        }

        onSetTime:
        {
            setTime(h,m,s);
        }


    }

    Connections {
        target: gtable
        onPresentVersion:

        {
       element.text="LQArm "+version.toFixed(2);
        }



        onPushSchemesUpdate:
        {
       fillLists();
        }





        onPushImagesUpdate:
        {
       fillImages();
        }

        onPushStatesUpdate:
        {
       fillStates();
        }

        onPushEmergencyState:
        {
        if (State) {stopimage.visible=true; setStatus("STOP!!!");} else {stopimage.visible=false; setStatus("STOP ANULOWANY!");};
        }

    }





    Row {


        id: positionrow
        anchors.fill: parent
        anchors.left: parent.left
        Repeater {
            id: slotsr
            model: 4

    Rectangle {
        id: box0
        x: sX[index]
        y: sY[index]
        width: boxWidth
        height: boxHeight
        color: "silver"
        radius: 20





        Image {
            id: box0_ico
            x: parent.width/2-width/2
            y: parent.height/2-height/2
            width: 64
            height: 64
            source: "static/shot-glass_empty.png"
            fillMode: Image.PreserveAspectFit
            mipmap: true
        }


        ComboBox {
            id: box0_list
            y: (parent.height)
            width: boxWidth
            model:;// mixer.getDrinkList()
            onCurrentIndexChanged: {gtable.setSchemeByIDX(index,currentIndex); fillImages();}

        }

        TextField {
            id: box0_mllist
            y: (parent.height+box0_list.height)
            width: boxWidth
            onTextChanged: {gtable.setMaxCap(index,text);}
            MouseArea {
                anchors.fill: parent

                onClicked: {
                    if (parseInt(box0_mllist.text)>=300) { box0_mllist.text="0"; } else {
                    box0_mllist.text=parseInt(box0_mllist.text)+25;
                    };
                }
            }
        }

        Image {
            id: lem_ico
            x: x+boxWidth
            y: (parent.height+box0_mllist.height+5)
            width: 24
            height: 24
            source: "static/lemon-ico.png"
            fillMode: Image.PreserveAspectFit
            mipmap: true


        }


        MouseArea {
            anchors.fill: parent

            onClicked: {gtable.setActiveState(index)}
        }




        }
    }






    ///////////////

        Switch {
            id: safelock
            x: 0
            y: table.height-150;
            width: 200
            height: 40

            position: 0
            onCheckedChanged: { btn_lck.enabled=position }
        }
        Column {
            x: sX[4];
            y: sY[4];

            BusyIndicator {
               id: busy

               visible: true;
               running: false;
           }

        Row {
        Text {
          id: progstattxt
          width: 75
          height: 37
          text: qsTr("STATUS: ")

          styleColor: "red"
          font.bold: true
          font.family: "Verdana"
          font.pixelSize: 14
        }
        Text {
          id: actualstatus
          width: 60
          height: 37
          text: qsTr("...")

          styleColor: "red"
          color:"red"
          font.bold: true
          font.family: "Verdana"
          font.pixelSize: 14
        }



        }


        Text {
          id: party_info
          width: 70
          height: 20
          text: qsTr("Czas do następnego nalewania: ")

          styleColor: "red"
          font.bold: true
          font.family: "Verdana"
          font.pixelSize: 14
          visible: false;
        }
        Text {
          id: party_counter
          width: 70
          height: 20
          text: qsTr("00:00:00")

          styleColor: "red"
          color:"red"
          font.bold: true
          font.family: "Verdana"
          font.pixelSize: 18
          visible: false;
        }

        Image {
            id: stopimage
            x: x+boxWidth
            y: party_counter.y+100
            width: 120
            height: 120
            source: "static/no-entry.png"
            fillMode: Image.PreserveAspectFit
            mipmap: true
            visible: false


        }








        }


Row {
    anchors.bottom: parent.bottom
    anchors.left: parent.left

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_ulck
        text: qsTr("ODBLOKUJ \n (PUSTY)")
        height: 100
        width: 100
        enabled: safelock.position;
      //  anchors.bottom: parent.bottom
      //  anchors.left: parent.left
        anchors.bottomMargin: 1

        onClicked: { gtable.setLockForActive(false)}
    }

    }

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_lck
        text: qsTr("ZABLOKUJ \n (PEŁNY)")
        height: 100
        width: 100
        enabled: safelock.position;

    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { gtable.setLockForActive(true);



        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_selall
        text: qsTr("ZAZNACZ \n WSZYSTKIE")
        height: 100
        width: 100


    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { gtable.setActiveStateALL(true)



        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_unselall
        text: qsTr("ODZNACZ \n WSZYSTKIE")
        height: 100
        width: 100


    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { gtable.setActiveStateALL(false)



        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 130
    Button {
        id: btn_execute
        text: qsTr("NALEWANIE \n AKTYWNYCH")
        font.bold: true
        height: 100
        width: 125


    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { setStatus("NALEWANIE"); manager.executeDisp()


        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 130
    Button {
        id: btn_exeone
        text: qsTr("TRYB \n IMPREZY")
        font.bold: true
        height: 100
        width: 125


    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { manager.glass_Save(true); manager.sendToDevice("<proc_clk;1;>",4);



        }
    }

}
    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 130
    Button {
        id: btn_go
        text: qsTr("POZYCJA \n DOK")
        font.bold: true
        height: 100
        width: 125


    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { setStatus("JAZDA DO DOKU"); manager.sink();



        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_escape
        text: qsTr("POZYCJA \n ODJAZD")
        font.bold: true
        height: 100
        width: 100


    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: {setStatus("ODJAZD"); manager.escape();



        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_home
        text: qsTr("POZYCJA \n DOMOWA")
        font.bold: true
        height: 100
        width: 100



    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: {setStatus("JAZDA POZYCJA DOMOWA"); manager.home();



        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_stop
        text: qsTr("STOP \n AWARYJNY")
        font.bold: true
        height: 100
        width: 100



    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { manager.sendToDevice("<proc_stop;>",4);
        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 105
    Button {
        id: btn_stopcancel
        text: qsTr("SKASUJ \n STOP")
        font.bold: true
        height: 100
        width: 100



    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { manager.sendToDevice("<proc_ok;>",4);
        }
    }

}

    ////////////////////////////////////////// BUTTON

    Rectangle {
        color:"black"
        height: 100
        width: 130
    Button {
        id: btn_savegl
        text: qsTr("ZAPISZ \n ZMIANY")
        font.bold: true
        height: 100
        width: 125



    //    anchors.bottom: parent.bottom
     //   anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.bottomMargin: 1

        onClicked: { manager.glass_Save(true);



        }
    }

}







}

    Text {
        id: element
        x: parent.width/2-width/2
        y: parent.height/6
        width: 52
        height: 37
        text: qsTr("LQArm ")
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
        styleColor: "#650000"
        rotation: 4
        style: Text.Outline
        font.bold: true
        font.family: "Sans"
        font.pixelSize: 36
    }





}


/*##^##
Designer {
    D{i:0;autoSize:true;height:480;width:640}
}
##^##*/
}