2 * Copyright (C) 2013-2014 Canonical, Ltd.
4 * This program is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation; version 3.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
13 * You should have received a copy of the GNU General Public License
14 * along with this program. If not, see <http://www.gnu.org/licenses/>.
18 import Ubuntu.Components 0.1
19 import "../Components"
23 \brief A responsive wrapper around VerticalJournal.
25 Based on defined column width, delegates are laid out in columns following
26 a top-left most position rule.
29 +-----+ +-----+ +-----+
42 property real minimumColumnSpacing: units.gu(1)
44 property alias columnWidth: verticalJournalView.columnWidth
45 property alias rowSpacing: verticalJournalView.rowSpacing
46 property alias model: verticalJournalView.model
47 property alias delegate: verticalJournalView.delegate
48 property alias displayMarginBeginning: verticalJournalView.displayMarginBeginning
49 property alias displayMarginEnd: verticalJournalView.displayMarginEnd
51 implicitHeight: verticalJournalView.implicitHeight + rowSpacing
52 clip: height < implicitHeight
55 id: verticalJournalView
56 objectName: "responsiveVerticalJournalView"
59 leftMargin: columnSpacing / 2
60 rightMargin: columnSpacing / 2
61 topMargin: rowSpacing / 2
62 bottomMargin: rowSpacing / 2
65 function px2gu(pixels) {
66 return Math.floor(pixels / units.gu(1))
70 // parent.width = columns * columnWidth + (columns-1) * spacing + spacing(margins)
71 var expectedColumns = Math.max(1, Math.floor(parent.width / (columnWidth + minimumColumnSpacing)));
72 Math.floor((parent.width - expectedColumns * columnWidth) / expectedColumns);