feat(Storybook): First sample page (CommunitiesPortalLayout)

storybook/main.qml

@@ -34,6 +34,12 @@ ApplicationWindow {
             Column {
                 id: navigation
                 spacing: 0
+
+                StatusNavigationListItem {
+                    title: "CommunitiesPortalLayout"
+                    selected: viewLoader.source.toString().includes(title)
+                    onClicked: mainPageView.page(title);
+                }
             }
         }
 

storybook/pages/CommunitiesPortalLayoutPage.qml

@@ -0,0 +1,57 @@
+import QtQuick 2.14
+
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+
+import AppLayouts.CommunitiesPortal 1.0
+import AppLayouts.CommunitiesPortal.stores 1.0
+
+import SortFilterProxyModel 0.2
+
+ColumnLayout{
+    anchors.fill: parent
+
+    CommunitiesPortalLayout {
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+
+        communitiesStore: CommunitiesStore {
+            readonly property string locale: ""
+            readonly property int unreadNotificationsCount: 42
+            readonly property string communityTags:
+                JSON.stringify({"Activism":"✊","Art":"🎨","Blockchain":"🔗","Books & blogs":"📚","Career":"💼"})
+            readonly property var curatedCommunitiesModel: SortFilterProxyModel {
+
+                sourceModel: CommunitiesPortalDummyModel {}
+
+                filters: IndexFilter {
+                    inverted: true
+                    minimumIndex: Math.floor(slider.value)
+                }
+            }
+        }
+    }
+
+    Rectangle {
+        color: 'gray'
+        Layout.preferredHeight: 1
+        Layout.fillWidth: true
+    }
+
+    Pane {
+        Row {
+            Text {
+                anchors.verticalCenter: parent.verticalCenter
+                text: "number of communities:"
+            }
+
+            Slider {
+                id: slider
+                value: 9
+                from: 0
+                to: 9
+            }
+        }
+    }
+}
+

storybook/qml.qrc

@@ -1,5 +1,7 @@
 <RCC>
     <qresource prefix="/">
         <file>main.qml</file>
+        <file>pages/CommunitiesPortalLayoutPage.qml</file>
+        <file>pages/CommunitiesPortalDummyModel.qml</file>
     </qresource>
 </RCC>

storybook/stubs/AppLayouts/CommunitiesPortal/stores/CommunitiesStore.qml

@@ -0,0 +1,3 @@
+import QtQuick 2.13
+
+QtObject {}

storybook/stubs/AppLayouts/CommunitiesPortal/stores/qmldir

@@ -0,0 +1 @@
+CommunitiesStore 1.0 CommunitiesStore.qml

ui/app/AppLayouts/CommunitiesPortal/CommunitiesPortalLayout.qml

@@ -16,8 +16,9 @@ import shared.panels 1.0
 
 import SortFilterProxyModel 0.2
 
+import AppLayouts.CommunitiesPortal.stores 1.0
+
 import "controls"
-import "stores"
 import "popups"
 import "views"
 

ui/app/AppLayouts/CommunitiesPortal/stores/qmldir

@@ -0,0 +1 @@
+CommunitiesStore 1.0 CommunitiesStore.qml