Merge lp:~mzanetti/reminders-app/listitemwithactions into lp:reminders-app

[Michael Zanetti]

use the awesome ListItemWithActions from the Ubuntu Component Store

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

PASSED: Continuous integration, rev:339
http://91.189.93.70:8080/job/reminders-app-ci/646/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1059
        deb: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1059/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/reminders-app-vivid-amd64-ci/67

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/reminders-app-ci/646/rebuild

review: Approve (continuous-integration)

[lp:~mzanetti/reminders-app/listitemwithactions]

340. By Michael Zanetti on 2015-02-12

also allow editing tags from the listitemmenu

341. By Michael Zanetti on 2015-02-13

also use the listitemwithactions for the reminders page

342. By Michael Zanetti on 2015-02-13

drop commented code

343. By Michael Zanetti on 2015-02-13

allow editing the reminder from the listitem actions

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

PASSED: Continuous integration, rev:340
http://91.189.93.70:8080/job/reminders-app-ci/647/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1063
        deb: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1063/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/reminders-app-vivid-amd64-ci/68

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/reminders-app-ci/647/rebuild

review: Approve (continuous-integration)

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

PASSED: Continuous integration, rev:343
http://91.189.93.70:8080/job/reminders-app-ci/648/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1064
        deb: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1064/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/reminders-app-vivid-amd64-ci/69

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/reminders-app-ci/648/rebuild

review: Approve (continuous-integration)

[lp:~mzanetti/reminders-app/listitemwithactions]

344. By Michael Zanetti on 2015-02-13

fix reminders delegate background color

345. By Michael Zanetti on 2015-02-13

fix a bug in ListItemWithActions

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

PASSED: Continuous integration, rev:344
http://91.189.93.70:8080/job/reminders-app-ci/649/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1065
        deb: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1065/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/reminders-app-vivid-amd64-ci/70

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/reminders-app-ci/649/rebuild

review: Approve (continuous-integration)

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

PASSED: Continuous integration, rev:345
http://91.189.93.70:8080/job/reminders-app-ci/650/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1066
        deb: http://91.189.93.70:8080/job/generic-mediumtests-vivid/1066/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/reminders-app-vivid-amd64-ci/71

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/reminders-app-ci/650/rebuild

review: Approve (continuous-integration)

[Riccardo Padovani (rpadovani)]

Awesome, thanks!

review: Approve

=== added file 'src/app/qml/components/ListItemWithActions.qml'
--- src/app/qml/components/ListItemWithActions.qml	1970-01-01 00:00:00 +0000
+++ src/app/qml/components/ListItemWithActions.qml	2015-02-13 01:03:14 +0000
@@ -0,0 +1,455 @@
+/*
+ * Copyright (C) 2012-2014 Canonical, Ltd.
+ *
+ * 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; version 3.
+ *
+ * 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.2
+import Ubuntu.Components 1.1
+
+Item {
+    id: root
+
+    property Action leftSideAction: null
+    property list<Action> rightSideActions
+    property double defaultHeight: units.gu(8)
+    property bool locked: false
+    property Action activeAction: null
+    property var activeItem: null
+    property bool triggerActionOnMouseRelease: false
+    property color color: Theme.palette.normal.background
+    property color selectedColor: "#E6E6E6"
+    property bool selected: false
+    property bool selectionMode: false
+    property alias internalAnchors: mainContents.anchors
+    default property alias contents: mainContents.children
+
+    readonly property double actionWidth: units.gu(4)
+    readonly property double leftActionWidth: units.gu(10)
+    readonly property double actionThreshold: actionWidth * 0.4
+    readonly property double threshold: 0.4
+    readonly property string swipeState: main.x == 0 ? "Normal" : main.x > 0 ? "LeftToRight" : "RightToLeft"
+    readonly property alias swipping: mainItemMoving.running
+    readonly property bool _showActions: mouseArea.pressed || swipeState != "Normal" || swipping
+
+    /* internal */
+    property var _visibleRightSideActions: filterVisibleActions(rightSideActions)
+
+    signal itemClicked(var mouse)
+    signal itemPressAndHold(var mouse)
+
+    function returnToBoundsRTL(direction)
+    {
+        var actionFullWidth = actionWidth + units.gu(2)
+
+        // go back to normal state if swipping reverse
+        if (direction === "LTR") {
+            updatePosition(0)
+            return
+        } else if (!triggerActionOnMouseRelease) {
+            updatePosition(-rightActionsView.width + units.gu(2))
+            return
+        }
+
+        var xOffset = Math.abs(main.x)
+        var index = Math.min(Math.floor(xOffset / actionFullWidth), _visibleRightSideActions.length)
+        var newX = 0
+      if (index === _visibleRightSideActions.length) {
+            newX = -(rightActionsView.width - units.gu(2))
+        } else if (index >= 1) {
+            newX = -(actionFullWidth * index)
+        }
+        updatePosition(newX)
+    }
+
+    function returnToBoundsLTR(direction)
+    {
+        var finalX = leftActionWidth
+        if ((direction === "RTL") || (main.x <= (finalX * root.threshold)))
+            finalX = 0
+        updatePosition(finalX)
+    }
+
+    function returnToBounds(direction)
+    {
+        if (main.x < 0) {
+            returnToBoundsRTL(direction)
+        } else if (main.x > 0) {
+            returnToBoundsLTR(direction)
+        } else {
+            updatePosition(0)
+        }
+    }
+
+    function contains(item, point, marginX)
+    {
+        var itemStartX = item.x - marginX
+        var itemEndX = item.x + item.width + marginX
+        return (point.x >= itemStartX) && (point.x <= itemEndX) &&
+               (point.y >= item.y) && (point.y <= (item.y + item.height));
+    }
+
+    function getActionAt(point)
+    {
+        if (contains(leftActionView, point, 0)) {
+            return leftSideAction
+        } else if (contains(rightActionsView, point, 0)) {
+            var newPoint = root.mapToItem(rightActionsView, point.x, point.y)
+            for (var i = 0; i < rightActionsRepeater.count; i++) {
+                var child = rightActionsRepeater.itemAt(i)
+                if (contains(child, newPoint, units.gu(1))) {
+                    return i
+                }
+            }
+        }
+        return -1
+    }
+
+    function updateActiveAction()
+    {
+        if (triggerActionOnMouseRelease &&
+            (main.x <= -(root.actionWidth + units.gu(2))) &&
+            (main.x > -(rightActionsView.width - units.gu(2)))) {
+            var actionFullWidth = actionWidth + units.gu(2)
+            var xOffset = Math.abs(main.x)
+            var index = Math.min(Math.floor(xOffset / actionFullWidth), _visibleRightSideActions.length)
+            index = index - 1
+            if (index > -1) {
+                root.activeItem = rightActionsRepeater.itemAt(index)
+                root.activeAction = root._visibleRightSideActions[index]
+            }
+        } else {
+            root.activeAction = null
+        }
+    }
+
+    function resetSwipe()
+    {
+        updatePosition(0)
+    }
+
+    function filterVisibleActions(actions)
+    {
+        var visibleActions = []
+        for(var i = 0; i < actions.length; i++) {
+            var action = actions[i]
+            if (action.visible) {
+                visibleActions.push(action)
+            }
+        }
+        return visibleActions
+    }
+
+    function updatePosition(pos)
+    {
+        if (!root.triggerActionOnMouseRelease && (pos !== 0)) {
+            mouseArea.state = pos > 0 ? "RightToLeft" : "LeftToRight"
+        } else {
+            mouseArea.state = ""
+        }
+        main.x = pos
+    }
+
+    states: [
+        State {
+            name: "select"
+            when: selectionMode || selected
+            PropertyChanges {
+                target: selectionIcon
+                source: Qt.resolvedUrl("ListItemWithActionsCheckBox.qml")
+                anchors.leftMargin: units.gu(2)
+            }
+            PropertyChanges {
+                target: root
+                locked: true
+            }
+            PropertyChanges {
+                target: main
+                x: 0
+            }
+        }
+    ]
+
+    height: defaultHeight
+    clip: height !== defaultHeight
+
+    Rectangle {
+        id: leftActionView
+
+        anchors {
+            top: parent.top
+            bottom: parent.bottom
+            right: main.left
+        }
+        width: root.leftActionWidth + actionThreshold
+        visible: leftSideAction
+        color: UbuntuColors.red
+
+        Icon {
+            anchors {
+                centerIn: parent
+                horizontalCenterOffset: actionThreshold / 2
+            }
+            name: leftSideAction && _showActions ? leftSideAction.iconName : ""
+            color: Theme.palette.selected.field
+            height: units.gu(3)
+            width: units.gu(3)
+        }
+    }
+
+    Rectangle {
+       id: rightActionsView
+
+       anchors {
+           top: main.top
+           left: main.right
+           bottom: main.bottom
+       }
+       visible: _visibleRightSideActions.length > 0
+       width: rightActionsRepeater.count > 0 ? rightActionsRepeater.count * (root.actionWidth + units.gu(2)) + root.actionThreshold + units.gu(2) : 0
+       color: "white"
+       Row {
+           anchors{
+               top: parent.top
+               left: parent.left
+               leftMargin: units.gu(2)
+               right: parent.right
+               rightMargin: units.gu(2)
+               bottom: parent.bottom
+           }
+           spacing: units.gu(2)
+           Repeater {
+               id: rightActionsRepeater
+
+               model: _showActions ? _visibleRightSideActions : []
+               Item {
+                   property alias image: img
+
+                   height: rightActionsView.height
+                   width: root.actionWidth
+
+                   Icon {
+                       id: img
+
+                       anchors.centerIn: parent
+                       width: units.gu(3)
+                       height: units.gu(3)
+                       name: modelData.iconName
+                       source: modelData.iconSource
+                       color: root.activeAction === modelData ? UbuntuColors.lightAubergine : UbuntuColors.lightGrey
+                   }
+              }
+           }
+       }
+    }
+
+
+    Rectangle {
+        id: main
+        objectName: "mainItem"
+
+        anchors {
+            top: parent.top
+            bottom: parent.bottom
+        }
+
+        width: parent.width
+        color: root.selected ? root.selectedColor : root.color
+
+        Loader {
+            id: selectionIcon
+
+            anchors {
+                left: main.left
+                verticalCenter: main.verticalCenter
+            }
+            width: (status === Loader.Ready) ? item.implicitWidth : 0
+            visible: (status === Loader.Ready) && (item.width === item.implicitWidth)
+            Behavior on width {
+                NumberAnimation {
+                    duration: UbuntuAnimation.SnapDuration
+                }
+            }
+        }
+
+
+        Item {
+            id: mainContents
+
+            anchors {
+                left: selectionIcon.right
+//                leftMargin: units.gu(2)
+                top: parent.top
+//                topMargin: units.gu(1)
+                right: parent.right
+//                rightMargin: units.gu(2)
+                bottom: parent.bottom
+//                bottomMargin: units.gu(1)
+            }
+        }
+
+        Behavior on x {
+            UbuntuNumberAnimation {
+                id: mainItemMoving
+
+                easing.type: Easing.OutElastic
+                duration: UbuntuAnimation.SlowDuration
+            }
+        }
+        Behavior on color {
+           ColorAnimation {}
+        }
+    }
+
+    SequentialAnimation {
+        id: triggerAction
+
+        property var currentItem: root.activeItem ? root.activeItem.image : null
+
+        running: false
+        ParallelAnimation {
+            UbuntuNumberAnimation {
+                target: triggerAction.currentItem
+                property: "opacity"
+                from: 1.0
+                to: 0.0
+                duration: UbuntuAnimation.SlowDuration
+                easing {type: Easing.InOutBack; }
+            }
+            UbuntuNumberAnimation {
+                target: triggerAction.currentItem
+                properties: "width, height"
+                from: units.gu(3)
+                to: root.actionWidth
+                duration: UbuntuAnimation.SlowDuration
+                easing {type: Easing.InOutBack; }
+            }
+        }
+        PropertyAction {
+            target: triggerAction.currentItem
+            properties: "width, height"
+            value: units.gu(3)
+        }
+        PropertyAction {
+            target: triggerAction.currentItem
+            properties: "opacity"
+            value: 1.0
+        }
+        ScriptAction {
+            script: {
+                root.activeAction.triggered(root)
+                root.activeAction = null;
+                mouseArea.state = ""
+            }
+        }
+        PauseAnimation {
+            duration: 500
+        }
+        UbuntuNumberAnimation {
+            target: main
+            property: "x"
+            to: 0
+        }
+    }
+
+    MouseArea {
+        id: mouseArea
+
+        property bool locked: root.locked || ((root.leftSideAction === null) && (root._visibleRightSideActions.count === 0))
+        property bool manual: false
+        property string direction: "None"
+        property real lastX: -1
+
+        anchors.fill: parent
+        drag {
+            target: locked ? null : main
+            axis: Drag.XAxis
+            minimumX: rightActionsView.visible ? -(rightActionsView.width) : 0
+            maximumX: leftActionView.visible ? leftActionView.width : 0
+            threshold: root.actionThreshold
+        }
+
+        states: [
+            State {
+                name: "LeftToRight"
+                PropertyChanges {
+                    target: mouseArea
+                    drag.maximumX: 0
+                }
+            },
+            State {
+                name: "RightToLeft"
+                PropertyChanges {
+                    target: mouseArea
+                    drag.minimumX: 0
+                }
+            }
+        ]
+
+        onMouseXChanged: {
+            var offset = (lastX - mouseX)
+            if (Math.abs(offset) <= root.actionThreshold) {
+                return
+            }
+            lastX = mouseX
+            direction = offset > 0 ? "RTL" : "LTR";
+        }
+
+        onPressed: {
+            lastX = mouse.x
+        }
+
+        onReleased: {
+            if (root.triggerActionOnMouseRelease && root.activeAction) {
+                triggerAction.start()
+            } else {
+                root.returnToBounds(direction)
+                root.activeAction = null
+            }
+            lastX = -1
+            direction = "None"
+        }
+        onClicked: {
+            if (main.x === 0) {
+                root.itemClicked(mouse)
+            } else if (main.x > 0) {
+                var action = getActionAt(Qt.point(mouse.x, mouse.y))
+                if (action && action !== -1) {
+                    action.triggered(root)
+                }
+            } else {
+                var actionIndex = getActionAt(Qt.point(mouse.x, mouse.y))
+                if (actionIndex !== -1) {
+                    root.activeItem = rightActionsRepeater.itemAt(actionIndex)
+                    root.activeAction = root._visibleRightSideActions[actionIndex]
+                    triggerAction.start()
+                    return
+                }
+            }
+            root.resetSwipe()
+        }
+
+        onPositionChanged: {
+            if (mouseArea.pressed) {
+                updateActiveAction()
+            }
+        }
+        onPressAndHold: {
+            if (main.x === 0) {
+                root.itemPressAndHold(mouse)
+            }
+        }
+        z: -1
+    }
+}
+
 
=== added file 'src/app/qml/components/ListItemWithActionsCheckBox.qml'
--- src/app/qml/components/ListItemWithActionsCheckBox.qml	1970-01-01 00:00:00 +0000
+++ src/app/qml/components/ListItemWithActionsCheckBox.qml	2015-02-13 01:03:14 +0000
@@ -0,0 +1,25 @@
+/*
+ * Copyright (C) 2012-2014 Canonical, Ltd.
+ *
+ * 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; version 3.
+ *
+ * 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.2
+import Ubuntu.Components 1.1
+
+CheckBox {
+    checked: root.selected
+    width: implicitWidth
+    // disable item mouse area to avoid conflicts with parent mouse area
+    __mouseArea.enabled: false
+}
 
=== modified file 'src/app/qml/components/NotesDelegate.qml'
--- src/app/qml/components/NotesDelegate.qml	2014-12-16 21:01:28 +0000
+++ src/app/qml/components/NotesDelegate.qml	2015-02-13 01:03:14 +0000
@@ -22,9 +22,10 @@
 import Ubuntu.Components.ListItems 1.0
 import Evernote 0.1
 
-Empty {
+ListItemWithActions {
     id: root
     height: units.gu(12)
+    width: parent.width
 
     property string title
     property date creationDate
@@ -39,10 +40,44 @@
     property bool conflicting
     property string notebookColor
 
-    showDivider: false;
-
+    signal deleteNote()
+    signal editNote()
+    signal editReminder()
+    signal editTags()
+
+    leftSideAction: Action {
+        iconName: "delete"
+        text: i18n.tr("Delete")
+        onTriggered: {
+            root.deleteNote()
+        }
+    }
+
+    rightSideActions: [
+        Action {
+            iconName: "alarm-clock"
+            text: i18n.tr("Reminder")
+            onTriggered: {
+                root.editReminder();
+            }
+        },
+        Action {
+            iconSource: "../images/tags.svg"
+            text: i18n.tr("Tags")
+            onTriggered: {
+                root.editTags();
+            }
+        },
+        Action {
+            iconName: "edit"
+            text: i18n.tr("Edit")
+            onTriggered: {
+                root.editNote();
+            }
+        }
+    ]
     ColumnLayout {
-        anchors { fill: parent; leftMargin: units.gu(1); rightMargin: units.gu(1) }
+        anchors { fill: parent }
         spacing: 0
 
         Rectangle {
 
=== modified file 'src/app/qml/components/RemindersDelegate.qml'
--- src/app/qml/components/RemindersDelegate.qml	2014-12-14 21:28:11 +0000
+++ src/app/qml/components/RemindersDelegate.qml	2015-02-13 01:03:14 +0000
@@ -24,54 +24,47 @@
 import Ubuntu.Components.Pickers 1.0
 import Evernote 0.1
 
-Base {
+ListItemWithActions {
     id: root
     height: units.gu(10)
     clip: true
-    removable: true
-
-    backgroundIndicator: Row {
-        x: root.__contents.x > 0 ? root.__contents.x - width : 0
-        width: childrenRect.width
-        anchors.verticalCenter: parent.verticalCenter
-        spacing: units.gu(1)
-
-        Icon {
-            height: units.gu(3)
-            width: height
-            anchors.verticalCenter: parent.verticalCenter
-            name: root.note.reminderDone ? "clear" : "select"
-        }
-
-        Label {
-            id: confirmRemovalDialog
-            anchors.verticalCenter: parent.verticalCenter
-            text: root.note.reminderDone ? i18n.tr("Clear reminder") : i18n.tr("Mark as done")
-        }
-    }
+    color: "transparent"
 
     property var note
 
+    leftSideAction: Action {
+        text: i18n.tr("Clear reminder")
+        iconName: "clear"
+        onTriggered: {
+            note.reminder = false;
+            NotesStore.saveNote(note.guid)
+        }
+    }
+
+    rightSideActions: [
+        Action {
+            iconSource: root.note.reminderDone ? "image://theme/select" : "../images/unchecked.svg"
+            text: root.note.reminderDone ? i18n.tr("Mark as undone") : i18n.tr("Mark as done")
+            onTriggered: {
+                note.reminderDone = !root.note.reminderDone;
+                NotesStore.saveNote(note.guid)
+            }
+        },
+        Action {
+            iconName: "alarm-clock"
+            text: i18n.tr("Edit reminder")
+            onTriggered: {
+                pageStack.push(Qt.resolvedUrl("../ui/SetReminderPage.qml"), { note: root.note });
+            }
+        }
+    ]
+
     Behavior on height {
         UbuntuNumberAnimation {}
     }
 
-    onItemRemoved: {
-        // Revert "removal"
-        root.cancelItemRemoval();
-        root.height = units.gu(10)
-        print("marking reminder as", !note.reminderDone, " done for note", note.title);
-        if (!note.reminderDone) {
-            note.reminderDone = true;
-        } else {
-            note.reminder = false;
-        }
-
-        NotesStore.saveNote(note.guid)
-    }
-
     RowLayout {
-        anchors { fill: parent; topMargin: units.gu(1); bottomMargin: units.gu(1) }
+        anchors { fill: parent; margins: units.gu(1) }
         spacing: units.gu(1)
 
         UbuntuShape {
 
=== added file 'src/app/qml/components/ubuntu_component_store.json'
--- src/app/qml/components/ubuntu_component_store.json	1970-01-01 00:00:00 +0000
+++ src/app/qml/components/ubuntu_component_store.json	2015-02-13 01:03:14 +0000
@@ -0,0 +1,6 @@
+{
+    "name": "ListItemWithActions",
+    "description": "This widget provides an updated listitem which is what the core apps currently use.",
+    "version": "1.0",
+    "documentation_url": "http://ubuntu-component-store.readthedocs.org/en/latest/_components/listitemwithactions.html"
+}
 
=== modified file 'src/app/qml/reminders.qml'
--- src/app/qml/reminders.qml	2015-02-12 14:02:35 +0000
+++ src/app/qml/reminders.qml	2015-02-13 01:03:14 +0000
@@ -128,7 +128,9 @@
 
     function switchToEditMode(note) {
         if (root.narrowMode) {
-            pagestack.pop();
+            if (pagestack.depth > 1) {
+                pagestack.pop();
+            }
             var component = Qt.createComponent(Qt.resolvedUrl("ui/EditNotePage.qml"));
             var page = component.createObject();
             page.exitEditMode.connect(function() {Qt.inputMethod.hide(); pagestack.pop()});
 
=== modified file 'src/app/qml/ui/NotesPage.qml'
--- src/app/qml/ui/NotesPage.qml	2014-12-16 21:01:28 +0000
+++ src/app/qml/ui/NotesPage.qml	2015-02-13 01:03:14 +0000
@@ -20,6 +20,7 @@
 import QtQuick.Layouts 1.0
 import Ubuntu.Components 1.1
 import Ubuntu.Components.ListItems 1.0
+import Ubuntu.Components.Popups 1.0
 import Evernote 0.1
 import "../components"
 
@@ -148,6 +149,7 @@
             creationDate: model.created
             changedDate: model.updated
             content: model.tagline
+            triggerActionOnMouseRelease: true
             tags: {
                 var tags = new Array();
                 for (var i = 0; i < model.tagGuids.length; i++) {
@@ -163,11 +165,25 @@
             syncError: model.syncError
             conflicting: model.conflicting
 
-            onClicked: {
+            onItemClicked: {
                 if (!model.conflicting) {
                     root.selectedNote = NotesStore.note(guid);
                 }
             }
+
+            onDeleteNote: {
+                NotesStore.deleteNote(model.guid)
+            }
+            onEditNote: {
+                root.editNote(NotesStore.note(model.guid));
+            }
+            onEditReminder: {
+                pageStack.push(Qt.resolvedUrl("SetReminderPage.qml"), { note: NotesStore.note(model.guid) });
+            }
+            onEditTags: {
+                PopupUtils.open(Qt.resolvedUrl("../components/EditTagsDialog.qml"), root,
+                                { note: NotesStore.note(model.guid), pageHeight: root.height });
+            }
         }
 
         section.criteria: ViewSection.FullString
 
=== modified file 'src/app/qml/ui/RemindersPage.qml'
--- src/app/qml/ui/RemindersPage.qml	2014-12-14 22:31:00 +0000
+++ src/app/qml/ui/RemindersPage.qml	2015-02-13 01:03:14 +0000
@@ -68,8 +68,9 @@
             delegate: RemindersDelegate {
                 width: remindersListView.width
                 note: notes.note(guid)
+                triggerActionOnMouseRelease: true
 
-                onClicked: {
+                onItemClicked: {
                     root.selectedNote = NotesStore.note(guid);
                 }
             }
 
=== modified file 'src/libqtevernote/note.cpp'
--- src/libqtevernote/note.cpp	2014-12-16 21:01:28 +0000
+++ src/libqtevernote/note.cpp	2015-02-13 01:03:14 +0000
@@ -35,8 +35,8 @@
 Note::Note(const QString &guid, quint32 updateSequenceNumber, QObject *parent) :
     QObject(parent),
     m_isSearchResult(false),
+    m_deleted(false),
     m_updateSequenceNumber(updateSequenceNumber),
-    m_deleted(false),
     m_loading(false),
     m_loaded(false),
     m_syncError(false),
 
=== modified file 'src/libqtevernote/resourceimageprovider.cpp'
--- src/libqtevernote/resourceimageprovider.cpp	2014-10-23 21:27:46 +0000
+++ src/libqtevernote/resourceimageprovider.cpp	2015-02-13 01:03:14 +0000
@@ -26,7 +26,9 @@
 
     QImage image;
     if (mediaType.startsWith("image")) {
+        qDebug() << "image requested" << NotesStore::instance()->note(noteGuid)->resource(resourceHash);
         image = QImage::fromData(NotesStore::instance()->note(noteGuid)->resource(resourceHash)->imageData(requestedSize));
+        qDebug() << "done...";
     } else if (mediaType.startsWith("audio")) {
         image.load("/usr/share/icons/ubuntu-mobile/actions/scalable/media-playback-start.svg");
     } else {