Initial layout

1 files changed, 139 insertions, 0 deletions

diff --git a/qml/pages/FirstPage.qml b/qml/pages/FirstPage.qml
new file mode 100644
index 0000000..9cfd4db
--- /dev/null
+++ b/qml/pages/FirstPage.qml
@@ -0,0 +1,139 @@
+import QtQuick 2.0
+import Sailfish.Silica 1.0
+
+Page {
+    property var pads: [
+        [0, 0, 0, 0],
+        [0, 0, 0, 0],
+        [0, 0, 0, 0],
+        [0, 0, 0, 0]
+    ];
+
+    function check(row, index, checked) {
+        pads[row][index] = checked ? 1 : 0;
+    }
+
+    function getRandom() {
+        return Math.floor(Math.random() * 16);
+    }
+
+    id: page
+    allowedOrientations: Orientation.All
+
+    SilicaFlickable {
+        anchors.fill: parent
+
+        PullDownMenu {
+            MenuItem {
+                text: qsTr("Show Page 2")
+                onClicked: pageStack.push(Qt.resolvedUrl("SettingsPage.qml"))
+            }
+        }
+
+        contentHeight: column.height
+
+        Column {
+            id: column
+            width: page.width
+            spacing: Theme.paddingLarge
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            PageHeader {
+                title: qsTr("Binary Fun")
+            }
+
+            Grid {
+                anchors.horizontalCenter: parent.horizontalCenter
+                columns: 5
+
+                // UGLINESS STARTS IN 3.. 2.. 1.. !
+
+                Switch {
+                    onClicked: check(0, 4, checked)
+                }
+
+                Switch {
+                    onClicked: check(0, 3, checked)
+                }
+
+                Switch {
+                    onClicked: check(0, 2, checked)
+                }
+
+                Switch {
+                    onClicked: check(0, 1, checked)
+                }
+
+                Label {
+                    text: getRandom()
+                }
+
+                //
+
+                Switch {
+                    onClicked: check(1, 4, checked)
+                }
+
+                Switch {
+                    onClicked: check(1, 3, checked)
+                }
+
+                Switch {
+                    onClicked: check(1, 2, checked)
+                }
+
+                Switch {
+                    onClicked: check(1, 1, checked)
+                }
+
+                Label {
+                    text: getRandom()
+                }
+
+                //
+
+                Switch {
+                    onClicked: check(2, 4, checked)
+                }
+
+                Switch {
+                    onClicked: check(2, 3, checked)
+                }
+
+                Switch {
+                    onClicked: check(2, 2, checked)
+                }
+
+                Switch {
+                    onClicked: check(2, 1, checked)
+                }
+
+                Label {
+                    text: getRandom()
+                }
+
+                //
+
+                Switch {
+                    onClicked: check(3, 4, checked)
+                }
+
+                Switch {
+                    onClicked: check(3, 3, checked)
+                }
+
+                Switch {
+                    onClicked: check(3, 2, checked)
+                }
+
+                Switch {
+                    onClicked: check(3, 1, checked)
+                }
+
+                Label {
+                    text: getRandom()
+                }
+            }
+        }
+    }
+}