127 lines
3.5 KiB
QML
127 lines
3.5 KiB
QML
/*
|
|
Copyright (C) 2014 Michal Kosciesza <michal@mkiol.net>
|
|
|
|
This file is part of Kaktus.
|
|
|
|
Kaktus 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, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
Kaktus 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 Kaktus. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property string text
|
|
property bool cancelable: true
|
|
property bool open: false
|
|
property real progress: 0.0
|
|
signal closeClicked
|
|
|
|
enabled: open
|
|
opacity: open ? 1.0 : 0.0
|
|
visible: opacity > 0.0
|
|
|
|
height: Theme.itemSizeMedium
|
|
width: parent.width
|
|
|
|
onVisibleChanged: {
|
|
if (!visible) {
|
|
progress = 0;
|
|
}
|
|
}
|
|
|
|
function show(text) {
|
|
root.text = text;
|
|
root.open = true;
|
|
}
|
|
|
|
function hide() {
|
|
root.open = false;
|
|
root.progress = 0.0;
|
|
}
|
|
|
|
Behavior on opacity { FadeAnimation {} }
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left; anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
height: parent.height
|
|
color: Qt.lighter(Theme.highlightBackgroundColor)
|
|
}
|
|
|
|
Rectangle {
|
|
id: progressRect
|
|
height: parent.height - 0
|
|
anchors.left: parent.left; anchors.bottom: parent.bottom
|
|
width: root.progress * parent.width
|
|
color: Theme.highlightDimmerColor
|
|
|
|
Behavior on width {
|
|
SmoothedAnimation {
|
|
velocity: 480; duration: 200
|
|
}
|
|
}
|
|
}
|
|
|
|
Image {
|
|
anchors.fill: parent
|
|
source: "image://theme/graphic-gradient-edge?#ffffff"
|
|
}
|
|
|
|
Item {
|
|
anchors.left: parent.left; anchors.right: parent.right
|
|
anchors.bottom: parent.bottom; height: parent.height - 0
|
|
|
|
Image {
|
|
id: icon
|
|
height: 0.6*root.height; width: 0.6*root.height
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Theme.paddingMedium
|
|
source: "image://theme/graphic-busyindicator-medium?#000000"
|
|
RotationAnimation on rotation {
|
|
loops: Animation.Infinite
|
|
from: 0
|
|
to: 360
|
|
duration: 1200
|
|
running: root.open && Qt.application.active
|
|
}
|
|
}
|
|
|
|
Label {
|
|
id: titleBar
|
|
height: icon.height
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: icon.right; anchors.right: closeButton.left
|
|
anchors.leftMargin: Theme.paddingMedium; anchors.rightMargin: Theme.paddingMedium
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
font.family: Theme.fontFamily
|
|
text: root.text
|
|
color: "black"
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignLeft
|
|
}
|
|
|
|
IconButton {
|
|
id: closeButton
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
icon.source: "image://theme/icon-m-dismiss?#000000"
|
|
onClicked: root.closeClicked()
|
|
visible: root.cancelable
|
|
}
|
|
}
|
|
}
|