From 003c4f4197e99a90083639ab29160185082f7da3 Mon Sep 17 00:00:00 2001
From: Peter Hartmann <peter@edelhirsch.io>
Date: Fri, 12 Jun 2020 08:37:15 +0200
Subject: [PATCH] implement design

---
 examples/iot-dashboard/MenuBar.cpp           |  17 ++++++++++++-----
 examples/iot-dashboard/images.qrc            |  10 +++++++---
 examples/iot-dashboard/images/dashboard.png  | Bin 0 -> 317 bytes
 examples/iot-dashboard/images/dashboard.svg  |   5 +++++
 examples/iot-dashboard/images/details.png    | Bin 375 -> 0 bytes
 examples/iot-dashboard/images/devices.png    | Bin 0 -> 247 bytes
 examples/iot-dashboard/images/devices.svg    |   9 +++++++++
 examples/iot-dashboard/images/home.png       | Bin 1753 -> 0 bytes
 examples/iot-dashboard/images/logout.png     | Bin 0 -> 251 bytes
 examples/iot-dashboard/images/logout.svg     |  11 +++++++++++
 examples/iot-dashboard/images/main-icon.png  | Bin 0 -> 942 bytes
 examples/iot-dashboard/images/main-icon.svg  |  13 +++++++++++++
 examples/iot-dashboard/images/members.png    | Bin 0 -> 322 bytes
 examples/iot-dashboard/images/members.svg    |   4 ++++
 examples/iot-dashboard/images/rooms.png      | Bin 0 -> 275 bytes
 examples/iot-dashboard/images/rooms.svg      |   4 ++++
 examples/iot-dashboard/images/settings.png   | Bin 729 -> 0 bytes
 examples/iot-dashboard/images/statistics.png | Bin 518 -> 225 bytes
 examples/iot-dashboard/images/statistics.svg |   4 ++++
 examples/iot-dashboard/images/storage.png    | Bin 0 -> 262 bytes
 examples/iot-dashboard/images/storage.svg    |   4 ++++
 21 files changed, 73 insertions(+), 8 deletions(-)
 create mode 100644 examples/iot-dashboard/images/dashboard.png
 create mode 100644 examples/iot-dashboard/images/dashboard.svg
 delete mode 100644 examples/iot-dashboard/images/details.png
 create mode 100644 examples/iot-dashboard/images/devices.png
 create mode 100644 examples/iot-dashboard/images/devices.svg
 delete mode 100644 examples/iot-dashboard/images/home.png
 create mode 100644 examples/iot-dashboard/images/logout.png
 create mode 100644 examples/iot-dashboard/images/logout.svg
 create mode 100644 examples/iot-dashboard/images/main-icon.png
 create mode 100644 examples/iot-dashboard/images/main-icon.svg
 create mode 100644 examples/iot-dashboard/images/members.png
 create mode 100644 examples/iot-dashboard/images/members.svg
 create mode 100644 examples/iot-dashboard/images/rooms.png
 create mode 100644 examples/iot-dashboard/images/rooms.svg
 delete mode 100644 examples/iot-dashboard/images/settings.png
 create mode 100644 examples/iot-dashboard/images/statistics.svg
 create mode 100644 examples/iot-dashboard/images/storage.png
 create mode 100644 examples/iot-dashboard/images/storage.svg

diff --git a/examples/iot-dashboard/MenuBar.cpp b/examples/iot-dashboard/MenuBar.cpp
index 0126d6ef..b78c4cac 100644
--- a/examples/iot-dashboard/MenuBar.cpp
+++ b/examples/iot-dashboard/MenuBar.cpp
@@ -12,12 +12,14 @@ MenuItem::MenuItem( const QString& name, QQuickItem* parent ) : QskLinearBox( Qt
 {
     setAutoLayoutChildren( true );
     setAutoAddChildren( true );
+    setPreferredWidth( 140 );
 
     QString fileName = ":/images/" + name.toLower() + ".png";
     QImage image( fileName );
     auto graphic = QskGraphic::fromImage( image );
     auto* graphicLabel = new QskGraphicLabel( graphic, this );
-    graphicLabel->setFixedSize( 32, 32 );
+    graphicLabel->setSizePolicy(QskSizePolicy::Fixed, QskSizePolicy::Fixed);
+//    graphicLabel->setFixedSize( 32, 32 );
 
     auto* textLabel = new QskTextLabel( name, this );
     textLabel->setTextColor( Qt::white ); // ### style
@@ -28,12 +30,17 @@ MenuBar::MenuBar( QQuickItem *parent ) : QskLinearBox( Qt::Vertical, parent )
     setSizePolicy( QskSizePolicy::Minimum, QskSizePolicy::Preferred );
     setAutoLayoutChildren( true );
     setAutoAddChildren( true );
-    setMargins( 35 ); // ### style
-    setSpacing( 30 ); // ### style
 
-    setBackgroundColor( { 0, 35, 102 } ); // ### style
+    setBackgroundColor( "#6D7BFB" ); // ### style
 
-    m_entries = { "Home", "Details", "Statistics", "Settings" };
+    auto* mainIcon = ":/images/main-icon.png";
+    QImage image(mainIcon);
+    auto graphic = QskGraphic::fromImage( image );
+    auto* graphicLabel = new QskGraphicLabel( graphic, this );
+    graphicLabel->setMargins( { 50, 35, 50, 50 });
+
+
+    m_entries = { "Dashboard", "Rooms", "Devices", "Statistics", "Storage", "Members" };
 
     for( const auto entry : m_entries )
     {
diff --git a/examples/iot-dashboard/images.qrc b/examples/iot-dashboard/images.qrc
index a12a5750..7543c5e6 100644
--- a/examples/iot-dashboard/images.qrc
+++ b/examples/iot-dashboard/images.qrc
@@ -1,8 +1,12 @@
 <RCC>
     <qresource prefix="/">
+        <file>images/main-icon.png</file>
+        <file>images/dashboard.png</file>
+        <file>images/rooms.png</file>
+        <file>images/devices.png</file>
         <file>images/statistics.png</file>
-        <file>images/settings.png</file>
-        <file>images/home.png</file>
-        <file>images/details.png</file>
+        <file>images/storage.png</file>
+        <file>images/members.png</file>
+        <file>images/logout.png</file>
     </qresource>
 </RCC>
diff --git a/examples/iot-dashboard/images/dashboard.png b/examples/iot-dashboard/images/dashboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..126322f0a26b87886362d66ed5eff647e6f440a7
GIT binary patch
literal 317
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^@!3HFQ8hUO4Db50q$YKTtZeb8+WSBKa0w~B>
z9OUlAu<o49OCX0O-O<;Pfnj4m_n$;oAper5i(^OyV{gz!(Ix|)oXS6^IeHF&&|L@j
z1m*%}vkQU}je@V(Qk$wSu0FQ!m&yCP-c@%dswMa+CiU1BDE^wX%;@Qj2I&pV|MZou
zOgxw`Oqld8cin2^=EsGBbN3jXzjkZE?kxv=iXU0o%9~EU#$l<(bn~N4foG8X<+V#1
zuY|Rn&=psDCVKtjv*Nr;y}QhxL#JJKu(*`rrB>9`@T=uc=(D}H>_sPi_%a`HhnG#x
z$Xa^a=<*T4b6s`0Tk5jpjAgETpR_0Vh3I^fi*>)3*17Cpe&RCuY)X4}BhYsYp00i_
I>zopr0G9K7YXATM

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/dashboard.svg b/examples/iot-dashboard/images/dashboard.svg
new file mode 100644
index 00000000..2cab6f30
--- /dev/null
+++ b/examples/iot-dashboard/images/dashboard.svg
@@ -0,0 +1,5 @@
+<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66392 10.5069C2.5579 10.5069 2.46329 10.4318 2.4424 10.3239C2.40537 10.1319 2.38031 9.93484 2.368 9.73816C2.36021 9.61363 2.45482 9.50637 2.57913 9.49858C2.70558 9.49113 2.81103 9.5854 2.81871 9.70971C2.82989 9.88719 2.85247 10.065 2.88589 10.2383C2.90948 10.3608 2.82932 10.4793 2.70693 10.5028C2.69248 10.5056 2.67803 10.5069 2.66392 10.5069Z" fill="white"/>
+<path d="M7.67533 2.47392V1.35471H8.04903C8.17368 1.35471 8.27484 1.25355 8.27484 1.12891V0.225805C8.27484 0.10116 8.17368 0 8.04903 0H5.95086C5.82621 0 5.72505 0.10116 5.72505 0.225805V1.12891C5.72505 1.25355 5.82621 1.35471 5.95086 1.35471H6.32456V2.4738C2.78056 2.82357 0 5.89406 0 9.61894C0 10.1689 0.0447093 10.6839 0.129273 11.1082C0.150386 11.2139 0.243079 11.2899 0.350787 11.2899H13.6276C13.7348 11.2899 13.8273 11.2146 13.8488 11.1096C13.9492 10.6226 14 10.1211 14 9.61882C13.9999 5.89406 11.2193 2.82357 7.67533 2.47392ZM6.17666 0.451609H7.82323V0.903106H6.17666V0.451609ZM6.77617 1.35471H7.22383V2.44558C7.07412 2.44072 6.92588 2.44072 6.77617 2.44558V1.35471ZM7.33233 10.4734C7.2612 10.674 7.08677 10.8128 6.87699 10.8353C6.59191 10.867 6.31429 10.6486 6.27093 10.3607C6.24 10.1539 6.32434 9.94986 6.49098 9.82826H6.49109L6.94372 9.49825L7.53837 9.98226C7.445 10.1906 7.37071 10.365 7.33233 10.4734ZM7.32104 9.2231L8.19705 8.5843C8.0496 8.88869 7.8825 9.23744 7.73279 9.55831L7.32104 9.2231ZM13.441 10.8384H11.4258C11.568 10.3894 11.6411 9.92242 11.6411 9.44518C11.6411 6.8928 9.55921 4.81619 7.00006 4.81619C4.68499 4.81619 2.70751 6.53942 2.4003 8.82444C2.38382 8.94807 2.47042 9.06177 2.59404 9.07836C2.7179 9.09406 2.83125 9.00814 2.84796 8.88462C3.12502 6.82269 4.91001 5.2678 6.99994 5.2678C9.31004 5.2678 11.1894 7.14175 11.1894 9.44518C11.1894 9.92423 11.1083 10.3921 10.9499 10.8384H7.65026C7.69328 10.7722 7.73065 10.7014 7.75797 10.6243C7.93703 10.1191 8.9921 7.98671 9.0026 7.96515C9.10444 7.75978 8.85357 7.54628 8.66717 7.68244L6.22498 9.46336H6.22509C5.92173 9.68442 5.76829 10.054 5.8244 10.4278C5.8471 10.5788 5.90389 10.7178 5.98518 10.8384H0.53956C0.481867 10.4798 0.451609 10.0624 0.451609 9.61894C0.451609 8.46858 0.734542 7.38494 1.2321 6.43701L2.37332 6.96652C2.63785 7.0888 2.82719 6.67919 2.56345 6.5568L1.45712 6.04344C2.57959 4.21318 4.53562 2.97577 6.77414 2.8973V4.13132C6.77414 4.25597 6.8753 4.35713 6.99994 4.35713C7.12459 4.35713 7.22575 4.25597 7.22575 4.13132V2.8973C9.46054 2.97565 11.4136 4.209 12.5371 6.03418L11.5581 6.43938C11.2894 6.55048 11.4617 6.96799 11.7308 6.85656L12.7638 6.429C13.2639 7.37884 13.5483 8.46542 13.5483 9.61894C13.5483 10.0289 13.5123 10.4383 13.441 10.8384Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/details.png b/examples/iot-dashboard/images/details.png
deleted file mode 100644
index 77bc34a1fe1f2d3d2eebe92ab70d60a2c2909252..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 375
zcmV--0f_#IP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000ie
z000ie0hKEb8vp<SDM>^@R9J=Wm$6C%K@f(&30sMkMX<2&2`tiSDF|ZcQ`p*D+uB<B
z1inOk08{w{79j)?3rQvUExf>S>_uiB*dX~}xn;P2XO@}U+c8PczyUC5#)|g5%h=2=
z+XhJwzy**p?=L&g)qIv3=fgG5a_nSm`^|9C-SuBs{{G4a29V2FDNn${sd*0zz|8JS
zbdf12qN?+a2q3HmB;5liPT6PVS8xa%IW-^EQ&2sC1dPd_?dzEI*t{F^9$Z`gAtvb&
z*mdeAW_HsyNV)|^&UF?EI0g2c!d$hFfOF?M+k=Qi;Z-WbEAZmf#QluS?5adpJp}{e
zQcxT~Rl<r;(lv05uQiLimIG(}^oAa$)l(2zgkL411kCAg&HLK*+)d^Um^%H>z5xLa
VJvhM;uG#<q002ovPDHLkV1haHqGkX9

diff --git a/examples/iot-dashboard/images/devices.png b/examples/iot-dashboard/images/devices.png
new file mode 100644
index 0000000000000000000000000000000000000000..a84d68bf02094c6ee44940221cda1e2823d27845
GIT binary patch
literal 247
zcmeAS@N?(olHy`uVBq!ia0vp^oIuRS!3HG%PBB{n5-9M9EM{Qf76xHPhFNnYfP#$0
zLGDfr>(0r%1aer?9eo`c7&i8E|4C#8@_Rg8978G?=LT}}HW={i5n_43Ak)C2qQI%H
zz$nweG@*e-rbpY~=$ISF^gG+OU0)V^R3ez!<Dt7#-+~o8ZEC_(ywj$w7nBpeZ+qxO
z{?wWa6)pT7bJhg0Z>-+c8PbqEYw8uoN$nmkY}z{)?~QZInVz~JxwYxL(3_Vc=PI&o
oTI%PoTwVC4R@d|pci0!{)e3$SvWiw)1Kq{o>FVdQ&MBb@03Yp9dH?_b

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/devices.svg b/examples/iot-dashboard/images/devices.svg
new file mode 100644
index 00000000..eaa324dc
--- /dev/null
+++ b/examples/iot-dashboard/images/devices.svg
@@ -0,0 +1,9 @@
+<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.29167 0H1.45833C1.0717 0.000463125 0.701038 0.154257 0.427647 0.427647C0.154257 0.701038 0.000463125 1.0717 0 1.45833V12.5417C0.000463125 12.9283 0.154257 13.299 0.427647 13.5724C0.701038 13.8457 1.0717 13.9995 1.45833 14H7.29167C7.6783 13.9995 8.04896 13.8457 8.32235 13.5724C8.59574 13.299 8.74954 12.9283 8.75 12.5417V1.45833C8.74954 1.0717 8.59574 0.701038 8.32235 0.427647C8.04896 0.154257 7.6783 0.000463125 7.29167 0ZM1.45833 0.583333H7.29167C7.52373 0.583333 7.74629 0.67552 7.91039 0.839615C8.07448 1.00371 8.16667 1.22627 8.16667 1.45833V2.33333H0.583333V1.45833C0.583333 1.22627 0.675521 1.00371 0.839615 0.839615C1.00371 0.67552 1.22627 0.583333 1.45833 0.583333ZM8.16667 2.91667V11.0833H0.583333V2.91667H8.16667ZM7.29167 13.4167H1.45833C1.22627 13.4167 1.00371 13.3245 0.839615 13.1604C0.675521 12.9963 0.583333 12.7737 0.583333 12.5417V11.6667H8.16667V12.5417C8.16667 12.7737 8.07448 12.9963 7.91039 13.1604C7.74629 13.3245 7.52373 13.4167 7.29167 13.4167Z" fill="white"/>
+<path d="M3.5 1.16668H5.25V1.75001H3.5V1.16668Z" fill="white"/>
+<path d="M4.08331 12.25H4.66665V12.8333H4.08331V12.25Z" fill="white"/>
+<path d="M3.34399 7.1353L3.75641 7.54772C3.92315 7.38878 4.14467 7.30011 4.37504 7.30011C4.6054 7.30011 4.82692 7.38878 4.99366 7.54772L5.40608 7.1353C5.1326 6.86191 4.76173 6.70832 4.37504 6.70832C3.98834 6.70832 3.61747 6.86191 3.34399 7.1353Z" fill="white"/>
+<path d="M2.93122 6.72292C3.31452 6.34077 3.83371 6.12618 4.37497 6.12618C4.91623 6.12618 5.43541 6.34077 5.81872 6.72292L6.23113 6.3105C5.73847 5.81893 5.07093 5.54285 4.37497 5.54285C3.679 5.54285 3.01146 5.81893 2.5188 6.3105L2.93122 6.72292Z" fill="white"/>
+<path d="M3.96252 8.0459L4.37494 8.45832L4.78736 8.0459C4.67797 7.93654 4.52962 7.87511 4.37494 7.87511C4.22026 7.87511 4.07192 7.93654 3.96252 8.0459Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/home.png b/examples/iot-dashboard/images/home.png
deleted file mode 100644
index 82f22fb824ac8639c872075e661e9cab81642dd8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1753
zcmd5-Yfuwc7`<5*%t}QGm12uim}at_iV|U}K^p@W!L@PI=@^uf;#yywsq#h;Ws^x;
z#jyj}9Y@e$tPTnh9a=5EK-l_#R2r;^fChpX5e<TZ1~-t<yZqM9^q)WO+%xw(=X~G!
z^W8mPlJV1~zCRTJFpXFq`xO8J2n9gs120WR#U^-RY0DEc0r0!ZAHn`PejfnfvzLgC
zS(R&e+7(_{wlV1X{mo4UQ_;}kkWY%MfH%?@SS)nvLWO9U*KSF{Jn-%=^rvG-ef$0V
zj(U}mk89;}+i0D3(6ORW7D<d8^kgWG*DWd|y*K2Y9QD%CD9~d74FEz3n4ttAB_LWV
z&`}6rUsq^yKI{AZV?oo)?P_=W2v<9j)E^6mHLKf3)h{bd-Iut}E^?jOjXD3Y`?aF5
zzpj{Em8K=zuMKHWn!-&_%<ICB&hZUttY;?FTF%jzL+V42>dTjy`fJ3Dt5|i-9eZlJ
zD9nPaX?G|+fjHZXQu0S6kNz}(?=NHxpOayM>jhQo_nK|J;x#{m=2XWdDhQxbcBpuw
zJxsTK_IxhMfHDC(E?CZ^fJ~&he3bWAUPnqAg?vBhEJ2X%yGi7aH*~}q$LErIHW55H
zxQ_4QgM$a9TPIN;8gye|k{IMm1<#orj6#ppw@I{n87hR-T~3%3Tf%g-h<`g0DUc=K
z<=bW1QCWhEN5RdAtk7)h6U$1#K#N^b#Pmdyy8P1d1L>lHW~8IYtc}813rg*fOw<_A
z#Tm$!8+O|PhFTxkuubW4M_~&j;6Nl-^ibSU9MBUX(XJ)+zKI~!VjpTD(n19?qgest
zdmF%``CKFH!+1Y)DLv1lFpC&$l}u<1=;k!U+F~~zVvev#?x&2FCiOmo+){Hr)X5DX
zJc4WQ6Q93=<XY@&jZBZ9K+3hsuoOZeP<pmJ$76;ODYr*~iM*)c%%m4Y@iwGn+=>s1
zmwyc;in-}{%u=AFE&kb}DjHTa-*OD~&>M0qAFA{-q3BF`xk}$g0>&txn<J_^3)#*Z
zD^bnM3eVmqq+=L0+}ipAXPbQ+>?h7WR_SL!S>!L3Dt#v}+qW`D)XdA`7IqQR&mq_p
z(MCvJP!@USzDmFEJ)OB_V3z`mdk2CQyOv;aiv>zLVS$y9-h#s?cBSF05XK@RZWA}h
zPzdh0#r+qc(XDI+mWMXjcR#v#7>zf=K(%-8<Lo{-$nLS(v?$mgFdrt{e#O~tTxXu1
znlj2zEil}bjoTEMQwX2#b-omLxS;1c#UUe_G!OEfe{e+gGUzU|9LL#mUg*~B6ls2k
zPyLQwre`Gr9c1$sVHP=@GpM~2XQTLzzm?^SYDvf{X-vdp9K31r-%QVCzM=IX&Q5qk
zQnq!6$ja;1w10uKPx;#2<VDzN@<eO4I)Al#?P%W2A6=(Rbfsy^Ioe69>+&6Aix(QT
z@(R=Rl>GYBn{T)^idAh3SD$Eoe9Yu}HO-?twNsrirIfBRh3CA=RMd{Rf5@93F?8ol
z(>VQ&THCcVkE=pK&5QHT-HMOK+o@>$4SV8^3*_x83|t)bs!*MLLJY-c4Og4!r|yCc
z$W0q#%CnC7Z^%IYYZbm-NnW$LFAchNCf5a%XV6_xc-Tot$HS!ex{LbzTe_#8hd)4_
g4P^DA|0_p_qA65Q?`bQ30{<#NEF)u2FQxSV0)`N&wEzGB

diff --git a/examples/iot-dashboard/images/logout.png b/examples/iot-dashboard/images/logout.png
new file mode 100644
index 0000000000000000000000000000000000000000..98d7a58031a2e9a96f4a24ecbdccaf1e29686df1
GIT binary patch
literal 251
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&k&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5e}borV@L(#)WCzh4GKI<jxowOnia6PU*Npr
zS;G97t>+QjG0qa^n+)sudDI$iEQ!f@9~E^%qPSx_ugjLM36(5?r;|KIRzLJDVt>N*
zgYEq!7Q4WADrpX)7qtq?9`W7idg8?)#`x(7d&S?&jN-f(=Bf8iJM&|!>b(hDQl$TU
s<+nM^8Z&2x(@|rU2a-`0nnG{cre5)1X4c2F3FtNkPgg&ebxsLQ08WHc-2eap

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/logout.svg b/examples/iot-dashboard/images/logout.svg
new file mode 100644
index 00000000..05b0bbca
--- /dev/null
+++ b/examples/iot-dashboard/images/logout.svg
@@ -0,0 +1,11 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9375 6.12501C10.8255 6.12501 10.7137 6.08235 10.6282 5.99682L7.68905 3.05792C7.5182 2.88707 7.5182 2.61013 7.68905 2.43929C7.85989 2.26845 8.13682 2.26845 8.30767 2.43929L11.2468 5.3782C11.4176 5.54904 11.4176 5.82598 11.2468 5.99682C11.1613 6.08213 11.0495 6.12501 10.9375 6.12501Z" fill="white"/>
+<path d="M7.99836 9.06391C7.88636 9.06391 7.77458 9.02126 7.68905 8.93572C7.5182 8.76488 7.5182 8.48794 7.68905 8.3171L10.6282 5.37819C10.799 5.20735 11.0759 5.20735 11.2468 5.37819C11.4176 5.54904 11.4176 5.82598 11.2468 5.99682L8.30789 8.93572C8.22236 9.02104 8.11036 9.06391 7.99836 9.06391Z" fill="white"/>
+<path d="M10.9375 6.125H2.625C2.3835 6.125 2.1875 5.929 2.1875 5.6875C2.1875 5.446 2.3835 5.25 2.625 5.25H10.9375C11.179 5.25 11.375 5.446 11.375 5.6875C11.375 5.929 11.179 6.125 10.9375 6.125Z" fill="white"/>
+<path d="M0.875 11.375C0.392437 11.375 0 10.9826 0 10.5C0 10.2585 0.196 10.0625 0.4375 10.0625C0.679 10.0625 0.875 10.2585 0.875 10.5V10.5007C1.1165 10.5007 1.3125 10.6962 1.3125 10.9379C1.3125 11.1797 1.1165 11.375 0.875 11.375Z" fill="white"/>
+<path d="M3.9375 11.375H0.875C0.6335 11.375 0.4375 11.179 0.4375 10.9375C0.4375 10.696 0.6335 10.5 0.875 10.5H3.9375C4.179 10.5 4.375 10.696 4.375 10.9375C4.375 11.179 4.179 11.375 3.9375 11.375Z" fill="white"/>
+<path d="M0.4375 10.9375C0.196 10.9375 0 10.7415 0 10.5V0.875C0 0.6335 0.196 0.4375 0.4375 0.4375C0.679 0.4375 0.875 0.6335 0.875 0.875V10.5C0.875 10.7415 0.679 10.9375 0.4375 10.9375Z" fill="white"/>
+<path d="M0.437281 1.3125C0.195563 1.3125 0 1.1165 0 0.875C0 0.392437 0.392437 0 0.875 0C1.1165 0 1.3125 0.196 1.3125 0.4375C1.3125 0.679 1.1165 0.875 0.875 0.875H0.874344C0.874344 1.1165 0.679 1.3125 0.437281 1.3125Z" fill="white"/>
+<path d="M3.9375 0.875H0.875C0.6335 0.875 0.4375 0.679 0.4375 0.4375C0.4375 0.196 0.6335 0 0.875 0H3.9375C4.179 0 4.375 0.196 4.375 0.4375C4.375 0.679 4.179 0.875 3.9375 0.875Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/main-icon.png b/examples/iot-dashboard/images/main-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..38e9594bd46114993e5d85c5712ff0906f8da9bc
GIT binary patch
literal 942
zcmV;f15x~mP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH14BtfK~#7F?O5$`
z+b|4;a~;5)pvnYQCI~Y@(+TQKkYoZY6U3Q7>I7*gP&SY=fz=7@PJjZ(#}mX#vSlUh
zAHO>sEq(!f1Od`SC!BD?AZ9cH%siJO5t*Z^p3P=8{ZEKdP9zuEayPWT6j@*alW;JD
zqU>6VNAisAMAjld@q34E+IA_D;&&}l2&)hDUQiamh+-phcL+0JI*hxcBQe{fB$1*d
z&&HETCT#42;nXmt5?Eb_KEY7bD-vm2(_29%e}+#vYqZGYfDba5bJ1KY9Yb#k7?YUq
zTVq%_2r2q$c`Z`F6&QypF>|Ff5;F{TQhY((Q&*@^)}&BhdJ(x93MVjXA+jWYP%b*Q
z-O(^KWEBJ!;xLhRC{<RnsLo-#bCj*ng73=C*P(9+cR{hr9NVA<=0i)vc5b3Y1!(<Z
zU~C!m?a`tAwrAu|;CI~uY}*=jeFGi&ldTHwMLx<n6?K=d=$1>r<$(S<HQA?2$J~Cf
z-8xua_6$r6;|cXEC@`<<XuFQKaT^SZcE#H@(!d=3ldw|uzNZsENA=r*dDKNRZUXry
z)GI2qIXZ&D%C?ymSNLt&$gJ|7`LYfJTmFAW<DjSU6_YvgzIre2cOm5sdB0kqZ^#(u
zGy!7`wAe-8HOhHU`%(Bn<4}uy)*qTvg+={dN*Qi2iUMW$o@D4)2K9R7xH-XB<hRn1
zH~z|Gm|ODMVAADaEQ2eNZz6hPgE3ceC-yNgA@7%yFp5DKq`_IYuj0RNEDonUBcIa?
znh0f3edH1f67nm5rG6td2<sTVJe2rtZ`2As*(=(QFz#ID33t=qtsd-e$RVPKoZ59+
zDA}Yh1mgt)bcr(K_GKYOj7++$GXZ^2HyK4accdp{AhWsS4S}1x<A#URqNdLR`W=k{
zR%jVn!N^TmjL95xFt+3-!<5`kf0JK%v4Og>DymBjn|;u2T|^7jy3tquLmo{kwMZ(C
z|08NkA(~5nk$3tR8~d<rIp%qgwv65y<{(vv`Uy7=eCFukH3nlI?)o0l?2wRW^o4vl
zvYA5LG!-hV4t1^P>bruQ&{FR4!3{?t=U7br^T<*A`mSu&|Aeg*PB_8i511o*M5)m7
QHvj+t07*qoM6N<$g4X4v-v9sr

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/main-icon.svg b/examples/iot-dashboard/images/main-icon.svg
new file mode 100644
index 00000000..fe502ab6
--- /dev/null
+++ b/examples/iot-dashboard/images/main-icon.svg
@@ -0,0 +1,13 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.527 13.9631C24.3271 13.9631 24.1269 13.8867 23.9743 13.7338C20.4828 10.2351 14.8007 10.2351 11.3092 13.7338C11.004 14.0396 10.5093 14.0396 10.2042 13.7338C9.89899 13.4283 9.89899 12.9327 10.2042 12.6269C14.3051 8.5176 20.9781 8.5176 25.0793 12.6269C25.3845 12.9324 25.3845 13.428 25.0793 13.7338C24.9268 13.8867 24.7269 13.9631 24.527 13.9631Z" fill="white"/>
+<path d="M27.2 11.2848C26.9989 11.2848 26.7981 11.2078 26.6452 11.0534L26.6358 11.0439C26.3294 10.7393 26.3272 10.2437 26.6312 9.93668C26.9352 9.62999 27.4298 9.62785 27.7359 9.9324L27.7545 9.95075C28.0585 10.2577 28.0564 10.7534 27.75 11.058C27.5977 11.2093 27.3987 11.2848 27.2 11.2848Z" fill="white"/>
+<path d="M8.0835 11.2848C7.88361 11.2848 7.68372 11.2084 7.53113 11.0555C7.22595 10.75 7.22595 10.2544 7.53113 9.94859C9.84741 7.62778 12.7887 6.20808 16.037 5.84237C19.1894 5.48768 22.4072 6.20105 25.0979 7.85069C25.4657 8.07635 25.5816 8.55824 25.3564 8.92701C25.1312 9.29577 24.6502 9.41166 24.2822 9.186C19.249 6.09984 12.8149 6.86824 8.63586 11.0555C8.48358 11.2084 8.28339 11.2848 8.0835 11.2848Z" fill="white"/>
+<path d="M17.6416 30.5736C14.9481 30.5736 12.2546 29.5465 10.2042 27.4917C9.89899 27.1863 9.89899 26.6906 10.2042 26.3848C10.5093 26.0791 11.004 26.0791 11.3092 26.3848C14.8007 29.8835 20.4828 29.8835 23.9743 26.3848C24.2795 26.0791 24.7742 26.0791 25.0793 26.3848C25.3845 26.6906 25.3845 27.1863 25.0793 27.4917C23.0289 29.5465 20.3351 30.5736 17.6416 30.5736Z" fill="white"/>
+<path d="M17.651 34.3658C14.8577 34.3658 12.1035 33.5469 9.77257 32.0049C9.41277 31.7667 9.31358 31.2809 9.55132 30.9204C9.78905 30.5596 10.2737 30.4605 10.6338 30.6984C15.6527 34.0194 22.3873 33.3314 26.6475 29.0631C26.9524 28.7573 27.4471 28.7573 27.7523 29.0631C28.0575 29.3689 28.0575 29.8645 27.7523 30.17C25.4088 32.518 22.3049 33.9851 19.0114 34.301C18.5583 34.3441 18.1039 34.3658 17.651 34.3658Z" fill="white"/>
+<path d="M8.11067 30.4265C7.91231 30.4265 7.71394 30.3513 7.56166 30.2006L7.5287 30.1679C7.22505 29.8609 7.22719 29.3652 7.53359 29.0607C7.83998 28.7564 8.33437 28.7586 8.63832 29.0656L8.65938 29.0867C8.96639 29.3903 8.96974 29.8859 8.6664 30.1939C8.51381 30.3486 8.31209 30.4265 8.11067 30.4265Z" fill="white"/>
+<path d="M17.6306 22.9525C16.0385 22.9525 14.743 21.6545 14.743 20.0593C14.743 18.4641 16.0385 17.1664 17.6306 17.1664C19.2227 17.1664 20.5179 18.4641 20.5179 20.0593C20.5179 21.6545 19.2227 22.9525 17.6306 22.9525ZM17.6306 18.732C16.9 18.732 16.3055 19.3273 16.3055 20.0593C16.3055 20.7913 16.9 21.387 17.6306 21.387C18.3612 21.387 18.9554 20.7913 18.9554 20.0593C18.9554 19.3273 18.3612 18.732 17.6306 18.732Z" fill="white"/>
+<path d="M2.88757 27.7211C1.29517 27.7211 0 26.4234 0 24.8281V15.2908C0 13.6956 1.29517 12.3976 2.88757 12.3976C4.47968 12.3976 5.77484 13.6956 5.77484 15.2908V24.8281C5.77484 26.4234 4.47968 27.7211 2.88757 27.7211ZM2.88757 13.9631C2.15698 13.9631 1.5625 14.5588 1.5625 15.2908V24.8281C1.5625 25.5602 2.15698 26.1555 2.88757 26.1555C3.61786 26.1555 4.21234 25.5602 4.21234 24.8281V15.2908C4.21234 14.5588 3.61786 13.9631 2.88757 13.9631Z" fill="white"/>
+<path d="M34.0851 27.7211C32.6865 27.7211 31.5485 26.5812 31.5485 25.1798V17.5364H30.7062C29.3079 17.5364 28.1699 16.3962 28.1699 14.9951C28.1699 13.5938 29.3079 12.4538 30.7062 12.4538H37.4637C38.8623 12.4538 40 13.5938 40 14.9951C40 16.3962 38.8623 17.5364 37.4637 17.5364H36.6214V25.1798C36.6214 26.5812 35.4834 27.7211 34.0851 27.7211ZM30.7062 14.0194C30.1694 14.0194 29.7324 14.457 29.7324 14.9951C29.7324 15.5333 30.1694 15.9708 30.7062 15.9708H32.3297C32.7612 15.9708 33.111 16.3213 33.111 16.7536V25.1798C33.111 25.718 33.548 26.1555 34.0851 26.1555C34.6219 26.1555 35.0589 25.718 35.0589 25.1798V16.7536C35.0589 16.3213 35.4086 15.9708 35.8401 15.9708H37.4637C38.0008 15.9708 38.4375 15.533 38.4375 14.9951C38.4375 14.457 38.0008 14.0194 37.4637 14.0194H30.7062Z" fill="white"/>
+<path d="M17.6306 26.7509C13.9481 26.7509 10.9521 23.7491 10.9521 20.0593C10.9521 16.3699 13.9481 13.3678 17.6306 13.3678C21.3132 13.3678 24.3091 16.3699 24.3091 20.0593C24.3091 23.7491 21.3132 26.7509 17.6306 26.7509ZM17.6306 14.9333C14.8096 14.9333 12.5146 17.2328 12.5146 20.0593C12.5146 22.8859 14.8096 25.1853 17.6306 25.1853C20.4514 25.1853 22.7466 22.8859 22.7466 20.0593C22.7466 17.2328 20.4514 14.9333 17.6306 14.9333Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/members.png b/examples/iot-dashboard/images/members.png
new file mode 100644
index 0000000000000000000000000000000000000000..f408bb70d3753ae1be878b41db7c1f4c219b542a
GIT binary patch
literal 322
zcmeAS@N?(olHy`uVBq!ia0vp^d_c_2!3HG#TlXXZDb50q$YP+FFbFd;%$g$s6l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf8Eo?F{FaAHQ*v|lLOCN!G8yN^H|I#2;N}0
zbAWe`U<s3~qj>_$jRwI2rkbhOml&?_jr;ZP-PXO=6*^KQy_N`nU{Q-yW~#EUnG?*B
zC?+P?=y6Z-`OdH#3|F<z|A<?3ddor9J<m-Zs?620ykA|iOUeF*Wt8D^_a|(X`LpKm
zi?*<T;ELI;R`7Y*BkuR5yP{@pO)jd7`ugI}lsxvemzSQAJ$2P>$4vR#a-SqK(|dC)
zS@+-GaW(&_Y{p96Ed?xDtXB29Pc~^~xfjO2ed1r?`|ch4{uT1~YmalQ`?jv_)AF1O
P^df_&tDnm{r-UW|W{i3k

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/members.svg b/examples/iot-dashboard/images/members.svg
new file mode 100644
index 00000000..282d0b36
--- /dev/null
+++ b/examples/iot-dashboard/images/members.svg
@@ -0,0 +1,4 @@
+<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.97 3.59356C12.3682 3.20361 12.6 2.67092 12.6 2.10001C12.6 0.942105 11.6581 0 10.5 0C10.1174 0 9.74103 0.105164 9.41107 0.3042C9.30079 0.370865 9.26525 0.514174 9.33177 0.624588C9.3983 0.735003 9.54186 0.770194 9.65216 0.703885C9.90941 0.548709 10.2025 0.466678 10.5 0.466678C11.4006 0.466678 12.1334 1.19938 12.1334 2.10001C12.1334 2.65462 11.8556 3.16584 11.3894 3.46821C10.9979 3.72503 10.5016 3.79907 10.0484 3.66998C9.92582 3.63465 9.79547 3.70621 9.75993 3.83016C9.7246 3.95411 9.79637 4.0832 9.92035 4.11864C10.109 4.17265 10.3041 4.19999 10.5 4.19999C10.8669 4.19999 11.2216 4.09991 11.5365 3.91917C12.7343 4.3532 13.5334 5.48411 13.5334 6.76667V7.93335H11.4057C11.2404 6.37486 10.2599 5.01106 8.82977 4.36348C9.28488 3.90011 9.56669 3.26595 9.56669 2.56669C9.56671 1.1514 8.41529 0 7.00003 0C5.58476 0 4.43334 1.1514 4.43334 2.56669C4.43334 3.26617 4.71531 3.90052 5.17067 4.36394C4.68936 4.58261 4.24297 4.88853 3.86437 5.26498C3.13858 5.99284 2.69692 6.92705 2.59209 7.93341H0.466678V6.76673C0.466678 5.95872 0.78228 5.19686 1.35445 4.62229C1.66942 4.30931 2.05289 4.07054 2.46579 3.92048C2.78071 4.10048 3.13429 4.20002 3.50001 4.20002C3.69599 4.20002 3.89103 4.17267 4.0797 4.11867C4.20365 4.08323 4.27543 3.95414 4.24013 3.83019C4.20458 3.70624 4.07423 3.63479 3.95165 3.67001C3.49865 3.79932 3.0026 3.72538 2.60953 3.46767C2.14447 3.16584 1.86668 2.65465 1.86668 2.10001C1.86668 1.19938 2.5995 0.466678 3.50001 0.466678C3.7976 0.466678 4.09064 0.548709 4.34789 0.703885C4.45863 0.770194 4.60151 0.734647 4.66828 0.624588C4.73481 0.514201 4.69926 0.370865 4.58898 0.3042C4.25902 0.105164 3.88261 0 3.50001 0C2.342 0 1.40001 0.942105 1.40001 2.10001C1.40001 2.67048 1.63147 3.20276 2.02848 3.59235C1.65843 3.76437 1.31666 4.00186 1.02449 4.29208C0.363892 4.95561 0 5.83439 0 6.7667V8.16671C0 8.29558 0.104372 8.40003 0.233325 8.40003H2.56666V10.2667C2.56666 10.3956 2.67103 10.5 2.79998 10.5H11.2C11.329 10.5 11.4333 10.3956 11.4333 10.2667V8.40003H13.7667C13.8957 8.40003 14 8.29555 14 8.16671V6.7667C14.0001 5.38707 13.1983 4.15977 11.97 3.59356ZM4.90002 2.56669C4.90002 1.40878 5.84202 0.466678 7.00003 0.466678C8.15804 0.466678 9.10004 1.40878 9.10004 2.56669C9.10004 3.72459 8.15804 4.66669 7.00003 4.66669C5.84202 4.66669 4.90002 3.72456 4.90002 2.56669ZM10.9667 10.0334H3.03334V8.40003C3.03334 7.34204 3.44576 6.34572 4.19408 5.59513C4.5883 5.20302 5.06622 4.89887 5.57861 4.7021C5.9859 4.97409 6.47459 5.13334 7.00003 5.13334C7.52634 5.13334 8.01588 4.97363 8.42355 4.70082C9.94873 5.28683 10.9667 6.75721 10.9667 8.40003V10.0334Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/rooms.png b/examples/iot-dashboard/images/rooms.png
new file mode 100644
index 0000000000000000000000000000000000000000..d193e7a600dcf6b2d8bf5a44f487213a22d5ed34
GIT binary patch
literal 275
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5e}$)uV@L(#-U*3<%?3QJ!Ffyt8@vu2)bU{o
z-r%{S*;9hgjC1xBO9s}bdlwh%jq`fQzmt36%inRAyHXBS-&cCSNu9xBiL05(4W=u`
zB40B;XgIEy@Jdjh$?NpB%h2?_tFY8vsVP3LH^L&~C&nlH#4|NNlb`YOrRaCH;`rlL
zLbXf8THnd^s+X=@CS<E~WIjWL?*!)VLYs^q2bpaG+g8*&{+m*NOtO4`uUk{?(tjTo
RTm!n9!PC{xWt~$(69C?tU>E=Z

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/rooms.svg b/examples/iot-dashboard/images/rooms.svg
new file mode 100644
index 00000000..8ff84cb9
--- /dev/null
+++ b/examples/iot-dashboard/images/rooms.svg
@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8357 6.38821L6.95603 0L0.076565 6.38821C-0.0203424 6.4784 -0.0260993 6.63024 0.0640917 6.72739C0.153803 6.8243 0.30612 6.82981 0.403028 6.73986L1.19916 6.00058V14H5.03707H8.87499H12.7129V6.00034L13.509 6.73962C13.5551 6.78256 13.6139 6.80367 13.6724 6.80367C13.7369 6.80367 13.801 6.778 13.848 6.72715C13.9384 6.63024 13.9326 6.4784 13.8357 6.38821ZM5.51681 13.5203V9.68234C5.51681 8.88861 6.1623 8.24312 6.95603 8.24312C7.74976 8.24312 8.39525 8.88861 8.39525 9.68234V13.5203H5.51681ZM12.2332 13.5203H8.87499V9.68234C8.87499 8.62428 8.0141 7.76339 6.95603 7.76339C5.89796 7.76339 5.03707 8.62428 5.03707 9.68234V13.5203H1.6789V5.5549L6.95603 0.654605L12.2332 5.5549V13.5203Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/settings.png b/examples/iot-dashboard/images/settings.png
deleted file mode 100644
index b184a885a90d4739bf198cb6bd51355094671e7a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 729
zcmV;~0w(>5P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000ie
z000ie0hKEb8vp<Ti%CR5R9J<zmrqDkQ543%BZEj-h`5llkZ5Hh(IQ%fL`6u55QVF7
zQ$ed1twP$la%~Z<qGcIKNw{bk7Sbk!2>Snrk`_ixqUHE&@!qrRFmvyHZ>A3h-po1Y
z`#$bF_uM<C2mq~;PDwf=snyI**U7snsY}wdr2A&J8pH1u1}+0%_=gHGSR;1;Sab5e
z1LHt@BL-%vjb-2*(3YAUsWR!}IZ)WZXdTiFf6|W+<35d2z{Ar(JX9}9FMPq4K=IB9
zfe?BNRRIE~1IrtOSA-goq>-)yUFr93;8qjFGt2{rfl|sn4s^H%E~SYTlI>GzqPPpU
zVJ9TXfRdy)lJ*pOSH<x|((aO^p#tKolI}@*mOk&7G%Be(2S<mbvjT4CT*i5zx0(%T
zCx73}l_dR^w63^4y(sCpnU$*pW>yByr#xd3T;G(<8Q>tW6yf+th!yA{8Pz^40G-u^
zBY~n%M9y^JPJpXF%XKH=LrE(h-q&UpWkAwPPwb<aE!Hv+LY`xFyN?Ih)O8J<l(fxL
z*pEBC{P6Wkr=*cBzX1KzKhIrU3n>FfB6ya86IsCxw%%lXSObPU;(JM&H5N}=l)T&4
zm~~C_W`Idx^Qa~nLKh@0Na~5?lBBW$!;)rl6lK_u^jXOu>ygw}fa79z7=2K4E+2VN
zmb9zI%+@7MI)RP<DC%-wH?yCTHZLTTKwtVi06fakOd-qy2U6}nV2aR|Cb_-LH9`C_
z&fv)fV6X`Wj`=h~&fXVtz7=m9F)$E_uPC`%HNsIJz}-5_x&#c9^of9@z`HuRbB!2i
z1FisH9l{E5s7CHS;FpuP3`_t!3LB_0GMcW)v?p&0cmRwM`LFmdk<ggy`zl+a00000
LNkvXXu0mjf#AHMz

diff --git a/examples/iot-dashboard/images/statistics.png b/examples/iot-dashboard/images/statistics.png
index 95669429e2a12d4c8b1a48048fecf8e3723c153c..15829ec0eb23fbd7fb16cd19a4a3a62e0abc6d35 100644
GIT binary patch
literal 225
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^}!3HFmd}T91oC1%?Vg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5zs%FcF{Fa=Xn-T{0R^5V-2W9BIVU%?csiV#
z!=vdjgGJ>G<8HO%>4}`x7oQYm7Eh1UPFs+*R!*dmsY1|F%s5W6?TXazjfu=}bAtVo
zHF=~M3q-W$Hx$I(J0@moaEx_L+Jb*~EN*I4_^`Yd|7v&r;)^$G;#r@Wx4n`~)PJ60
Q3UmR3r>mdKI;Vst0D{g%C;$Ke

literal 518
zcmV+h0{Q)kP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000ie
z000ie0hKEb8vp<SxJg7oR9J<@m$5GdK@^9-CnBLxkcdKYjgEvy(20u3{Q(M{(2822
z5E03VS|c<{#hvB~5s8Q>B(A3r5rsmc(fky*VZ)7`ojK>L=63GA_swMP?TwK_QX8-Z
zEC3yZ@dV76*?sOvN%LwBcajP|HQT>^9!`z#ft_SUKCA&l$+!TVN}9^G6OuNQ6}(9r
z@D8lURzr58&GG!k%pURxI4Drx38#ch;JpdOy(C-$&BiIwDgmcNGX-8eC6@k5U>kVN
z8}z*o1Y>5`k_Le>8ZT^vuRh@~AgKsUIi}Cd>^LRy43r&tRvJC`*?~i#+cCEcbb91)
z;v=vQ%sA$%F~z+E%&Y{IVhg!wWgiF=kW`6yEmxuiXz<g?L1wJaA)JVis6`8y*(2~6
zD3FOyBN_)L1M^>)*=3XfPyu=Z1zv#OSb=?DHc;Rs>kB?-U=>&m6v*V?8<Ec;+ymwU
z^OwzRF-ia^0)2r3MIcBZeJz`&{wE`ZD@V>ufe}dqX7*raH9R`nZzPwTkvsxjz`3M6
zS2Gv=z)F%cQ{Xl=E&#ic#T${X@k8JU7$xp{?&2LdNNRlY0cO+|E2G>1`Tzg`07*qo
IM6N<$g8ux|%K!iX

diff --git a/examples/iot-dashboard/images/statistics.svg b/examples/iot-dashboard/images/statistics.svg
new file mode 100644
index 00000000..6cb5099c
--- /dev/null
+++ b/examples/iot-dashboard/images/statistics.svg
@@ -0,0 +1,4 @@
+<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7945 8.32877H12.4657V0.205488C12.4657 0.0920117 12.3738 0 12.2603 0H10.0685C9.95498 0 9.863 0.0920117 9.863 0.205488V8.32877H8.30137V2.61644C8.30137 2.50296 8.20939 2.41095 8.09588 2.41095H5.90412C5.79061 2.41095 5.69863 2.50296 5.69863 2.61644V8.32877H4.137V3.71232C4.137 3.59885 4.04502 3.50684 3.93151 3.50684H1.73975C1.62624 3.50684 1.53426 3.59885 1.53426 3.71232V8.32874H0.205488C0.0919844 8.32874 0 8.42075 0 8.53423C0 8.64771 0.0919844 8.73972 0.205488 8.73972H13.7945C13.908 8.73972 14 8.64771 14 8.53423C14 8.42075 13.908 8.32877 13.7945 8.32877ZM3.72602 8.32877H1.94521V3.91781H3.72602V8.32877ZM7.89042 8.32877H6.10961V2.82193H7.89042V8.32877ZM12.0548 8.32877H10.274V0.410977H12.0548V8.32877Z" fill="white"/>
+</svg>
+
diff --git a/examples/iot-dashboard/images/storage.png b/examples/iot-dashboard/images/storage.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9908c96e049cba08e8561cea17c70b572d1ff42
GIT binary patch
literal 262
zcmeAS@N?(olHy`uVBq!ia0vp^d_c_2!3HG#TlXXZDb50q$YP+FFbFd;%$g$s6l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-RjKikvAF{FZVY5*heAqRoi6FCnsddz5f$iV4w
zfYF)Jf<c{y-Qq!^fykd*DgSRyOWm1YR6gIkI`>{uPdY=i&&8QHWwlqRD6N#$ugp0=
zX~S%8qv<VTeiN!wuAVg17gsvJG1=5Bn0Jw|dqVAl!>X3o&ipIsO8Ih|=Ud!zp2fdT
zS1w5Yz;Pn~(&JX93H6slu9%<t5PtbNOI)Q0$NDVWoWBm)ZNf)a0-ed=>FVdQ&MBb@
E0H<qQc>n+a

literal 0
HcmV?d00001

diff --git a/examples/iot-dashboard/images/storage.svg b/examples/iot-dashboard/images/storage.svg
new file mode 100644
index 00000000..fe78b0e5
--- /dev/null
+++ b/examples/iot-dashboard/images/storage.svg
@@ -0,0 +1,4 @@
+<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7265 4.16632C13.4614 3.80529 13.0524 3.59761 12.6051 3.59761H12.2664V2.68702C12.2664 1.92022 11.6434 1.29718 10.8734 1.29718H6.80929C6.57606 1.29718 6.3524 1.20453 6.18626 1.04158L5.54725 0.405769C5.28526 0.143777 4.937 0 4.56638 0H1.39051C0.623706 0 0.000674612 0.623032 0.000674612 1.39304V9.49884C-0.00891049 9.80875 0.0837455 10.1155 0.272253 10.3711C0.540635 10.7353 0.952795 10.9462 1.40649 10.9462H11.1801C11.7903 10.9462 12.3239 10.5532 12.5092 9.96851L13.9374 5.4028C14.0684 4.97786 13.9917 4.52736 13.7265 4.16632ZM0.508685 1.39304C0.508685 0.90739 0.904869 0.511205 1.38732 0.511205H4.56638C4.79962 0.511205 5.02007 0.603861 5.18941 0.766808L5.82842 1.40262C6.09041 1.66461 6.43867 1.80839 6.80929 1.80839H10.8766C11.3622 1.80839 11.7584 2.20457 11.7584 2.68702V3.59761H2.8123C2.20205 3.59761 1.66848 3.9906 1.48317 4.57209L0.50549 7.69045V1.39304H0.508685ZM13.4454 5.25264L12.0172 9.81834C11.9022 10.189 11.5635 10.435 11.1769 10.435H1.40329C1.11574 10.435 0.853749 10.3008 0.681217 10.0707C0.51188 9.83751 0.460759 9.54676 0.547025 9.27199L1.96882 4.72546C2.08384 4.35483 2.42251 4.10881 2.80911 4.10881H12.6019C12.8862 4.10881 13.145 4.23981 13.3112 4.46666C13.4837 4.6967 13.5316 4.98106 13.4454 5.25264Z" fill="white"/>
+</svg>
+