Add Icon and PullDownMenu *WIP*

qml/About.qml

@@ -0,0 +1,48 @@
+import QtQuick 2.0
+import Sailfish.Silica 1.0
+
+Page {
+    PageHeader {
+        id: header
+        title: "About"
+    }
+
+    Label {
+        anchors.top: header.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: parent.width
+        text: "this application was created by\nkirbylife\nunder the GPL V2.0 license,\nanyone is free to view\nthe code and modify it."
+        truncationMode: TruncationMode.Elide
+    }
+
+    Button {
+        id: btnCode
+        anchors.bottom: btnTwitter.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottomMargin: 50
+        text: "Code"
+        onClicked: {
+            Qt.openUrlExternally("https://gitlab.com/kirbylife/harbour-muchkin")
+        }
+    }
+    Button {
+        id: btnTwitter
+        anchors.bottom: btnDonate.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottomMargin: 50
+        text: "Twitter"
+        onClicked: {
+            Qt.openUrlExternally("https://twitter.com/kirbylife")
+        }
+    }
+    Button {
+        id: btnDonate
+        anchors.bottom: parent.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottomMargin: 50
+        text: "Donate"
+        onClicked: {
+            Qt.openUrlExternally("https://www.paypal.com/paypalme/kirbylife")
+        }
+    }
+}

qml/Icon.qml

@@ -62,7 +62,6 @@ Page {
         anchors.top: header.bottom
         width: parent.width
         height: width
-        // source: attrs.Icon
     }
 
     Button {
@@ -75,7 +74,9 @@ Page {
             py.importModule("main", function(){
                 py.call("main.save_icon", [iconEditor.attrs], function(result){
                     if(result){
-                        pageStack.navigateBack(PageStackAction.Animated)
+                        pageStack.pop()
+                        pageStack.completeAnimation()
+                        pageStack.currentPage.mainList.reload()
                     }
                 })
             })

qml/Main.qml

@@ -3,14 +3,25 @@ import Sailfish.Silica 1.0
 import io.thp.pyotherside 1.3
 
 Page {
+    SilicaFlickable {
         id: mainList
+        anchors.fill: parent
+
+        PullDownMenu {
+            MenuItem {
+                text: "About"
+                onClicked: pageStack.push(Qt.resolvedUrl("About.qml"))
+            }
+        }
 
         PageHeader {
             id: header
             width: parent.width
             title: "Select the webapp to unify"
         }
+
         SilicaGridView {
+
             anchors.top: header.bottom
             width: parent.width
             height: parent.height
@@ -41,17 +52,25 @@ Page {
             }
         }
 
-    Python {
+        function reload(){
-        id: py
+            appsList.clear()
-        Component.onCompleted: {
+            py.addImportPath(Qt.resolvedUrl("../src"))
-            py.addImportPath(Qt.resolvedUrl("../src"));
             py.importModule("main", function(){
                 py.call("main.get_web_icons", [], function(apps){
                     for(var i=0; i < apps.length; i++){
-                        appsList.append({attrs: apps[i]});
+                        appsList.append({attrs: apps[i]})
                     }
                 })
             })
         }
+
+        Python {
+            id: py
+
+            Component.onCompleted: {
+                mainList.reload()
             }
         }
+    }
+
+}