add list of tokens and icons

ui/app/AppLayouts/Wallet/Components/TokenSettingsModalContent.qml

@@ -0,0 +1,151 @@
+import QtQuick 2.3
+import QtQuick.Controls 2.3
+import QtQuick.Layouts 1.3
+import Qt.labs.platform 1.1
+import "../../../../imports"
+import "../../../../shared"
+import "../tokens/"
+
+Item {
+    id: element
+
+    Text {
+        id: modalDialogTitle
+        text: "Add/Remove Tokens"
+        anchors.top: parent.top
+        anchors.left: parent.left
+        font.bold: true
+        font.pixelSize: 17
+        anchors.leftMargin: 16
+        anchors.topMargin: 16
+    }
+
+    Image {
+        id: closeModalImg
+        anchors.top: parent.top
+        anchors.right: parent.right
+        anchors.rightMargin: 16
+        anchors.topMargin: 16
+        source: "../../../img/close.svg"
+        MouseArea {
+            id: closeModalMouseArea
+            cursorShape: Qt.PointingHandCursor
+            anchors.fill: parent
+            onClicked: {
+                popup.close()
+            }
+        }
+    }
+
+    Separator {
+        id: headerSeparator
+        anchors.top: modalDialogTitle.bottom
+    }
+
+    Item {
+        id: modalBody
+        anchors.right: parent.right
+        anchors.rightMargin: 32
+        anchors.top: headerSeparator.bottom
+        anchors.topMargin: Theme.padding
+        anchors.bottom: footerSeparator.top
+        anchors.bottomMargin: 16
+        anchors.left: parent.left
+        anchors.leftMargin: 32
+
+        ScrollView {
+            anchors.fill: parent
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            ScrollBar.vertical.policy: ScrollBar.AlwaysOn
+            ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
+
+            ListView {
+                anchors.fill: parent
+                spacing: 4
+                id: tokenListView
+                model: Tokens {}
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                delegate: Component {
+
+                    Item {
+                        id: element
+                        anchors.right: parent.right
+                        anchors.rightMargin: 0
+                        anchors.left: parent.left
+                        anchors.leftMargin: 0
+                        height: 40
+
+                        Image {
+                            id: assetInfoImage
+                            width: 36
+                            height: 36
+                            source: "../../../img/tokens/SNT@3x.png"
+                            anchors.left: parent.left
+                            anchors.leftMargin: 0
+                            anchors.verticalCenter: parent.verticalCenter
+                        }
+                        Text {
+                            id: assetFullTokenName
+                            text: name
+                            anchors.bottom: parent.bottom
+                            anchors.bottomMargin: 0
+                            anchors.left: assetInfoImage.right
+                            anchors.leftMargin: Theme.smallPadding
+                            color: Theme.darkGrey
+                            font.pixelSize: 15
+                        }
+                        Text {
+                            id: assetSymbol
+                            text: symbol
+                            anchors.left: assetInfoImage.right
+                            anchors.leftMargin: Theme.smallPadding
+                            anchors.top: assetInfoImage.top
+                            anchors.topMargin: 0
+                            color: Theme.black
+                            font.pixelSize: 15
+                        }
+                    }
+                }
+                //            delegate: Message {
+                //                userName: model.userName
+                //                message: model.message
+                //                identicon: model.identicon
+                //                isCurrentUser: model.isCurrentUser
+                //                repeatMessageInfo: model.repeatMessageInfo
+                //                timestamp: model.timestamp
+                //                sticker: model.sticker
+                //                contentType: model.contentType
+                //            }
+                highlightFollowsCurrentItem: true
+            }
+        }
+    }
+
+    Separator {
+        id: footerSeparator
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 76
+    }
+
+    StyledButton {
+        anchors.right: parent.right
+        anchors.rightMargin: Theme.padding
+        label: "Apply to all accounts"
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: Theme.padding
+        onClicked: {
+            console.log(txtCurrency.textField.text)
+            assetsModel.setDefaultCurrency(txtCurrency.textField.text)
+            popup.close()
+        }
+    }
+}
+
+/*##^##
+Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+##^##*/

ui/app/AppLayouts/Wallet/Components/qmldir

@@ -1,3 +1,4 @@
 SendModalContent 1.0 SendModalContent.qml
 SettingsModalContent 1.0 SettingsModalContent.qml
+TokenSettingsModalContent 1.0 TokenSettingsModalContent.qml
 AddAccount 1.0 AddAccount.qml

ui/app/AppLayouts/Wallet/TokenSettingsModal.qml

@@ -0,0 +1,45 @@
+import QtQuick 2.3
+import QtQuick.Controls 2.3
+import QtQuick.Layouts 1.3
+import Qt.labs.platform 1.1
+import "../../../imports"
+import "../../../shared"
+import "./Components"
+
+Item {
+    function open() {
+        popup.open()
+    }
+
+    function close() {
+        popup.close()
+    }
+
+    Popup {
+        id: popup
+        modal: true
+        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
+        Overlay.modal: Rectangle {
+            color: "#60000000"
+        }
+        parent: Overlay.overlay
+        x: Math.round((parent.width - width) / 2)
+        y: Math.round((parent.height - height) / 2)
+        width: 480
+        height: 510
+        background: Rectangle {
+            color: Theme.white
+            radius: Theme.radius
+        }
+        padding: 0
+        contentItem: TokenSettingsModalContent {
+            id: settingsModalContent
+        }
+    }
+}
+
+/*##^##
+Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+##^##*/

ui/app/AppLayouts/Wallet/WalletHeader.qml

@@ -73,6 +73,10 @@ Item {
         id: settingsModal
     }
 
+    TokenSettingsModal{
+        id: tokenSettingsModal
+    }
+
     Item {
         property int btnMargin: 8
         property int btnOuterMargin: 32
@@ -179,7 +183,7 @@ Item {
                         text: qsTr("Add/Remove Tokens")
                         icon.source: "../../img/add_remove_token.svg"
                         onTriggered: {
-                            console.log("TODO: Add/Remove Tokens")
+                            tokenSettingsModal.open()
                         }
                     }
                     QQC2.Action {

ui/app/AppLayouts/Wallet/tokens/qmldir

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