Merge pull request #75 from neochapay/master

Update search panel

src/qml/CloseButton.qml

@@ -21,7 +21,7 @@
 //
 // Copyright (c) 2012, Timur Kristóf <venemo@fedoraproject.org>
 
-import QtQuick 2.0
+import QtQuick 2.6
 
 Image {
     id: closeButton

src/qml/DeviceLockUI.qml

-import QtQuick 2.1
+import QtQuick 2.6
 import QtQuick.Controls 1.0
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0

src/qml/FeedsPage.qml

@@ -22,7 +22,7 @@
 // Copyright (c) 2011, Tom Swindell <t.swindell@rubyx.co.uk>
 // Copyright (c) 2012, Timur Kristóf <venemo@fedoraproject.org>
 
-import QtQuick 2.1
+import QtQuick 2.6
 import org.nemomobile.lipstick 0.1
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0

src/qml/GlacierRotation.qml

@@ -29,7 +29,7 @@
 **
 ****************************************************************************************/
 
-import QtQuick 2.1
+import QtQuick 2.6
 import QtQuick.Window 2.1
 import org.nemomobile.lipstick 0.1
 

src/qml/LockscreenClock.qml

 
-import QtQuick 2.1
+import QtQuick 2.6
 import org.nemomobile.devicelock 1.0
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0

src/qml/MainScreen.qml

@@ -29,7 +29,7 @@
 **
 ****************************************************************************************/
 
-import QtQuick 2.1
+import QtQuick 2.6
 import QtQuick.Controls 1.0
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0
@@ -43,6 +43,7 @@ import org.nemomobile.devicelock 1.0
 import "scripts/desktop.js" as Desktop
 
 Page {
+    id: desktop
     // This is used in the favorites page and in the lock screen
     WallClock {
         id: wallClock
@@ -63,7 +64,7 @@ Page {
         key: "/home/glacier/homeScreen/wallpaperImage"
         defaultValue: "/usr/share/lipstick-glacier-home-qt5/qml/images/wallpaper-portrait-bubbles.png"
     }
-    id: desktop
+
     property alias lockscreen: lockScreen
     property alias switcher: switcher
     property int statusBarHeight: statusbar.height

src/qml/Pager.qml

@@ -21,7 +21,7 @@
 //
 // Copyright (c) 2012, Timur Kristóf <venemo@fedoraproject.org>
 
-import QtQuick 2.0
+import QtQuick 2.6
 
 PathView {
     id: pager

src/qml/ShutdownScreen.qml

-import QtQuick 2.0
+import QtQuick 2.6
 import QtQuick.Window 2.0
 import org.nemomobile.lipstick 0.1
 import ".."

src/qml/Statusbar.qml

@@ -29,7 +29,7 @@
 ** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 **
 ****************************************************************************************/
-import QtQuick 2.1
+import QtQuick 2.6
 import QtQuick.Layouts 1.0
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0

src/qml/SwitcherItem.qml

@@ -22,7 +22,7 @@
 // Copyright (c) 2011, Tom Swindell <t.swindell@rubyx.co.uk>
 // Copyright (c) 2012, Timur Kristóf <venemo@fedoraproject.org>
 
-import QtQuick 2.0
+import QtQuick 2.6
 import org.nemomobile.lipstick 0.1
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0

src/qml/ToolBarLayoutExample.qml

-import QtQuick 2.0
+import QtQuick 2.6
 import QtQuick.Controls.Nemo 1.0
 
 Item {

src/qml/VolumeControl.qml

@@ -29,7 +29,7 @@
 **
 ****************************************************************************************/
 
-import QtQuick 2.1
+import QtQuick 2.6
 import QtQuick.Controls 1.0
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0

src/qml/applauncher/Deleter.qml

+// This file is part of glacier-home, a nice user experience for touchscreens.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+//
+// Copyright (c) 2018, Chupligin Sergey <neochapay@gmail.com>
+
+import QtQuick 2.6
+
+import QtQuick.Controls.Nemo 1.0
+import QtQuick.Controls.Styles.Nemo 1.0
+
+Item {//Doesn't yet uninstall applications
+    id: deleter
+    property alias remove: remove
+    property alias uninstall: uninstall
+    function uninstalling(action, caption) {
+        state = action
+        if (action==="remove") {
+            remove.text = qsTr("Removing") + " " + caption
+        } else if (action == "uninstall") {
+            uninstall.text = qsTr("Uninstalling") + " " + caption
+        }
+    }
+
+    states: [
+        State {
+            name: "remove"
+            PropertyChanges {
+                target: remove
+                color1: "#D9ff0000"
+                color2: "#D9ff0000"
+                color3: "#D9ff0000"
+            }
+            PropertyChanges {
+                target: uninstall
+                color1: "#D9ff0000"
+                color2: "#80ff0000"
+                color3: "#4Dff0000"
+            }
+            PropertyChanges {
+                target: uninstall
+                text: qsTr("Uninstall")
+            }
+        },
+        State {
+            name: "uninstall"
+            PropertyChanges {
+                target: uninstall
+                color1: "#D9ff0000"
+                color2: "#D9ff0000"
+                color3: "#D9ff0000"
+            }
+            PropertyChanges {
+                target: remove
+                color1: "#D9ff0000"
+                color2: "#80ff0000"
+                color3: "#4Dff0000"
+            }
+            PropertyChanges {
+                target: remove
+                text: qsTr("Remove")
+            }
+        },
+        State {
+            name:"basic"
+            PropertyChanges {
+                target: remove
+                color1: "#D9ff0000"
+                color2: "#80ff0000"
+                color3: "#4Dff0000"
+            }
+            PropertyChanges {
+                target: remove
+                text: qsTr("Remove")
+            }
+            PropertyChanges {
+                target: uninstall
+                color1: "#D9ff0000"
+                color2: "#80ff0000"
+                color3: "#4Dff0000"
+            }
+            PropertyChanges {
+                target: uninstall
+                text: qsTr("Uninstall")
+            }
+        }
+    ]
+
+    Rectangle {//WHY?
+        id: remove
+        property color color1: "#D9ff0000"
+        property color color2: "#80ff0000"
+        property color color3: "#4Dff0000"
+        property alias text: removeLabel.text
+        anchors.left: parent.left
+        visible: gridview.onUninstall
+        height: Theme.itemHeightExtraLarge
+        width: gridview.width / 2
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: remove.color1 }
+            GradientStop { position: 0.5; color: remove.color2 }
+            GradientStop { position: 1.0; color: remove.color3 }
+        }
+        Row {
+            width: parent.width
+            height: parent.height
+            Image {
+                id:removeIcon
+                fillMode: Image.PreserveAspectFit
+                height: parent.height -Theme.itemSpacingExtraSmall
+                width: height
+                anchors.verticalCenter: parent.verticalCenter
+                source: "image://theme/remove"
+                visible: deleter.state != "remove"
+            }
+
+            Label {
+                id: removeLabel
+                text: qsTr("Remove")
+                height: parent.height
+                width: parent.width - (removeIcon.visible ?  removeIcon.width : 0)
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Theme.fontSizeSmall
+                elide:Text.ElideRight
+                horizontalAlignment:Text.AlignHCenter
+                verticalAlignment:Text.AlignVCenter
+            }
+        }
+    }
+    Rectangle {
+        id: uninstall
+        property color color1: "#D9ff0000"
+        property color color2: "#80ff0000"
+        property color color3: "#4Dff0000"
+        property alias text: uninstallLabel.text
+        anchors.left: remove.right
+        visible: gridview.onUninstall
+        width: gridview.width / 2
+        height: Theme.itemHeightExtraLarge
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: uninstall.color1 }
+            GradientStop { position: 0.5; color: uninstall.color2 }
+            GradientStop { position: 1.0; color: uninstall.color3 }
+        }
+        Row {
+            width: parent.width
+            height: parent.height
+            Image {
+                id:trashIcon
+                fillMode: Image.PreserveAspectFit
+                height: parent.height -Theme.itemSpacingExtraSmall
+                width: height
+                anchors.verticalCenter: parent.verticalCenter
+                source: "image://theme/trash"
+                visible: deleter.state != "uninstall"
+            }
+            Label {
+                id: uninstallLabel
+                height: parent.height
+                width: parent.width - (trashIcon.visible ?  trashIcon.width : 0)
+                anchors.verticalCenter: parent.verticalCenter
+                text: qsTr("Uninstall")
+                font.pixelSize: Theme.fontSizeSmall
+                elide:Text.ElideRight
+                horizontalAlignment:Text.AlignHCenter
+                verticalAlignment:Text.AlignVCenter
+            }
+        }
+    }
+}
+

src/qml/SearchListView.qml → src/qml/applauncher/SearchListView.qml

 /****************************************************************************************
 **
 ** Copyright (c) 2017, Eetu Kahelin
+** Copyright (c) 2018, Chupligin Sergey
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -29,41 +30,68 @@
 **
 ****************************************************************************************/
 import QtQuick 2.6
-import org.nemomobile.lipstick 0.1
 import QtQuick.Controls.Nemo 1.0
 import QtQuick.Controls.Styles.Nemo 1.0
+
+import org.nemomobile.lipstick 0.1
 import org.nemomobile.contacts 1.0
 
 Item {
     id:rootItem
-    height: (searchField.text.length > 0 ?  listView.height+searchField.height : searchField.height) + (visible ? Theme.itemSpacingHuge + margin.height : 0)
-    visible: false
+    height: calculateHeight()
     anchors.bottomMargin:Theme.itemSpacingHuge
     property alias searchField: searchField
     property int oldHeight
 
-    Behavior on height {
-        enabled:!visible
-        NumberAnimation{ duration: 300 }
+    InverseMouseArea {
+        anchors.fill: parent
+        onPressed: cleanup()
     }
 
 
-    onVisibleChanged: {
-        if( visible){
-            searchField.focus = true
-            searchField.forceActiveFocus()
-        } else searchField.focus = false
-        oldHeight=height
+    function cleanup(){
+        searchField.focus = false
+        appLauncher.searchString = ""
+        searchField.text = ""
+
+        if(!alwaysShowSearch.value == true)
+        {
+            searchListView.visible = false;
+        }
     }
 
-    Item {
-        id:margin
-        height: Theme.itemSpacingSmall
+    function calculateHeight()
+    {
+        if(rootItem.visible){
+            if(searchField.text.length > 0){
+               return  parent.height
+            }
+            return searchRow.height+Theme.itemSpacingHuge
+        }
+        else
+        {
+            return 0;
+        }
     }
+
+    onVisibleChanged: {
+        if(alwaysShowSearch.value == false)
+        {
+            if(visible){
+                rootItem.height = calculateHeight()
+                searchField.focus = true
+                searchField.forceActiveFocus()
+            } else {
+                searchField.focus = false
+            }
+            oldHeight=height
+        }
+    }
+
     Row {
         id:searchRow
         anchors {
-            top:margin.bottom
+            top: parent.top
             left: parent.left
             right: parent.right
             topMargin: Theme.itemSpacingHuge
@@ -78,6 +106,15 @@ Item {
             height: searchField.height
             fillMode: Image.PreserveAspectFit
             source: "image://theme/search"
+
+            MouseArea{
+                id: hideShowMouseArea
+                anchors.fill: parent
+                onPressAndHold: {
+                    hideShowRow.visible = true
+                    rootItem.height = rootItem.height+hideShowRow.height
+                }
+            }
         }
 
         TextField {
@@ -85,25 +122,64 @@ Item {
             width:parent.width - searchIcon.width - Theme.itemSpacingMedium
             placeholderText: qsTr("Search")
             Binding {
-                target: gridview
+                target: appLauncher
                 property: "searchString"
                 value: searchField.text.toLowerCase().trim()
             }
             onTextChanged: {
-                if(tex.lenght>0) {
+                if(searchField.lenght>0) {
                     searchField.forceActiveFocus()
                 }
             }
         }
+    }
+
+    Row{
+        id: hideShowRow
+        visible: false
+        width: parent.width-Theme.itemSpacingMedium*2
+        height: visible ? hideShowButton.height+Theme.itemSpacingMedium : 0
+        anchors{
+            top: searchRow.bottom
+            topMargin: visible ? Theme.itemSpacingMedium : 0
+        }
+
+        Button{
+            id: hideShowButton
+            text: alwaysShowSearch.value == true ? qsTr("Hide search panel") : qsTr("Pinup search panel")
+            width: parent.width
+            onClicked: {
+                rootItem.height = rootItem.height-hideShowRow.height
+                hideShowRow.visible = false
+                if(alwaysShowSearch.value == true)
+                {
+                    alwaysShowSearch.value = false
+                }
+                else
+                {
+                    alwaysShowSearch.value = true
+                }
+            }
+        }
 
+        InverseMouseArea {
+            anchors.fill: parent
+            onPressed: {
+                rootItem.height = rootItem.height-hideShowRow.height
+                hideShowRow.visible = false
+            }
+        }
     }
+
     ListView {
         id:listView
         clip: true
         width: parent.width
         height:contentHeight
-        anchors.top: searchRow.bottom
-        anchors.topMargin: Theme.itemSpacingSmall
+        anchors{
+            top: searchRow.bottom
+            topMargin: listModel.count > 0 ? Theme.itemSpacingSmall : 0
+        }
         visible: searchString.length>0
         section.property: 'category'
         section.delegate: Component{
@@ -155,7 +231,7 @@ Item {
         }
 
         Connections {
-            target: gridview
+            target: appLauncher
             onSearchStringChanged: listView.update()
         }
 
@@ -190,15 +266,34 @@ Item {
                 for (i = 0; i < searchLauncherModel.itemCount; ++i) {
                     if (searchLauncherModel.get(i).type === LauncherModel.Folder) {
                         for(var j = 0; j< searchLauncherModel.get(i).itemCount; ++j ) {
-                            titles.push({'iconTitle':searchLauncherModel.get(i).get(j).title, 'iconSource':searchLauncherModel.get(i).get(j).iconId, 'id':i, 'folderId':j, 'category':qsTr("Application")})
+                            titles.push({
+                                            'iconTitle':searchLauncherModel.get(i).get(j).title,
+                                            'iconSource':searchLauncherModel.get(i).get(j).iconId,
+                                            'id':i,
+                                            'folderId':j,
+                                            'category':qsTr("Application"),
+                                            'extraCaption': qsTr("installed on you device")
+                                        })
                         }
                     } else {
-                        titles.push({'iconTitle':searchLauncherModel.get(i).title, 'iconSource':searchLauncherModel.get(i).iconId, 'id':i, 'folderId':-1, 'category':qsTr("Application")})
+                        titles.push({
+                                        'iconTitle':searchLauncherModel.get(i).title,
+                                        'iconSource':searchLauncherModel.get(i).iconId,
+                                        'id':i,
+                                        'folderId':-1,
+                                        'category':qsTr("Application"),
+                                        'extraCaption': qsTr("installed on you device")
+                                    })
                     }
                 }
                 for (i = 0; i < peopleModel.count; ++i) {
                     if(peopleModel.get(i).firstName && peopleModel.get(i).lastName) {
-                        contacts.push({'title':(peopleModel.get(i).firstName + " " + peopleModel.get(i).lastName), 'iconSource':peopleModel.get(i).avatarUrl.toString(), 'extraCaption':peopleModel.get(i).phoneNumbers, 'category':qsTr("Contact")})
+                        contacts.push({
+                                          'title':(peopleModel.get(i).firstName + " " + peopleModel.get(i).lastName),
+                                          'iconSource':peopleModel.get(i).avatarUrl.toString(),
+                                          'extraCaption':peopleModel.get(i).phoneNumbers,
+                                          'category':qsTr("Contact")
+                                      })
                     }
                 }
                 var filteredTitles = titles.filter(function (icon) {
@@ -236,7 +331,7 @@ Item {
                     found = existingTitleObject.hasOwnProperty(iconTitle)
                     if (!found) {
                         // for simplicity, just adding to end instead of corresponding position in original list
-                        listModel.append({'title':iconTitle, 'iconSource':iconId, 'id':id, 'folderId':folderId, 'category':category})
+                        listModel.append({'title':iconTitle, 'iconSource':iconId, 'id':id, 'folderId':folderId, 'category':category, 'extraCaption': ""})
                     }
                 }
                 for (i = 0; i < contacts.length; ++i) {

src/qml/compositor.qml

@@ -21,9 +21,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.
 
-import QtQuick 2.0
+import QtQuick 2.6
 import org.nemomobile.lipstick 0.1
-
 import org.nemomobile.devicelock 1.0
 
 import "compositor"

src/qml/compositor/ScreenGestureArea.qml

@@ -20,7 +20,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.
 
-import QtQuick 2.0
+import QtQuick 2.6
 import QtQuick.Window 2.0
 import org.nemomobile.lipstick 0.1
 

src/qml/compositor/WindowWrapperAlpha.qml

@@ -20,7 +20,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.
 
-import QtQuick 2.0
+import QtQuick 2.6
 
 WindowWrapperBase {
     id: wrapper

src/qml/compositor/WindowWrapperBase.qml

@@ -20,7 +20,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.
 
-import QtQuick 2.0
+import QtQuick 2.6
 
 Item {
     id: wrapper

src/qml/compositor/WindowWrapperMystic.qml

@@ -21,7 +21,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.
 
-import QtQuick 2.1
+import QtQuick 2.6
 import QtQuick.Window 2.1
 import org.nemomobile.lipstick 0.1
 

src/src.pro

@@ -46,8 +46,7 @@ qml.files = qml/MainScreen.qml \
     qml/GlacierRotation.qml \
     qml/DeviceLockUI.qml \
     qml/LauncherItemWrapper.qml \
-    qml/LauncherItemFolder.qml  \
-    qml/SearchListView.qml
+    qml/LauncherItemFolder.qml
 
 qmlcompositor.path = /usr/share/lipstick-glacier-home-qt5/qml/compositor
 qmlcompositor.files = qml/compositor/WindowWrapperMystic.qml \
@@ -83,6 +82,10 @@ statusbar.files = qml/statusbar/BatteryPanel.qml\
                 qml/statusbar/NumButton.qml \
                 qml/statusbar/MediaController.qml
 
+applauncher.path = /usr/share/lipstick-glacier-home-qt5/qml/applauncher
+applauncher.files = qml/applauncher/SearchListView.qml \
+                qml/applauncher/Deleter.qml
+
 settingswallpaperplugin.files = settings-plugins/wallpaper/wallpaper.qml \
                        settings-plugins/wallpaper/selectImage.qml \
                        settings-plugins/wallpaper/wallpaper.svg
@@ -112,7 +115,8 @@ INSTALLS += styles \
             statusbar\
             settingswallpaperplugin\
             settingsnotificationsplugin\
-            settingspluginconfig
+            settingspluginconfig \
+            applauncher
 
 CONFIG += qt link_pkgconfig
 QT += quick compositor
@@ -130,43 +134,17 @@ PKGCONFIG += lipstick-qt5 \
     nemodevicelock
 
 OTHER_FILES += qml/*.qml \
-    qml/MainScreen.qml \
-    qml/compositor.qml \
-    qml/LauncherItemDelegate.qml \
-    qml/Lockscreen.qml \
-    qml/LockscreenClock.qml \
-    qml/AppSwitcher.qml \
-    qml/AppLauncher.qml \
-    qml/ToolBarLayoutExample.qml \
-    qml/SwitcherItem.qml \
-    qml/CloseButton.qml \
-    qml/compositor/WindowWrapperMystic.qml \
-    qml/compositor/WindowWrapperBase.qml \
-    qml/compositor/WindowWrapperAlpha.qml \
-    qml/compositor/ScreenGestureArea.qml \
-    qml/NotificationPreview.qml \
+    qml/compositor/*.qml \
     qml/scripts/desktop.js \
-    qml/FeedsPage.qml \
-    qml/Statusbar.qml \
-    qml/StatusbarItem.qml \
-    qml/WifiPanel.qml \
-	nemovars.conf \
-    qml/SimPanel.qml \
-    qml/NumButton.qml \
-    qml/USBModeSelector.qml \
-    qml/VolumeControl.qml \
-    qml/BatteryPanel.qml \
-    qml/CommonPanel.qml \
-    qml/ShutdownScreen.qml \
-    qml/GlacierRotation.qml
+    nemovars.conf \
+    qml/connectivity/*.qml
 
 TRANSLATIONS += i18n/glacer-home.ts
 
 DISTFILES += \
     i18n/glacer-home.ts \
-    qml/connectivity/ConnectionSelector.qml \
-    qml/statusbar/BatteryIndicator.qml \
-    settings-plugins/wallpaper/selectImage.qml \
-    settings-plugins/notifications/notifications.json \
-    settings-plugins/notifications/notifications.svg \
-    settings-plugins/notifications/notifications.qml
+    qml/*/*.qml \
+    settings-plugins/*/*.qml \
+    settings-plugins/*/*.json \
+    settings-plugins/*/*.svg
+