ListView {
    anchors.fill: parent
    id: mainList
    spacing: 80
    layoutDirection: "LeftToRight"
    orientation: "Horizontal"
           Item{
               anchors.fill: parent
              ListView{
                anchors.fill: parent
                id: parslist
                spacing: 25
                orientation: "Vertical"
                delegate:
                    Item{
                                     visible: model.visible || false
                                     id: delegatetolistItem
                                   /* height:25
                                     width: 25*/
                                       Rectangle {
                                         id: roundforgenerator
                                         height: 25
                                         width: 25
                                         radius:25
                                         anchors.fill: parent
                                      //   color: "#008000"

                                         border.width: 1
                                         state: model.state || "good"

                                         ToolTip {
                                         id: rectangleToolTip
                                         visible: rectangleToolTip.text ? rectangleArea.containsMouse : false
                                         text: descriptionforgenerator.text

                                         }

                                         MouseArea {
                                             id: rectangleArea
                                             anchors.fill: parent
                                             hoverEnabled: true
                                                 }

                                         Text {
                                             y: parent.height + 2
                                             font.pixelSize: 13
                                             id: textforgenerator
                                             text: model.textid || qsTr("id")


                                             }

                                         Text{
                                             id: descriptionforgenerator
                                             text: model.place || qsTr("place")
                                             visible: false


                                             }/**Tooltip text*/

                                         Text {
                                            id: textformeasuregenerator
                                            text: model.measure || qsTr("0")
                                            visible: true
                                            anchors.centerIn: parent
                                             }

                                         states: [
                                                 State {
                                                     name: "good"
                                                     PropertyChanges {
                                                         target: roundforgenerator; color: "#92D050"

                                                     }
                                                 },
                                                 State {
                                                     name: "bad"
                                                     PropertyChanges {
                                                         target: roundforgenerator; color: "red"

                                                     }
                                                 },
                                                 State {
                                                     name: "working"
                                                     PropertyChanges {
                                                         target: roundforgenerator; color: "orange"

                                                     }
                                                 },
                                                 State {
                                                     name: "available"
                                                     PropertyChanges {
                                                         target: roundforgenerator; color: "skyblue"

                                                     }
                                                 }
                                             ]


                                     }
                                 }

                model: parsmodel
            }

            }

            Item{
                anchors.fill: parent
            ListView{
                anchors.fill: parent
                id: claplist
                spacing: 25
                orientation: "Vertical"
                delegate:
                    Item{
                                     visible: model.visible || false
                                     id: delegatetoclapItem
                                   /* height:25
                                     width: 25*/
                                       Rectangle {
                                         id: roundforclap
                                         height: 25
                                         width: 25
                                         radius:25
                                        // anchors.fill: parent
                                      //   color: "#008000"

                                         border.width: 1
                                         state: model.state || "good"

                                         ToolTip {
                                         id: claprectangleToolTip
                                         visible: claprectangleToolTip.text ? claprectangleArea.containsMouse : false
                                         text: descriptionforclap.text

                                         }

                                         MouseArea {
                                             id: claprectangleArea
                                             anchors.fill: parent
                                             hoverEnabled: true
                                                 }

                                         Text {
                                             y: parent.height + 2
                                             font.pixelSize: 13
                                             id: textforclap
                                             text: model.textid || qsTr("id")


                                             }

                                         Text{
                                             id: descriptionforclap
                                             text: model.place || qsTr("place")
                                             visible: false


                                             }/**Tooltip text*/

                                         Text {
                                            id: textforclapgenerator
                                            text: model.measure || qsTr("0")
                                            visible: true
                                            anchors.centerIn: parent
                                             }

                                         states: [
                                                 State {
                                                     name: "good"
                                                     PropertyChanges {
                                                         target: roundforclap; color: "#92D050"

                                                     }
                                                 },
                                                 State {
                                                     name: "bad"
                                                     PropertyChanges {
                                                         target: roundforclap; color: "red"

                                                     }
                                                 },
                                                 State {
                                                     name: "working"
                                                     PropertyChanges {
                                                         target: roundforclap; color: "orange"

                                                     }
                                                 },
                                                 State {
                                                     name: "available"
                                                     PropertyChanges {
                                                         target: roundforclap; color: "skyblue"

                                                     }
                                                 }
                                             ]


                                     }
                                 }
                model: clapmodel
            }
            }

            Item{
                anchors.fill: parent
            GridView{
                anchors.fill: parent
                id: tempgrid
                cellWidth: 35; cellHeight: 35
                delegate: Item{
                    visible: model.visible || false
                    id: delegatetotemp
                  /* height:25
                    width: 25*/
                      Rectangle {
                        id: roundfortemp
                        height: 25
                        width: 25
                        radius:25
                       // anchors.fill: parent
                     //   color: "#008000"

                        border.width: 1
                        state: model.state || "good"

                        ToolTip {
                        id: temprectangleToolTip
                        visible: temprectangleToolTip.text ? temprectangleArea.containsMouse : false
                        text: descriptionfortemp.text

                        }

                        MouseArea {
                            id: temprectangleArea
                            anchors.fill: parent
                            hoverEnabled: true
                                }

                        Text {
                            y: parent.height + 2
                            font.pixelSize: 13
                            id: textfortemp
                            text: model.textid || qsTr("id")


                            }

                        Text{
                            id: descriptionfortemp
                            text: model.place || qsTr("place")
                            visible: false


                            }/**Tooltip text*/

                        Text {
                           id: textformeasuretemp
                           text: model.measure || qsTr("0")
                           visible: true
                           anchors.centerIn: parent
                            }

                        states: [
                                State {
                                    name: "good"
                                    PropertyChanges {
                                        target: roundfortemp; color: "#92D050"

                                    }
                                },
                                State {
                                    name: "bad"
                                    PropertyChanges {
                                        target: roundfortemp; color: "red"

                                    }
                                },
                                State {
                                    name: "working"
                                    PropertyChanges {
                                        target: roundfortemp; color: "orange"

                                    }
                                },
                                State {
                                    name: "available"
                                    PropertyChanges {
                                        target: roundfortemp; color: "skyblue"

                                    }
                                }
                            ]


                    }
                }
                model: tempmodel
            }
        }
        ListModel {
            ListElement{
                state: "bad"
                textid: "id"
                place: "placeid"
                measure: "2.25"
                visible: true
            }
            id:parsmodel
        }

        ListModel{

            ListElement{
                state: "bad"
                textid: "id"
                place: "placeid"
                measure: "2.25"
                visible: true
            }
            id: clapmodel
        }

        ListModel {
            ListElement{
                state: "bad"
                textid: "id"
                place: "placeid"
                measure: "2.25"
                visible: true
            }
            id: tempmodel
        }
    }