Add NemoBluredImage item

examples/touch/content/BlurredImagePage.qml

@@ -0,0 +1,158 @@
+/*
+ * Copyright (C) 2021 Chupligin Sergey (NeoChapay) <[email protected]>
+ *
+ * This library 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 of the License, or (at your option) any later version.
+ *
+ * This library 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 library; see the file COPYING.LIB.  If not, write to
+ * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
+ * Boston, MA 02110-1301, USA.
+ */
+
+import QtQuick 2.6
+import QtQuick.Controls 1.0 //needed for the Stack attached property
+import QtQuick.Controls.Nemo 1.0
+import QtQuick.Controls.Styles.Nemo 1.0
+
+Page {
+    id: root
+
+    headerTools: HeaderToolsLayout {
+        showBackButton: false;
+        title: qsTr("Blurred page")
+    }
+
+
+
+    ScrollDecorator{
+        flickable: mainContent
+    }
+
+
+    Flickable{
+        id: mainContent
+        width: parent.width
+        height: parent.height
+
+        contentHeight: contentColumn.height+Theme.itemHeightExtraLarge
+
+        Column {
+            id: contentColumn
+            spacing: Theme.itemSpacingLarge*2
+            width: parent.width
+
+            anchors{
+                top: parent.top
+                topMargin: Theme.itemSpacingLarge
+                left: parent.left
+                leftMargin: Theme.itemSpacingLarge
+            }
+
+            NemoBlurredImage{
+                id: blurred
+                width: parent.width - Theme.itemSpacingLarge*2
+                height: root.height/3
+
+                source: "/usr/share/glacier-components/images/example.jpg"
+            }
+
+            Label {
+                text: qsTr("Select dim color")
+            }
+
+            Row{
+                width: parent.width - Theme.itemSpacingLarge*2
+                height: Theme.itemHeightExtraLarge
+
+                Rectangle{
+                    width: parent.width/3
+                    height: parent.height
+                    color: "red"
+                    Label{
+                        anchors.fill: parent
+                        text: "Red"
+                    }
+
+                    MouseArea{
+                        anchors.fill: parent
+                        onClicked: blurred.dimColor = "red"
+                    }
+                }
+
+
+                Rectangle{
+                    width: parent.width/3
+                    height: parent.height
+                    color: "black"
+                    Label{
+                        anchors.fill: parent
+                        text: "Black"
+                    }
+
+                    MouseArea{
+                        anchors.fill: parent
+                        onClicked: blurred.dimColor = "black"
+                    }
+                }
+
+                Rectangle{
+                    width: parent.width/3
+                    height: parent.height
+                    color: "white"
+                    Label{
+                        anchors.fill: parent
+                        text: "White"
+                        color: "black"
+                    }
+
+                    MouseArea{
+                        anchors.fill: parent
+                        onClicked: blurred.dimColor = "white"
+                    }
+                }
+            }
+
+            Label {
+                text: qsTr("Blur radius")
+            }
+
+            Slider {
+                id: radiusSlider
+                anchors.margins: 20
+                minimumValue: 0
+                maximumValue: 100
+                value: blurred.radius
+                width: parent.width - Theme.itemSpacingLarge*2
+                onValueChanged: {
+                    blurred.radius = radiusSlider.value
+                }
+            }
+
+
+            Label {
+                text: qsTr("Opacity")
+            }
+
+            Slider {
+                id: opacitySlider
+                anchors.margins: 20
+                value: blurred.opacity
+                minimumValue: 0
+                maximumValue: 1
+                width: parent.width - Theme.itemSpacingLarge*2
+                onValueChanged: {
+                    blurred.opacity = opacitySlider.value
+                }
+            }
+        }
+    }
+}
+

examples/touch/content/ButtonPage.qml

@@ -2,6 +2,7 @@
 **
 ** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
 ** Contact: http://www.qt-project.org/legal
+** Copyright (C) 2021 Chupligin Sergey <[email protected]>
 **
 ** This file is part of the Qt Quick Controls module of the Qt Toolkit.
 **
@@ -46,7 +47,10 @@ import QtQuick.Controls.Styles.Nemo 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: false; title: "Buttons (portrait only, no back arrow)" }
+    headerTools: HeaderToolsLayout {
+        showBackButton: false;
+        title: qsTr("Buttons (portrait only, no back arrow)")
+    }
     allowedOrientations: Qt.PortraitOrientation
 
     Column {
@@ -57,8 +61,15 @@ Page {
             property bool isGlacier: true
             anchors.margins: 20
             text: isGlacier ? "Set Ugly Theme" : "Set Nice Theme"
-            onClicked: isGlacier ? Theme.loadTheme("ugly")
-                                 : Theme.loadTheme("glacier")
+            onClicked: {
+                if (isGlacier ) {
+                    Theme.loadTheme("/usr/lib/qt/qml/QtQuick/Controls/Styles/Nemo/themes/glacier_orange.json")
+                } else {
+                    Theme.loadTheme("/usr/lib/qt/qml/QtQuick/Controls/Styles/Nemo/themes/glacier_black.json")
+                }
+                isGlacier = !isGlacier;
+            }
+
         }
 
         Button {

examples/touch/content/ButtonRowPage.qml

@@ -1,6 +1,7 @@
 /****************************************************************************************
 **
 ** Copyright (C) 2014 Aleksi Suomalainen <[email protected]>
+** Copyright (C) 2021 Chupligin Sergey <[email protected]>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -37,7 +38,10 @@ import QtQuick.Controls.Styles.Nemo 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: true; title: "Button row (Landscape only)" }
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Button row (Landscape only)")
+    }
     allowedOrientations: Qt.LandscapeOrientation
 
     Column {
@@ -69,14 +73,14 @@ Page {
         Connections {
             target: row
             onCurrentIndexChanged: {
-                selector.text = "Selected " + buttonModel.get(row.currentIndex).name
+                selector.text = qsTr("Selected") + " " + buttonModel.get(row.currentIndex).name
             }
         }
 
         Label {
             id: selector
             anchors.horizontalCenter: parent.horizontalCenter
-            text: "Nothing selected"
+            text: qsTr("Nothing selected")
         }
         ButtonRow {
             id: row2

examples/touch/content/CheckboxPage.qml

@@ -1,6 +1,7 @@
 /****************************************************************************************
 **
 ** Copyright (C) 2013 Aleksi Suomalainen <[email protected]>
+** Copyright (C) 2021 Chupligin Sergey <[email protected]>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -37,7 +38,10 @@ import QtQuick.Controls.Styles.Nemo 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: true; title:  qsTr("Switch") }
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title:  qsTr("Switch")
+    }
 
     Column {
         spacing: 40

examples/touch/content/DatePickerPage.qml

@@ -1,6 +1,6 @@
 /****************************************************************************************
 **
-** Copyright (C) 2017 Chupligin Sergey <[email protected]>
+** Copyright (C) 2017-2021 Chupligin Sergey <[email protected]>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -37,12 +37,20 @@ import QtQuick.Controls.Styles.Nemo 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: true; title: "Date Picker" }
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Date Picker")
+    }
 
     Column {
-        spacing: 40
+        spacing: Theme.itemSpacingSmall
+
         width: parent.width
         DatePicker{
+            id: datePicker
+            onDateSelect: {
+                currentDate = date
+            }
         }
     }
 }

examples/touch/content/DialogsPage.qml

@@ -1,7 +1,7 @@
 /****************************************************************************************
 **
 ** Copyright (C) 2014 Aleksi Suomalainen <[email protected]>
-** Copyright (C) 2017 Chupligin Sergey <[email protected]>
+** Copyright (C) 2017-2021 Chupligin Sergey <[email protected]>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -40,7 +40,10 @@ import Nemo.Dialogs 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: true; title: qsTr("Query dialog example") }
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Query dialog example")
+    }
 
     Image {
         id: bgImage

examples/touch/content/IconPage.qml

@@ -1,6 +1,7 @@
 /****************************************************************************************
 **
 ** Copyright (C) 2017 Eetu Kahelin
+** Copyright (C) 2021 Chupligin Sergey <[email protected]>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -37,7 +38,10 @@ import QtQuick.Controls.Styles.Nemo 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: true; title: "Icon example" }
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Icons")
+    }
     allowedOrientations: Qt.PortraitOrientation | Qt.LandscapeOrientation | Qt.InvertedLandscapeOrientation | Qt.InvertedPortraitOrientation
 
     Column {

examples/touch/content/LabelPage.qml

@@ -1,6 +1,7 @@
 /****************************************************************************************
 **
 ** Copyright (C) 2013 Aleksi Suomalainen <[email protected]>
+** Copyright (C) 2021 Chupligin Sergey <[email protected]>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -37,14 +38,18 @@ import QtQuick.Controls.Styles.Nemo 1.0
 Page {
     id: root
 
-    headerTools: HeaderToolsLayout { showBackButton: true; title: "Label" }
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Label")
+    }
+
     allowedOrientations: Qt.PortraitOrientation | Qt.LandscapeOrientation | Qt.InvertedLandscapeOrientation | Qt.InvertedPortraitOrientation
 
     Column {
         spacing: 40
         anchors.centerIn: parent
         Label {
-            text: "Test label"
+            text: qsTr("Test label")
         }
     }
 }