import QtQuick 1.0

Rectangle {
    id: categoryPage
    anchors.fill: parent
    signal stopSpinner()
    Rectangle {
        id: topbar
        width: parent.width
        height: 61
        color: "#1e1e1e"
        anchors.top: parent.top
        z: 1
        Text {
            anchors.centerIn:parent
            color: "#ffffff"
            font.family: mainFont.name
            font.pointSize: 8.0
            font.bold: true
            text: "Еще"
        }
    }

    Component {
        id: moreDelegate

        Item {
            width: categoryPage.width; height: 51
            clip: true

            MouseArea {
               anchors.fill: parent
               onClicked: {
                   if(id == 14) {
                       categoryModel.clear()
                       clickCategory(id)
                       pageModel.pageRequested("Category/FilmLists.qml")
                       publicModel.category_text = "Кино"
                   }
                   if(id == 15) {
                       serialModel.clear()
                       clickCategory(id)
                       pageModel.pageRequested("Category/SerialList.qml")
                       publicModel.category_text = "Сериалы"
                   }
                   if(id == 16) {
                       categoryModel.clear()
                       clickCategory(id)
                       pageModel.pageRequested("Category/FilmLists.qml")
                       publicModel.category_text = "Программы"
                   }
                   if(id == 17) {
                       categoryModel.clear()
                       clickCategory(id)
                       pageModel.pageRequested("Category/FilmLists.qml")
                       publicModel.category_text = "Мультфильмы"
                   }
                   showSpinner()
               }
            }
            Row {
                anchors.verticalCenter: parent.verticalCenter
                spacing: 22

                Column {
                    Image {
                        source: "../images/cat"+id+".png"
                        width: 29
                        anchors.left: parent.left
                        anchors.leftMargin: 21
                     }
                }
                Column {
                    y: 2
                    Text {
                        text: name
                        color: "#e60040"
                        font.family: mainFont.name
                        font.pointSize: 7.0
                        font.weight: Font.Bold
                        anchors.left: parent.left
                        anchors.leftMargin: 21
                        width: categoryPage.width-150
                        wrapMode: Text.WordWrap
                    }
                 }
            }

            Rectangle {
                width: parent.width
                height: 1
                color: "#ededed"
                anchors.top: parent.top
                anchors.topMargin: 50
            }
       }

   }

    ListView {
        id: moreView
        anchors.fill: parent
        anchors.topMargin: topbar.height
        model: moreModel
        delegate: moreDelegate
    }
}