add itemselector to the appconfig webview

2 files changed, 62 insertions, 1 deletions

diff --git a/app/qml/pages/AppConfigDialog.qml b/app/qml/pages/AppConfigDialog.qml
index 92f188f..304bced 100644
--- a/app/qml/pages/AppConfigDialog.qml
+++ b/app/qml/pages/AppConfigDialog.qml
@@ -19,6 +19,8 @@ Dialog {
             title: "Configuring " + name
         }
 
+        VerticalScrollDecorator { flickable: webview }
+
         onNavigationRequested: {
             console.log("appconfig navigation requested to " + request.url);
             var url = request.url.toString();
@@ -34,7 +36,21 @@ Dialog {
             }
         }
 
-        VerticalScrollDecorator { flickable: webview }
+        experimental.itemSelector: Component {
+            Item {
+                Component.onCompleted: {
+                    var dialog = pageStack.push(Qt.resolvedUrl("WebItemSelDialog.qml"), {
+                                                       model: model.items
+                                                });
+                    dialog.onRejected.connect(function() {
+                        model.reject();
+                    });
+                    dialog.onAccepted.connect(function() {
+                        model.accept(dialog.selectedIndex);
+                    });
+                }
+            }
+        }
     }
 
     ProgressBar {
diff --git a/app/qml/pages/WebItemSelDialog.qml b/app/qml/pages/WebItemSelDialog.qml
new file mode 100644
index 0000000..f8c49f2
--- /dev/null
+++ b/app/qml/pages/WebItemSelDialog.qml
@@ -0,0 +1,45 @@
+import QtQuick 2.0
+import QtQml 2.1
+import Sailfish.Silica 1.0
+
+Dialog {
+    id: itemSelDialog
+    property alias model: listView.model
+    property int selectedIndex: -1
+
+    SilicaListView {
+        id: listView
+        anchors.fill: parent
+
+        VerticalScrollDecorator { flickable: webview }
+
+        header: PageHeader {
+        }
+
+        delegate: ListItem {
+            id: itemDelegate
+            contentHeight: Theme.itemSizeSmall
+
+            Label {
+                anchors {
+                    left: parent.left
+                    leftMargin: Theme.paddingMedium
+                    right: parent.right
+                    rightMargin: Theme.paddingMedium
+                    verticalCenter: parent.verticalCenter
+                }
+                text: model.text
+                color: model.enabled ?
+                           (itemDelegate.highlighted ? Theme.highlightColor : Theme.primaryColor)
+                         : Theme.secondaryColor
+                truncationMode: TruncationMode.Fade
+            }
+
+            enabled: model.enabled
+            onClicked: {
+                selectedIndex = model.index;
+                accept();
+            }
+        }
+    }
+}