summaryrefslogtreecommitdiff
path: root/src/mobile/qml/TabsPanel.qml
blob: d8c04ddc92fb9d2fe41b310e5fdb7758e0496177 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/****************************************************************************
 *   Copyright (C) 2012  Instituto Nokia de Tecnologia (INdT)               *
 *                                                                          *
 *   This file may be used under the terms of the GNU Lesser                *
 *   General Public License version 2.1 as published by the Free Software   *
 *   Foundation and appearing in the file LICENSE.LGPL included in the      *
 *   packaging of this file.  Please review the following information to    *
 *   ensure the GNU Lesser General Public License version 2.1 requirements  *
 *   will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.   *
 *                                                                          *
 *   This program is distributed in the hope that it will be useful,        *
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of         *
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
 *   GNU Lesser General Public License for more details.                    *
 ****************************************************************************/

import QtQuick 2.0
import "UiConstants.js" as UiConstants

Item {
    id: root
    height: pagedGrid.height + 25 + indicatorRow.height

    IndicatorRow {
        id: indicatorRow
        anchors {
            bottom: root.bottom
            left: root.left
            right: root.right
        }
        itemCount: pagedGrid.pageCount
        maxItems: UiConstants.TabsMaxPages
        currentItem: pagedGrid.currentPage
    }

    Component {
        id: pagedItemDelegate
        Image {
            property string url: model.url
            source: model.thumbnail
            height: UiConstants.PagedGridSizeTable[1]
            fillMode: Image.Pad
            verticalAlignment: Image.AlignBottom
            clip: true

            Text {
                text: index + (pagedGrid.currentPage * pagedGrid.itemsPerPage) + 1
                color: "#C1C2C3"
                font.pixelSize: 30
                font.family: "Nokia Pure Headline Light"
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                anchors {
                    top: parent.top
                    bottom: parent.bottom
                    left: parent.left
                    right: parent.right
                    topMargin: 108
                    bottomMargin: 103
                    leftMargin: 69
                    rightMargin: 62
                }
            }

            PageThumbUrl {
                id: displayedUrl
                url: model.url
                urlFadeImage: "qrc:///mobile/grid/overlayer_tabs_url"
                anchors {
                    bottom: parent.bottom
                    left: parent.left
                    right: parent.right
                }
            }
        }
    }

    PagedGrid {
        id: pagedGrid
        model: TabsModel
        delegate: pagedItemDelegate
        emptyItemDelegate: Image { source: "qrc:///mobile/grid/thumb_empty_slot" }
        maxPages: indicatorRow.maxItems
        anchors {
            left: parent.left
            right: parent.right
            top: parent.top
        }
        onItemClicked: {
            if (y < UiConstants.PagedGridCloseButtonHeight
                && (UiConstants.PagedGridSizeTable[0] - x) <= UiConstants.PagedGridCloseButtonWidth) {
                TabsModel.remove(index);
            } else
                TabsModel.currentWebViewIndex = index;
        }
    }
}