History: display blockheight, sort by blockheight

components/HistoryTable.qml

@@ -119,15 +119,21 @@ ListView {
                 // visible: !descriptionArea.containsMouse
             }
         }
+
+        Row {
+            // - Payment ID + block height row
+            id: row2
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.top: parent.top
+            anchors.topMargin: 40
+            anchors.leftMargin: 26
+
             // -- "PaymentID" title
             Text {
                 id: paymentLabel
-            anchors.left: parent.left
+                width: 86
-            anchors.top: row1.bottom
+                anchors.bottom: parent.bottom
-            anchors.topMargin: 4
-            anchors.leftMargin: 28
-
-            width: 118
                 font.family: "Arial"
                 font.pixelSize: 12
                 font.letterSpacing: -1
@@ -136,19 +142,41 @@ ListView {
             }
             // -- "PaymentID" value
             Text {
-            anchors.bottom: paymentLabel.bottom
+                id: paymentIdValue
-            anchors.left: paymentLabel.right
+                width: 136
-            anchors.right: parent.right
+                anchors.bottom: parent.bottom
-            anchors.leftMargin: 12
+                elide: Text.ElideRight
-            anchors.rightMargin: 12
+                font.family: "Arial"
-
+                font.pixelSize:13
+                font.letterSpacing: -1
+                color: "#545454"
+                text: paymentId
+            }
+            // -- "BlockHeight" title
+            Text {
+                id: blockHeghtTitle
+                anchors.bottom: parent.bottom
+                width: 86
+                font.family: "Arial"
+                font.pixelSize: 12
+                font.letterSpacing: -1
+                color: "#535353"
+                text:  qsTr("BlockHeight:")  + translationManager.emptyString
+            }
+            // -- "BlockHeight" value
+            Text {
+                width: 85
+                anchors.bottom: parent.bottom
                 elide: Text.ElideRight
                 font.family: "Arial"
                 font.pixelSize: 13
                 font.letterSpacing: -1
                 color: "#545454"
-            text: paymentId
+                text: blockHeight
             }
+        }
+
+
         // -- "Date", "Balance" and "Amound" section
         Row {
             anchors.left: parent.left

components/ProcessingSplash.qml

@@ -44,10 +44,11 @@ Window {
 
     ColumnLayout {
         id: rootLayout
-        anchors.horizontalCenter: parent.horizontalCenter
+
-        anchors.verticalCenter: parent.verticalCenter
         anchors.left: parent.left
         anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+
         anchors.leftMargin: 30
         anchors.rightMargin: 30
 

pages/History.qml

@@ -370,6 +370,7 @@ Rectangle {
 
             ListElement { columnName: "Payment ID"; columnWidth: 127 }
             ListElement { columnName: "Date"; columnWidth: 100 }
+            ListElement { columnName: "BlockHeight"; columnWidth: 150 }
             ListElement { columnName: "Amount"; columnWidth: 148 }
             // ListElement { columnName: "Description"; columnWidth: 148 }
         }
@@ -396,6 +397,10 @@ Rectangle {
                     model.sortRole = TransactionHistoryModel.TransactionDateRole
                     break;
                 case 2:
+                    // BlockHeight;
+                    model.sortRole = TransactionHistoryModel.TransactionBlockHeightRole
+                    break;
+                case 3:
                     // Amount;
                     model.sortRole = TransactionHistoryModel.TransactionAmountRole
                     break;