shift-shell/shell/contents/views/Desktop.qml

/*
 *   Copyright 2014 Aaron Seigo <aseigo@kde.org>
 *   Copyright 2012 Marco Martin <notmart@gmail.com>
 *
 *   This program is free software; you can redistribute it and/or modify
 *   it under the terms of the GNU Library General Public License as
 *   published by the Free Software Foundation; either version 2, 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 Library General Public License for more details
 *
 *   You should have received a copy of the GNU Library General Public
 *   License along with this program; if not, write to the
 *   Free Software Foundation, Inc.,
 *   51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

import QtQuick 2.0
import QtGraphicalEffects 1.0
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.plasma.shell 2.0 as Shell
import "../components"

Item {
    id: homescreen
    width: 1080
    height: 1920

    property Item containment;
    property Item wallpaper;
    property var pendingRemovals: [];
    property int notificationId: 0;

    /*
        Notificadtion data object has the following properties:
        appIcon
        image
        appName
        summary
        body
        isPersistent
        expireTimeout
        urgency
        appRealName
        configurable
    */
    function addNotification(source, data, actions) {
        // Do not show duplicated notifications
        // Remove notifications that are sent again (odd, but true)
        for (var i = 0; i < notificationsModel.count; ++i) {
            var tmp = notificationsModel.get(i);
            var matches = (tmp.appName == data.appName &&
                           tmp.summary == data.summary &&
                           tmp.body == data.body);
            var sameSource = tmp.source == source;

            if (sameSource && matches) {
                return;
            }

            if (sameSource || matches) {
                notificationsModel.remove(i)
                break;
            }
        }

        data["id"] = ++notificationId;
        data["source"] = source;
        if (data["summary"].length < 1) {
            data["summary"] = data["body"];
            data["body"] = '';
        }
        data["actions"] = actions;

        notificationsModel.insert(0, data);
        if (!data["isPersistent"]) {
            pendingRemovals.push(notificationId);
            pendingTimer.start();
        }
    }


    Timer {
        id: pendingTimer
        interval: 5000
        repeat: false
        onTriggered: {
            for (var i = 0; i < pendingRemovals.length; ++i) {
                var id = pendingRemovals[i];
                for (var j = 0; j < notificationsModel.count; ++j) {
                    if (notificationsModel.get(j).id == id) {
                        notificationsModel.remove(j);
                    }
                }
            }
            pendingRemovals = [];
        }
    }

    PlasmaCore.DataSource {
        id: notificationsSource

        engine: "notifications"
        interval: 0

        onSourceAdded: {
            connectSource(source);
        }

        onSourceRemoved: {
            for (var i = 0; i < notificationsModel.count; ++i) {
                if (notificationsModel.get(i) == source) {
                    notificationsModel.remove(i);
                    break;
                }
            }
        }

        onNewData: {
            var actions = new Array()
            if (data["actions"] && data["actions"].length % 2 == 0) {
                for (var i = 0; i < data["actions"].length; i += 2) {
                    var action = new Object();
                    action["id"] = data["actions"][i];
                    action["text"] = data["actions"][i+1];
                    actions.push(action);
                }
            }

            homescreen.addNotification(
                    sourceName,
                    data,
                    actions);
        }

    }

    ListModel {
        id: notificationsModel

        ListElement {
            appIcon: "call-start"
            summary: "Missed call from Joe"
            body: "Called at 8:42 from +41 56 373 37 31"
        }
        ListElement {
            appIcon: "im-google"
            summary: "July: Hey! Are you around?"
        }
        ListElement {
            appIcon: "im-google"
            summary: "July: Hello?"
        }
    }

    Dialer {
        id: dialer
        anchors {
            left: parent.left
            top: statusPanel.bottom
            right: parent.right
            bottom: parent.bottom
        }
        z: 20
        opacity: 0
        visible: false

        Behavior on opacity {
            NumberAnimation { properties: "opacity"; duration: 100 }
        }

        onOpacityChanged: {
            visible = opacity > 0;
        }

        onVisibleChanged: {
            opacity = visible ? 0.9 : 0;
        }

        onCallingChanged: {
            if (!calling) {
                opacity = 0;
            }
        }
    }

    Rectangle {
        id: statusPanel
        anchors {
            top: parent.top
            left: parent.left
            right: parent.right
        }
        z: 1
        height: units.iconSizes.small
        color: "black"

        PlasmaCore.DataSource {
            id: timeSource
            engine: "time"
            connectedSources: ["Local"]
            interval: 500
        }

        Text {
            id: clock
            anchors.fill: parent
            text: Qt.formatDateTime(timeSource.data.Local.DateTime)
            color: "white"
            horizontalAlignment: Qt.AlignHCenter
            verticalAlignment: Qt.AlignVCenter
            font.pixelSize: height / 2
        }
        MouseArea {
            anchors.fill: parent
            onPressed: slidingPanel.visible = true;
            onPositionChanged: slidingPanel.offset = mouse.y
        }
    }

    SlidingPanel {
        id: slidingPanel
        width: homescreen.width
        height: homescreen.height
    }

    ListView {
        id: notificationView
        spacing: units.smallSpacing
        anchors {
            top: statusPanel.bottom
            bottom: stripe.top
            left: parent.left
            right: parent.right
            bottomMargin: units.smallSpacing
        }

        z: 1
        clip: true
        verticalLayoutDirection: ListView.BottomToTop
        model: notificationsModel
        add: Transition {
                NumberAnimation {
                    properties: "x"
                    from: notificationView.width
                    duration: 100
                }
            }

        remove: Transition {
                NumberAnimation {
                    properties: "x"
                    to: notificationView.width
                    duration: 500
                }
                NumberAnimation {
                    properties: "opacity"
                    to: 0
                    duration: 500
                }
            }

        removeDisplaced: Transition {
            SequentialAnimation {
                PauseAnimation { duration: 600 }
                NumberAnimation { properties: "x,y"; duration: 100 }
            }
        }

        delegate: NotificationStripe {}
    }

    SatelliteStripe {
        id: stripe
        z: 1

        PlasmaCore.Svg {
            id: stripeIcons
            imagePath: Qt.resolvedUrl("../images/homescreenicons.svg")
        }

        Row {
            anchors.fill: parent
            property int columns: 4
            property alias buttonHeight: stripe.height

            HomeLauncherSvg {
                id: phoneIcon
                svg: stripeIcons
                elementId: "phone"
                callback: function() {
                    dialer.visible = true;
                }
            }

            HomeLauncherSvg {
                id: messagingIcon
                svg: stripeIcons
                elementId: "messaging"
                callback: function() { console.log("Start messaging") }
            }


            HomeLauncherSvg {
                id: emailIcon
                svg: stripeIcons
                elementId: "email"
                callback: function() { console.log("Start email") }
            }


            HomeLauncherSvg {
                id: webIcon
                svg: stripeIcons
                elementId: "web"
                callback: function() { console.log("Start web") }
            }
        }
    }

    PlasmaCore.DataSource {
        id: applicationsSource

        engine: "apps"
        interval: 0
        connectedSources: sources

        onSourceAdded: {
            connectSource(source);
        }

        onSourceRemoved: {
            disconnectSource(source);
        }
    }

    GridView {
        id: applications
        anchors {
            top: stripe.bottom
            bottom: parent.bottom
            left: parent.left
            right: parent.right
            topMargin: units.smallSpacing
        }
        z: 1
        cellWidth: stripe.height * 2
        cellHeight: cellWidth
        model: PlasmaCore.DataModel { dataSource: applicationsSource }
        snapMode: GridView.SnapToRow
        clip: true
        delegate: HomeLauncher {}
        Component.onCompleted : { console.log("WTF " + width) }
    }

    Component.onCompleted: {
        //configure the view behavior
        if (desktop) {
            desktop.windowType = Shell.Desktop.Window;
            desktop.width = width;
            desktop.height = height;
        }
    }
}