Modasport.ui.qml

import QtQuick 2.9
import QtQuick.Controls 2.2

Page {
    width: stackView.width
    height: stackView.height

    title: qsTr("Moda Sport")

    ScrollView {
        id: frame
        clip: true
        anchors.fill: parent

        Flickable {
            contentHeight: 600
            width: parent.width

            Image {
                x: (stackView.width/2) - width/2
                y: 20
                width: 80
                height: 80
                source: "qrc:/images/shop1.png"
                MouseArea {
                    id: profile
                    anchors.fill: parent
                }
            }

            Text {
                y: 120
                width: stackView.width
                text: qsTr("Status Bronzo")
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: 16
            }

            ProgressBar {
                x: stackView.width/2 - width/2
                y: 155
                width: 200
                value: 0.4
            }

            Text {
                y: 180
                width: stackView.width
                text: qsTr("Raccogli 123 token per il prossimo status")
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: 14
            }



            Text {
                x: 20
                y: 255
                text: qsTr("Attività")
                color: "#9b9b9b"
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: 12
            }

            ListView {
                id: list
                y: 280
                interactive: false
                width: stackView.width
                height: stackView.height
                property string bgcolor: "#d9d9d9"
                model: ["La mia recensione", "Bacheca", "I miei sconti", "I miei acquisti", "I miei inviti"]
                delegate: ItemDelegate {
                    width: stackView.width
                    onClicked: {
                        if(index == 0)
                            stackView.push("Recensioni.ui.qml")
                        else if(index == 1)
                            stackView.push("Comunicazioni.ui.qml")
                        else if(index == 2)
                            stackView.push("Sconti.ui.qml")
                        else if(index == 3)
                            stackView.push("Acquisti.ui.qml")
                        else if(index == 4)
                            stackView.push("Invita.ui.qml")
                    }
                    Rectangle {
                        color: "#ffffff"
                        anchors.fill: parent
                        Rectangle {
                            x: 25
                            y: parent.height/2 - height/2
                            width: 5
                            radius: 5
                            color: "#FF0000"
                            height: width
                            visible: index == 4
                        }
                        Text {
                            x: 50
                            y: parent.height/2 - height/2
                            text: modelData
                            font.pixelSize: 13
                        }
                        Text {
                            x: parent.width - 20
                            y: parent.height/2 - height/2
                            text: ">"
                            color: list.bgcolor
                        }
                        Rectangle {
                            x: stackView.width - width
                            y: parent.height - 2
                            width: index !== list.count-1 ? stackView.width-15 : stackView.width
                            border.color: list.bgcolor
                            height: 2
                            border.width: 1
                            Rectangle {
                                y: 0
                                width: parent.width
                                color: "#ffffff"
                                height: 1
                            }
                        }
                    }
                }
                Rectangle {
                    x: stackView.width - width
                    y: -2
                    width: stackView.width
                    border.color: list.bgcolor
                    height: 2
                    border.width: 1
                    Rectangle {
                        y: 1
                        width: parent.width
                        color: "#ffffff"
                        height: 1
                    }
                }
            }

        }
    }

    Connections {
        target: profile
        onClicked: stackView.push("ProfiloNegozio1.ui.qml")
    }
}