chore(Storybook): page for PermissionQualificationPanel added

storybook/PagesModel.qml

@@ -49,6 +49,10 @@ ListModel {
          title: "CommunityPermissionsSettingsPanel"
          section: "Panels"
     }
+    ListElement {
+         title: "PermissionQualificationPanel"
+         section: "Panels"
+    }
     ListElement {
         title: "InviteFriendsToCommunityPopup"
         section: "Popups"

storybook/figma.json

@@ -71,5 +71,9 @@
     ],
     "CommunityPermissionsView": [
         "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=2934%3A484715&t=IfHHp5GSPo1j9m5j-0"
+    ],
+    "PermissionQualificationPanel": [
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=2934%3A480089",
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22734%3A502803"
     ]
 }

storybook/pages/PermissionQualificationPanelPage.qml

@@ -0,0 +1,99 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+
+import Storybook 1.0
+
+import AppLayouts.Chat.panels.communities 1.0
+
+SplitView {
+    orientation: Qt.Vertical
+
+    Item {
+        SplitView.fillWidth: true
+        SplitView.fillHeight: true
+
+        Item {
+            id: container
+
+            width: widthSlider.value
+            height: qualificationPanel.implicitHeight
+
+            anchors.centerIn: parent
+
+            PermissionQualificationPanel {
+                id: qualificationPanel
+
+                anchors.left: parent.left
+                anchors.right: parent.right
+
+                qualifyingAddresses: qualifyingAddressesSlider.value
+                knownAddresses: knownAddressesSlider.value
+                unknownAddresses: unknownAddressesSlider.value
+            }
+        }
+    }
+
+    LogsAndControlsPanel {
+        SplitView.minimumHeight: 100
+        SplitView.preferredHeight: 250
+
+        ColumnLayout {
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "width:"
+                }
+
+                Slider {
+                    id: widthSlider
+                    value: 400
+                    from: 200
+                    to: 600
+                }
+            }
+
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "number of qualifying addresses:"
+                }
+
+                Slider {
+                    id: qualifyingAddressesSlider
+                    value: 200234
+                    from: 0
+                    to: 500000
+                }
+            }
+
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "number of known addresses:"
+                }
+
+                Slider {
+                    id: knownAddressesSlider
+                    value: 663026
+                    from: 1
+                    to: 1000000
+                }
+            }
+
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "number of unknown addresses:"
+                }
+
+                Slider {
+                    id: unknownAddressesSlider
+                    value: 396720
+                    from: 1
+                    to: 1000000
+                }
+            }
+        }
+    }
+}