~macslow/unity8/fix-1475678

/*

 * Copyright (C) 2013 Canonical, Ltd.

 *

 * This program is free software; you can redistribute it and/or modify

 * it under the terms of the GNU General Public License as published by

 * the Free Software Foundation; version 3.

 *

 * 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 General Public License for more details.

 *

 * You should have received a copy of the GNU General Public License

 * along with this program.  If not, see <http://www.gnu.org/licenses/>.

 */

 

import QtQuick 2.0

import Ubuntu.Components 0.1

 

/*

   Essentially a GridView where you can specify the maximum number of columns it can have.

 */

Item {

    property int minimumHorizontalSpacing: units.gu(0.5)

    // property int minimumNumberOfColumns: 2 // FIXME: not implemented

    property int maximumNumberOfColumns: 6

    readonly property int columns: gridView.columns

    property alias verticalSpacing: gridView.verticalSpacing

    property int delegateWidth

    property int delegateHeight

    property alias model: gridView.model

    property alias delegate: gridView.delegate

    readonly property int cellWidth: gridView.cellWidth

    readonly property int cellHeight: gridView.cellHeight

    readonly property int totalContentHeight: Math.ceil(gridView.model.count / columns) * cellHeight + verticalSpacing

    property alias interactive: gridView.interactive

    readonly property alias flicking: gridView.flicking

    readonly property alias moving: gridView.moving

    readonly property alias pressDelay: gridView.pressDelay

 

    GridView {

        id: gridView

        objectName: "responsiveGridViewGrid"

        anchors {

            fill: parent

            leftMargin: margin/2

            rightMargin: margin/2

            topMargin: verticalSpacing

        }

        clip: parent.height != totalContentHeight

 

        function pixelToGU(value) {

            return Math.floor(value / units.gu(1));

        }

 

        function spacingForColumns(columns) {

            // spacing between columns as an integer number of GU, the remainder goes in the margins

            var spacingGU = pixelToGU(allocatableHorizontalSpace / columns);

            return units.gu(spacingGU);

        }

 

        function columnsForSpacing(spacing) {

            // minimum margin is half of the spacing

            return Math.floor((parent.width - spacing/2) / (delegateWidth + spacing));

        }

 

        property real allocatableHorizontalSpace: parent.width - columns * delegateWidth

        property int columns: Math.min(columnsForSpacing(minimumHorizontalSpacing), maximumNumberOfColumns)

        property real horizontalSpacing: spacingForColumns(columns)

        property real verticalSpacing: horizontalSpacing

        property int margin: allocatableHorizontalSpace - columns * horizontalSpacing

 

        cellWidth: delegateWidth + horizontalSpacing

        cellHeight: delegateHeight + verticalSpacing

    }

}