kwin/kcmkwin/kwincompositing/qml/Effect.qml

123 lines
5 KiB
QML

/**************************************************************************
* KWin - the KDE window manager *
* This file is part of the KDE project. *
* *
* Copyright (C) 2013 Antonis Tsiapaliokas <kok3rs@gmail.com> *
* *
* 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; either version 2 of the License, or *
* (at your option) any later version. *
* *
* 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.1
import QtQuick.Controls 1.0
import QtQuick.Layouts 1.0
import org.kde.kwin.kwincompositing 1.0
Component {
id: effectDelegate
Item {
id: item
width: parent.width
height: 40
Rectangle {
id: background
color: item.ListView.isCurrentItem ? "#448" : index % 2 ? "#eee" : "#fff"
anchors.fill : parent
Row {
CheckBox {
id: myCheckBox
checked: model.EffectStatusRole
onClicked: {
apply.enabled = true;
effectModel.effectStatus(effectView.model.modelIndex(index),checked);
}
onCheckedChanged: {
configureButton.enabled = myCheckBox.checked;
}
}
Item {
id: effectItem
width: effectView.width - myCheckBox.width - aboutButton.width - configureButton.width
anchors.left: myCheckBox.right
Column {
id: col
Text {
text: model.NameRole
}
Text {
id: desc
text: model.DescriptionRole
}
Item {
id:aboutItem
anchors.top: desc.bottom
anchors.topMargin: 20
visible: false
Text {
text: "Author: " + model.AuthorNameRole + "\n" + "License: " + model.LicenseRole
font.bold: true
}
PropertyAnimation {id: animationAbout; target: aboutItem; property: "visible"; to: !aboutItem.visible}
PropertyAnimation {id: animationAboutSpacing; target: item; property: "height"; to: item.height == 40 ? 80 : 40}
}
}
MouseArea {
id: area
width: effectView.width - myCheckBox.width
height: effectView.height
onClicked: {
effectView.currentIndex = index;
}
}
}
Button {
id: configureButton
anchors.left: effectItem.right
visible: effectConfig.effectUiConfigExists(model.ServiceNameRole)
iconSource: effectModel.findImage("actions/configure.png")
width: 50
height: 25
enabled: myCheckBox.checked
onClicked: {
effectConfig.openConfig(model.NameRole);
}
}
Button {
id: aboutButton
anchors.left: configureButton.right
width: 50
height: 25
iconSource: effectModel.findImage("status/dialog-information.png");
onClicked: {
animationAbout.running = true;
animationAboutSpacing.running = true;
}
}
EffectConfig {
id: effectConfig
}
} //end Row
} //end Rectangle
} //end item
}