kwin/kcmkwin/kwincompositing/qml/Effect.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: engineObject.isEnabled(model.Name)
                    onClicked: {
                        apply.enabled = true;
                        engineObject.effectStatus(model.Name, 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.Name
                        }
                        Text {
                            id: desc
                            text: model.Description
                        }
                        Item {
                            id:aboutItem
                            anchors.top: desc.bottom
                            anchors.topMargin: 20
                            visible: false

                            Text {
                                text: "Author: " + model.AuthorName + "\n" + "License: " + model.License
                                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.Name)
                    iconSource: engineObject.findImage("actions/configure.png")
                    width: 50
                    height: 25
                    enabled: myCheckBox.checked
                    onClicked: {
                        effectConfig.openConfig(model.Name);
                    }
                }

                Button {
                    id: aboutButton
                    anchors.left: configureButton.right
                    width: 50
                    height: 25
                    iconSource: engineObject.findImage("status/dialog-information.png");

                    onClicked: {
                        animationAbout.running = true;
                        animationAboutSpacing.running = true;
                    }
                }

                EffectConfig {
                    id: effectConfig
                }

            } //end Row
        } //end Rectangle
    } //end item
}