From d313b81ebcff5ed002c242192b9a0a93837c21d7 Mon Sep 17 00:00:00 2001
From: Iuri Matias <iuri.matias@gmail.com>
Date: Thu, 7 May 2020 15:39:27 -0400
Subject: [PATCH] add tabbar; fix resizable sidebar

---
 main.qml    | 147 ++++++++++++++++++++++++++++++++++++++++++++--------
 message.png | Bin 0 -> 630 bytes
 profile.png | Bin 0 -> 621 bytes
 wallet.png  | Bin 0 -> 393 bytes
 4 files changed, 124 insertions(+), 23 deletions(-)
 create mode 100644 message.png
 create mode 100644 profile.png
 create mode 100644 wallet.png

diff --git a/main.qml b/main.qml
index 0c15e569f0..d64b659a50 100644
--- a/main.qml
+++ b/main.qml
@@ -4,43 +4,144 @@ import QtQuick.Controls 2.3
 import QtQuick.Layouts 1.3
 
 ApplicationWindow {
+    id: applicationWindow
     width: 1024
     height: 768
     title: "JSON RPC Caller"
     visible: true
 
-    SplitView {
+    RowLayout {
+        id: rowLayout
+        width: parent.width
+        height: parent.height
         anchors.fill: parent
+//        spacing: 50
 
-        Item {
-            width: 300
-            height: parent.height
-        }
+        TabBar {
+            id: tabBar
+            width: 50
+            height: width *2 + spacing
+            transformOrigin: Item.Top
+            Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+            Layout.fillHeight: true
+            anchors.top: parent.top
+            anchors.topMargin: 5
+            spacing: 5
+            Layout.fillWidth: true
+            Layout.minimumWidth: 50
+            Layout.preferredWidth: 50
+            Layout.maximumWidth: 50
+            Layout.minimumHeight: 0
 
-        Item {
-            width: parent.width/2
-            height: parent.height
+            TabButton {
+                id: firstBtn
+                width: 50
+                height: 50
+                text: ""
+                transformOrigin: Item.Center
+                anchors.horizontalCenter: parent.horizontalCenter
 
-            ColumnLayout {
-                anchors.fill: parent
-
-                RowLayout {
-                    TextArea { id: callResult; Layout.fillWidth: true; text: logic.callResult; readOnly: true }
-                }
-
-                RowLayout {
-                    Label { text: "data2" }
-                    TextField { id: txtData; Layout.fillWidth: true; text: "" }
-                    Button {
-                        text: "Send"
-                        onClicked: logic.onSend(txtData.text)
-                        enabled: txtData.text !== ""
-                    }
+                Image {
+                    id: image
+                    anchors.fill: parent
+                    fillMode: Image.PreserveAspectFit
+                    source: "message.png"
                 }
             }
 
+            TabButton {
+                id: secondBtn
+                width: 50
+                height: 50
+                text: ""
+                anchors.horizontalCenter: parent.horizontalCenter
+                anchors.top: firstBtn.bottom
+                anchors.topMargin: parent.spacing
+
+                Image {
+                    id: image1
+                    anchors.fill: parent
+                    fillMode: Image.PreserveAspectFit
+                    source: "wallet.png"
+                }
+            }
+
+            TabButton {
+                id: thirdBtn
+                width: 50
+                height: 50
+                text: ""
+                anchors.topMargin: 0
+                anchors.horizontalCenter: parent.horizontalCenter
+                anchors.top: secondBtn.bottom
+
+                Image {
+                    id: image2
+                    anchors.fill: parent
+                    fillMode: Image.PreserveAspectFit
+                    source: "profile.png"
+                }
+            }
         }
 
+        SplitView {
+            Layout.fillHeight: true
+//            anchors.fill: parent
+//            width: parent.width
+            Layout.leftMargin: 0
+            Layout.fillWidth: true
+            Layout.minimumWidth: 100
+            Layout.preferredWidth: 200
+//            Layout.preferredHeight: 100
+
+            Item {
+                width: 300
+                height: parent.height
+                Layout.minimumWidth: 200
+
+                Button {
+                    id: button
+                    text: qsTr("TEST BUTTON")
+                }
+            }
+
+            Item {
+                width: parent.width/2
+                height: parent.height
+
+                ColumnLayout {
+                    anchors.fill: parent
+
+                    RowLayout {
+                        Layout.fillHeight: true
+                        TextArea { id: callResult; Layout.fillWidth: true; text: logic.callResult; readOnly: true }
+                    }
+
+                    RowLayout {
+                        Layout.bottomMargin: 20
+                        Layout.alignment: Qt.AlignLeft | Qt.AlignBottom
+                        transformOrigin: Item.Bottom
+                        Label { text: "data2" }
+                        TextField { id: txtData; Layout.fillWidth: true; text: "" }
+                        Button {
+                            text: "Send"
+                            onClicked: logic.onSend(txtData.text)
+                            enabled: txtData.text !== ""
+                        }
+                    }
+                }
+
+            }
+
+        }
     }
 
+
 }
+
+
+/*##^##
+Designer {
+    D{i:4;anchors_height:40;anchors_width:40}D{i:6;anchors_height:40;anchors_width:40}
+}
+##^##*/
diff --git a/message.png b/message.png
new file mode 100644
index 0000000000000000000000000000000000000000..26d4702bce023af7181d4a5a0cbbbb33a17eafd1
GIT binary patch
literal 630
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD3?#3*wSy#F1AIbUfi&gd&Z}47fu@L;1o;Is
z2qa8cfB*ge^9>I5`{ygf_Xijh<S*DD$?U|>z`%IY)5S5Qg7NJQcCp!30<90NAI#)t
z;{N{k{g=HeS4_Gub_V_Qlb?Qn8S^B*_QMYgCakhs`B699FV}(ZW!1Z-&tLqnTHI}X
zQF3p|fxL~0ecWYIJ(W@i<zzR1o%ddU>y&kOHWZf%?@?VCw(gxr$FWvBmfa!Qhl1p9
z?)lnxcgelo6Rgge99sO;=Y!jmHJu+;T4sJccKP@3@I^8==h-I+<~2_Kkd_@`zKv(v
zzk<UPmE2EX)ZW{|_Jl(wvxrl2(~&2~v-{4SILx_k`ST17(SW|ZrA%{9gg^h6#xP-q
z71NE5UGHwK%nWm|4D|FXW)c<8&6*{evExPX<uwfEL6`3vUnst~WLae6v~ESyvs@>3
zIjSw&f46VjDydERtS?vEPbg!FX;Ib|<&ZI5%4F)kK8W$@3SE&E7M!U}i)1uUvFOd2
zbDG8KTvBI4%#MGJOpOapTCe}(z%#ed^nfHs|75B1)ekv;%ztU}f#r$Q@;IBugD*mu
z`wq1Fm9;A?*v`#rR2G=3ca7@-N5#JTU%qghE6y@lw}w~Ho@4*AaEl+z{*D(NxJ7vH
z1ezo;x-v@znk*1>W!}3WV}YCCv->u+RsWy86h6DZ^4AgJwfz<{eC_A|^7AaVR-R@#
R<p?PCc)I$ztaD0e0sv2m`KJH?

literal 0
HcmV?d00001

diff --git a/profile.png b/profile.png
new file mode 100644
index 0000000000000000000000000000000000000000..77cee25a1f2e72641f032b763f4e615c5272b86a
GIT binary patch
literal 621
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD3?#3*wSy#_0(?STfi#7n@8P#kKqEv;g8YIR
z-rpBcaG22FaK2#w{Dk%K1`F~x)Z4V*<z--CJnHG<7*Y}U_QvT+YZQ3c9@uj(sCX~;
z`QQ4gb8VZlqcjb5(hhEKUA3jL&rsu{NpHQr&nl7W_ZC~-^tAu*Bw%vMucc`n<}W$p
z0zH?DTU}9D9M{FPdxd23+do&%Us}WdYA^E<_G^b3gpbeK@So%KtO*AmE%g+rnGm4v
z={H$!|Cd=Fz3d!6g!*orUmCLcLH82ZL&<ijiD%bU*-ZU(#=`a4>|INQPaOYm7|uEW
zyuxG6Q}Hh8c27&XT3>%<o)P?{!0U|Wqw02<v)8vAUzxCPnX?^xj-K1kB!k=DtS|gF
zCLf6D*>c*%Sa_bWZ`q$s*^d$gOkO@&G<{BjV#zJds%tH>K5VuHADArmPnHXlU_Hxa
zAZ@CA$Zt`c6su{APu;5-k^UDNvhH~AXL0m>cl1|dm1F6?c%_v>`uY7;vzAS)>{>Ei
z!*BHiOK}h5HN~<ozby0Pk^gDA%>4hcs0Q=f@7Mq5ITY1#)K2x(>v_D6B{kMDx6-b;
z+rE1Jue)}^7IT}7RWFY{y%EGR>67KHfGhjX9hH2v=~<E1yudZ7vK2b>0&`N!`*@UD
z4*wHdz?#AM>3_=ae>Go!8NNARyyXAH%|NRAQpSz{$4z`M|6#UhE-`NVAIk<xG@h=0
JF6*2UngBw61BL(q

literal 0
HcmV?d00001

diff --git a/wallet.png b/wallet.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f7f730bd8094a1e32da8258fa3524f3e6636717
GIT binary patch
literal 393
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD3?#3*wSy##1AIbUfi$ULF{|52pdNveAirRS
z_X-00@2_u2h<B(jn4iDE`TXUDK)J7;E{-7;ac^&Ut~+AD;d+t%-KEf1Z|k?#AG+dq
zxZi7{h4c>LWW@`DP8^C$OvU5WD#Pb2oVvZ%PbF<(^BIc`mokrD@Y^oQtW_fHdVhM|
znioO;x?AS;F4N%@U%K*w$(I!FDJ{~IL}y%7Uff=gv(dqkpZA@oi9hQDewPNn^*k;L
zOdmskFbj4xq$P&dC+s=Z^^5s&sM&Ak$F9C|+!yvJ2sCo+DZj8OR^#69n~vJ5**T*5
zJWG}{9cALqo2jF)-@46YmQlRllBE}N9%r}BU$pvC|NMA4R>O<AhXWP|A8zz~p&-on
ra{BhrqmsMQAEv5qzxSa<z=@;2M{&}g4G}i4KmqFM>gTe~DWM4fm=21n

literal 0
HcmV?d00001