Merge pull request #61 from eekkelund/iconSizeLauncher

[AppLauncher] Add IconSizeLauncher

src/qml/AppLauncher.qml

@@ -34,17 +34,20 @@ import QtQuick.Controls.Styles.Nemo 1.0
 
 GridView {
     id: gridview
-    cellWidth: cellSize
-    cellHeight: cellSize
-    width: parent.width
+    width: cellWidth * columns
     cacheBuffer: gridview.contentHeight
     property Item reorderItem
     property bool onUninstall
     property alias deleter: deleter
     property var switcher: null
     property string searchString
+    property int minCellSize: Theme.iconSizeLauncher + Theme.itemSpacingHuge
+    property int rows: Math.floor(parent.height / minCellSize)
+    property int columns:  Math.floor(parent.width / minCellSize)
+
+    cellWidth: parent.width / columns
+    cellHeight: Math.round(parent.height / rows)
 
-    property int cellSize: Math.min(parent.width,parent.height)/4
     property int folderIndex: -1
     property bool isRootFolder:true
     property bool newFolderActive
@@ -260,12 +263,11 @@ GridView {
     //Using loader that in the future we can also have widgets as delegate
     delegate: Loader {
         id:loader
-        width: cellSize
-        height: cellSize
+        width: cellWidth
+        height: cellHeight
         onXChanged: item.x = x
         onYChanged: item.y = y
         property QtObject modelData : model
-        property int cellSize: gridview.cellHeight
         property int cellIndex: index
         sourceComponent: object.type == LauncherModel.Folder ? folder : app
     }

src/qml/DeviceLockUI.qml

@@ -14,6 +14,8 @@ Item {
 
     property bool shouldAuthenticate: Lipstick.compositor.visible
                                       && authenticator.availableMethods !== 0
+    property int remainingAttempts
+
     onShouldAuthenticateChanged: {
         if (shouldAuthenticate) {
             DeviceLock.authorization.requestChallenge()
@@ -36,16 +38,18 @@ Item {
         }
     }
 
-
     Authenticator {
         id: authenticator
         onAuthenticated: {
             DeviceLock.unlock(authenticationToken)
             Desktop.instance.setLockScreen(false)
             Desktop.instance.codepadVisible = false
+            remainingAttempts = 0
         }
         onFeedback: {
             console.log('### still locked', feedback, attemptsRemaining)
+            remainingAttempts = attemptsRemaining
+            animation.start()
         }
     }
 
@@ -53,6 +57,21 @@ Item {
         anchors.fill: parent
         spacing: Theme.itemSpacingLarge
 
+        SequentialAnimation  {
+            id: animation;
+            SequentialAnimation  {
+                loops: 4
+                NumberAnimation { target: codePad; property: "anchors.horizontalCenterOffset"; to: 55; duration: 50 }
+                NumberAnimation { target: codePad; property: "anchors.horizontalCenterOffset"; to: 0; duration: 50 }
+            }
+            NumberAnimation { target: codePad; property: "anchors.horizontalCenterOffset"; to: 0; duration: 100 }
+        }
+        Label {
+            font.pixelSize: Theme.fontSizeMedium
+            width: parent.width
+            text:  remainingAttempts > 0 ? qsTr("Attempts remaining:") + " " + remainingAttempts : ""
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
         TextField {
             id: lockCodeField
             anchors.horizontalCenter: parent.horizontalCenter
@@ -62,6 +81,7 @@ Item {
         }
 
         GridLayout {
+            id: codePad
             height: parent.height
             width: parent.width
             anchors.horizontalCenter: parent.horizontalCenter

src/qml/LauncherItemDelegate.qml

@@ -67,19 +67,18 @@ Item {
 
         Item {
             id: iconWrapper
-            width: parent.width -parent.width/10
-            height: width - iconText.height
-            anchors.centerIn:  parent
+            height: parent.height - iconText.height
+            width: parent.width
+            anchors.horizontalCenter: parent.horizontalCenter
+            y: Math.round((parent.height - (height + iconText.height)) / 2)
+
             Image {
                 id: iconImage
-                anchors {
-                    // centerIn:  launcherItem.n.otNemoIcon ? parent : undefined
-                    horizontalCenter: /* launcherItemnotNemoIcon ? undefined : */parent.horizontalCenter
-                    top: parent.top
-                    //topMargin: Theme.itemSpacingExtraSmall
-                }
-                width:/*launcherItem.notNemoIcon ? parent.width-parent.width/3 :  */parent.width - parent.width/4
-                height: width
+                anchors.centerIn: parent
+                sourceSize.width: Theme.iconSizeLauncher
+                sourceSize.height: Theme.iconSizeLauncher
+                height: Theme.iconSizeLauncher
+                width: height
                 asynchronous: true
                 onStatusChanged: {
                     if (iconImage.status == Image.Error) {
@@ -89,11 +88,7 @@ Item {
             }
             Spinner {
                 id: spinnerr
-                anchors {
-                    centerIn:  iconImage
-                    top: iconImage.top
-                    topMargin: Theme.itemSpacingExtraSmall
-                }
+                anchors.centerIn:  iconImage
                 width: iconWrapper.width
                 height: width
                 enabled: (modelData.object.type === LauncherModel.Application) ? modelData.object.isLaunching ? switcher.switchModel.getWindowIdForTitle(modelData.object.title) == 0 : false : false
@@ -116,13 +111,13 @@ Item {
             width: iconWrapper.width
             elide: Text.ElideRight
             horizontalAlignment: Text.AlignHCenter
-            font.pixelSize: Theme.fontSizeSmall
+            font.pixelSize: Theme.fontSizeTiny
             color: Theme.textColor
+            //https://bugreports.qt.io/browse/QTBUG-56052
+            y: -contentHeight + font.pixelSize + iconWrapper.y + iconWrapper.height
             anchors {
                 left: parent.left
                 right: parent.right
-                bottom: parent.bottom
-                topMargin: Theme.itemSpacingExtraSmall
             }
         }
     }

src/qml/LauncherItemFolder.qml

@@ -73,10 +73,11 @@ Item {
         }
         Item {
             id:folderIconStack
-            width: size
-            height: size
-            property int size: parent.width -parent.width/10
-            property int iconSize: (/*launcherItem.notNemoIcon ? size-size/3 : */ (size - size/4)) * 0.9
+            width: parent.width
+            height: parent.height - iconText.height
+            anchors.horizontalCenter: parent.horizontalCenter
+            y: Math.round((parent.height - (height + iconText.height)) / 2)
+            property int iconSize: Theme.iconSizeLauncher * 0.9
             property real transparency: 0.6
             property int iconCount: 4
             property var icons: addIcons()
@@ -146,13 +147,13 @@ Item {
             width: launcherItem.width
             elide: Text.ElideRight
             horizontalAlignment: Text.AlignHCenter
-            font.pixelSize: Theme.fontSizeSmall
+            font.pixelSize: Theme.fontSizeTiny
             color: Theme.textColor
+            //https://bugreports.qt.io/browse/QTBUG-56052
+            y: -contentHeight + font.pixelSize + folderIconStack.y + folderIconStack.height
             anchors {
                 left: parent.left
                 right: parent.right
-                bottom: parent.bottom
-                topMargin: Theme.itemSpacingExtraSmall
             }
         }
 
@@ -173,15 +174,16 @@ Item {
         id: folderLoader
         property Item reorderItem
         property bool isRootFolder:false
+        property int folderIndex: -1
         cacheBuffer: folderLoader.contentHeight
         parent: gridview.contentItem
         y: wrapper.y + wrapper.width
         x: 0
         z: wrapper.z + 100
         width: gridview.width
-        height: count == 0 ? 0 :  (Math.floor((count*wrapper.height-1)/width) + 1) * wrapper.height
+        height: count == 0 ? 0 :  (Math.floor((count*wrapper.width-1)/width) + 1) * wrapper.height
         cellWidth: wrapper.width
-        cellHeight: wrapper.width
+        cellHeight: wrapper.height
         onReorderItemChanged: if(reorderItem == null) folderIconStack.icons=folderIconStack.addIcons()
 
         Rectangle {

src/qml/LauncherItemWrapper.qml

@@ -89,9 +89,11 @@ MouseArea {
             drag.target = null
             parentItem.reorderItem = null
             pager.interactive = true
+            if(parentItem.onUninstall){
                 parentItem.onUninstall = false
                 deleteState="basic"
                 deleter.uninstalling(deleteState)
+            }
             parentItem.folderIndex = -1
             reparent(parentItem.contentItem)
             z = parent.z
@@ -188,7 +190,7 @@ MouseArea {
     }
     Timer {//Just placeholder to get visual feedback
         id:deleteTimer
-        interval: 5000
+        interval: 3000
         onTriggered: {
             iconWrapper.opacity=1.0
             enabled = true

src/qml/Lockscreen.qml

-import QtQuick 2.0
+import QtQuick 2.6
 
 import org.nemomobile.lipstick 0.1
 import org.nemomobile.devicelock 1.0
 import org.nemomobile.configuration 1.0
+import "notifications"
+
 
 Image {
     id: lockScreen
     source: lockScreenWallpaper.value
     fillMode: Image.PreserveAspectCrop
 
+    property bool displayOn
+
     ConfigurationValue{
         id: lockScreenWallpaper
         key: "/home/glacier/lockScreen/wallpaperImage"
@@ -22,22 +26,78 @@ Image {
             right: parent.right
         }
     }
-    DeviceLockUI {
-        id: deviceLockUI
-        visible: false//DeviceLock.state === DeviceLock.Locked
-        anchors {
-            top: clock.bottom
-            left: parent.left
+
+    MouseArea {
+        id:mouseArea
+        anchors.fill: parent
+    }
+    Connections {
+        target:Lipstick.compositor
+        onDisplayOff: {
+            displayOn = false
+            displayOffTimer.stop()
+        }
+        onDisplayOn:{
+            displayOn = true
+            displayOffTimer.stop()
+        }
     }
 
-        height: parent.height-clock.height
-        width: parent.width
+    Connections {
+        target: LipstickSettings
+        onLockscreenVisibleChanged: {
+            if (lockscreenVisible() && displayOn) {
+                displayOffTimer.restart()
+            }
+        }
+    }
+    Timer {
+        id:displayOffTimer
+        interval: 7000
+        onRunningChanged: {
+            if(running && !displayOn) {
+                stop()
+            }
+        }
+        onTriggered: {
+            if(displayOn && lockscreenVisible() && !Lipstick.compositor.gestureOnGoing && !codepad.visible) {
+                setLockScreen(true)
+                Lipstick.compositor.setDisplayOff()
+            }
+        }
+    }
 
-        //visible:
-        z: 201
+    ListView {
+        id: notificationColumn
+        opacity: codePad.visible ? 1 - codePad.opacity : 1
+        anchors{
+            top: clock.bottom
+            topMargin: Theme.itemSpacingHuge
+            bottom:parent.bottom
+            bottomMargin: Theme.itemSpacingHuge
+            left:parent.left
+            leftMargin: Theme.itemSpacingLarge
+            right:parent.right
+            rightMargin: Theme.itemSpacingLarge
         }
+        interactive:false
+        spacing: 0
 
-    MouseArea {
-        anchors.fill: parent
+        model: NotificationListModel {
+            id: notifmodel
+        }
+        delegate: NotificationItem {
+            enabled:DeviceLock.state !== DeviceLock.Locked
+            scale: notificationColumn.opacity
+            transformOrigin: Item.Left
+            iconSize: Theme.itemHeightMedium
+            appName.font.pixelSize: Theme.fontSizeSmall
+            appName.visible: DeviceLock.state !== DeviceLock.Locked
+            appName.anchors.verticalCenter: appIcon.verticalCenter
+            appName.anchors.top: null
+            appBody.font.pixelSize: Theme.fontSizeTiny
+            appBody.visible: false
+            appSummary.visible: false
+        }
     }
 }

src/qml/MainScreen.qml

@@ -46,9 +46,17 @@ Page {
     // This is used in the favorites page and in the lock screen
     WallClock {
         id: wallClock
-        enabled: true /* XXX: Disable when display is off */
+        enabled: true
         updateFrequency: WallClock.Minute
     }
+    //force refresh
+    Connections {
+        target: Lipstick.compositor
+        onDisplayAboutToBeOn: {
+            wallClock.enabled = false
+            wallClock.enabled = true
+        }
+    }
     // This is used in the lock screen
     ConfigurationValue {
         id: wallpaperSource

src/qml/SearchListView.qml

@@ -30,7 +30,6 @@
 ****************************************************************************************/
 import QtQuick 2.6
 import org.nemomobile.lipstick 0.1
-import QtQuick.Controls 1.4
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0
 import org.nemomobile.contacts 1.0
@@ -151,7 +150,6 @@ Item {
             filterType: PeopleModel.FilterAll
             filterPattern: searchString
             requiredProperty: PeopleModel.PhoneNumberRequired
-            //searchableProperty: root.searchableProperty
         }
 
         //Orginal function ** Copyright (C) 2013 Jolla Ltd. ** Contact: Joona Petrell <joona.petrell@jollamobile.com>
@@ -247,7 +245,7 @@ Item {
             }
             Image {
                 id: iconImage
-                width: parent.height-Theme.itemSpacingMedium
+                width: Math.min(Theme.iconSizeLauncher, parent.height-Theme.itemSpacingMedium)
                 height: width
                 source:iconSource
                 anchors.verticalCenter: parent.verticalCenter

src/qml/Statusbar.qml

@@ -59,7 +59,7 @@ Item {
         property int oldY
         anchors.fill: row
         z: row.z + 10
-        enabled: !lockscreenVisible()
+        //enabled: !lockscreenVisible()
         onClicked: {
             if(oldX != mouseX && oldY !== mouseY && row.childAt(mouseX, mouseY) && row.currentChild !== row.childAt(mouseX, mouseY)) {
                 row.currentChild = row.childAt(mouseX, mouseY)

src/qml/compositor.qml

@@ -45,6 +45,8 @@ Compositor {
     property Item topmostApplicationWindow
     property Item topmostAlarmWindow: null
 
+    property bool gestureOnGoing
+
     function windowToFront(winId) {
         var o = root.windowForId(winId)
         var window = null
@@ -141,6 +143,7 @@ Compositor {
             swipeAnimation.stop()
             cancelAnimation.stop()
             lockAnimation.stop()
+            gestureOnGoing = true
             if (root.appActive) {
                 state = "swipe"
             }
@@ -176,6 +179,9 @@ Compositor {
                         // Locks
                         if (!Desktop.instance.lockscreenVisible()) {
                             Desktop.instance.setLockScreen(true)
+                            if(gesture == "down") {
+                                setDisplayOff()
+                            }
                         }
                         // Brings up codepad, only left and right swipes allowed for it for now
                         else if (Desktop.instance.lockscreenVisible() && !Desktop.instance.codepad.visible && DeviceLock.state == DeviceLock.Locked && (gesture !== "down" && gesture !== "up")) {
@@ -193,6 +199,7 @@ Compositor {
                         cancelAnimation.start()
                     }
                 }
+            gestureOnGoing = false
         }
         // States are for the animations that follow your finger during swipes
         states: [

src/qml/notifications/NotificationItem.qml

@@ -6,7 +6,14 @@ MouseArea {
     id: notifyArea
 
     height: childrenRect.height
-    width: rootitem.width
+    width: parent.width
+
+    property alias appIcon: appIcon
+    property alias appBody: appBody
+    property alias appName: appName
+    property alias appSummary: appSummary
+    property int iconSize: Theme.itemHeightExtraLarge
+
 
     drag.target: notifyArea
     drag.axis: Drag.XAxis
@@ -54,10 +61,10 @@ MouseArea {
 
     Image {
         id: appIcon
-        height: Theme.itemHeightExtraLarge
-        width: height
         property string defaultIcon: "/usr/share/lipstick-glacier-home-qt5/qml/images/glacier.svg"
 
+        height: iconSize
+        width: iconSize
         anchors{
             left: parent.left
             leftMargin: Theme.itemSpacingLarge
@@ -78,7 +85,7 @@ MouseArea {
     Label {
         id: appName
         text: modelData.appName
-        width: (rootitem.width-appIcon.width)-Theme.itemSpacingHuge
+        width: (parent.width-appIcon.width)-Theme.itemSpacingHuge
         color: Theme.textColor
         font.pixelSize: Theme.fontSizeMedium
         font.capitalization: Font.AllUppercase
@@ -93,7 +100,7 @@ MouseArea {
     Label {
         id: appSummary
         text: modelData.summary
-        width: (rootitem.width-appIcon.width)-Theme.itemSpacingHuge
+        width: (parent.width-appIcon.width)-Theme.itemSpacingHuge
         color: Theme.textColor
         font.pixelSize: Theme.fontSizeLarge
         //font.bold :true
@@ -109,7 +116,7 @@ MouseArea {
 
     Label {
         id: appBody
-        width: (rootitem.width-appIcon.width)-Theme.itemSpacingHuge
+        width: (parent.width-appIcon.width)-Theme.itemSpacingHuge
         text: modelData.body
         color: Theme.textColor
         font.pixelSize: Theme.fontSizeMedium

src/qml/statusbar/StatusbarItem.qml

@@ -35,7 +35,9 @@ Item {
     }
     MouseArea {
         id:mouse
-        anchors.fill: parent
+        anchors.centerIn: parent
+        width: parent.width + Theme.itemSpacingSmall
+        height: parent.height + Theme.itemSpacingSmall
         enabled: !lockscreenVisible()
         onClicked: parent.clicked()
     }