78 lines
2.4 KiB
QML
78 lines
2.4 KiB
QML
/**
|
|
*
|
|
* gPodder QML UI Reference Implementation
|
|
* Copyright (c) 2013, 2014, Thomas Perl <m@thp.io>
|
|
*
|
|
* Permission to use, copy, modify, and/or distribute this software for any
|
|
* purpose with or without fee is hereby granted, provided that the above
|
|
* copyright notice and this permission notice appear in all copies.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
* REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
* AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
* INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
* LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
* OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
* PERFORMANCE OF THIS SOFTWARE.
|
|
*
|
|
*/
|
|
|
|
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
|
|
ContextMenu {
|
|
default property alias children: container.children
|
|
property int size
|
|
|
|
Item {
|
|
height: Theme.itemSizeMedium
|
|
width: parent.width
|
|
|
|
// Right
|
|
Rectangle {
|
|
color: Theme.secondaryColor
|
|
height: parent.height
|
|
width: Theme.paddingSmall
|
|
opacity: flick.contentX < (flick.contentWidth - flick.width - Theme.paddingLarge) ? 0.5 : 0.0
|
|
visible: opacity > 0
|
|
anchors.right: visible ? parent.right : undefined
|
|
Behavior on opacity {
|
|
FadeAnimation {}
|
|
}
|
|
}
|
|
|
|
// Left
|
|
Rectangle {
|
|
color: Theme.secondaryColor
|
|
height: parent.height
|
|
width: Theme.paddingSmall
|
|
opacity: flick.contentX > Theme.paddingLarge ? 0.5 : 0.0
|
|
visible: opacity > 0
|
|
anchors.left: visible ? parent.left : undefined
|
|
Behavior on opacity {
|
|
FadeAnimation {}
|
|
}
|
|
}
|
|
|
|
Flickable {
|
|
id: flick
|
|
|
|
height: parent.height
|
|
width: parent.width
|
|
contentWidth: container.width + 2 * Theme.paddingLarge
|
|
contentHeight: height
|
|
pixelAligned: true
|
|
|
|
Flow {
|
|
id: container
|
|
anchors {
|
|
verticalCenter: parent.verticalCenter
|
|
left: parent.left
|
|
margins: Theme.paddingLarge
|
|
}
|
|
|
|
spacing: Theme.paddingLarge
|
|
}
|
|
}
|
|
}
|
|
}
|