+ address list for recipient

+ filter table helper
* copy address simply by clicking on it

assets/styles/style.css

@@ -124,6 +124,12 @@ body.pg-loaded > .inner {
   height: 150px;
 }
 
+#dlgAddressListBody {
+  margin: 0px;
+  padding: 20px;
+  background-color: #333;
+}
+
 .btn-dialog-confirm {
   position: absolute;
   bottom: 10px;
@@ -316,6 +322,18 @@ div.noWalletsWrapper {
   justify-content: center;
 }
 
-.btnCopyWalletAddress {
-  margin-right: 10px;
+.textAddress {
+  cursor: pointer;
+}
+
+.addressInputWrapper {
+  display: flex;
+}
+
+#addressToolbar {
+  display: flex;
+}
+
+#addressListFilter {
+  color: #aaa;
 }

assets/templates/addresslist.html

@@ -0,0 +1,28 @@
+<div id="addressToolbar">
+    <input id="addressListFilter" placeholder="enter search text" type="text">
+    <button type="button" class="btn btn-etho" id="btnClearSearchField"><i class="far fa-trash-alt"></i></button>
+</div>
+<div id="addressList" class="{{#if addressData.length}}walletsWrapper{{else}}noWalletsWrapper{{/if}}">
+    {{#if addressData.length}}
+        <table class="bordered" id="addressTable">
+            <thead>
+                <tr>
+                <th scope="col"></th>
+                <th scope="col">Name</th>
+                <th scope="col">Address</th>
+                </tr>
+            </thead>
+            <tbody>
+                {{#addressData}}
+                    <tr>
+                        <th scope="row" class="colEdit"><button type="button" class="btn btn-etho btnSelectToAddress" data-wallet="{{address}}">Select</button></th>
+                        <td>{{name}}</td>
+                        <td><span class="textAddress">{{address}}</span></td>
+                    </tr>
+                {{/addressData}}
+            </tbody>
+        </table>
+    {{else}}
+        <div id="noWalletsPresent">You don't have any wallets, please import them, or create a new one</div>
+    {{/if}}
+</div>

assets/templates/send.html

@@ -11,9 +11,10 @@
                     </select>
                     <label for="sendFromAddress">From address:</label>
                 </div>
-                <div class="input-field col s6">
+                <div class="input-field col s6 addressInputWrapper">
                     <input id="sendToAddress" placeholder="recipient address" type="text">
                     <label for="sendToAddress" class="active">To address:</label>
+                    <button type="button" class="btn btn-etho addressLookup" id="btnLookForToAddress"><i class="fas fa-search"></i></button>
                 </div>
             </div>
             <div class="row">
@@ -83,4 +84,11 @@
         </div>
         <button type="button" class="btn btn-etho btn-dialog-confirm" id="btnSendWalletPasswordConfirm">Confirm</button>
     </div>
-</div>
+</div>
+
+<!-- The modal for address list -->
+<div id="dlgAddressList" class="modalDialog" data-iziModal-title="AddressList" data-iziModal-subtitle="Please select an address from the list" data-iziModal-icon="icon-home">
+    <div class="modalBodyPassword" id="dlgAddressListBody"> 
+    </div>
+</div>
+      

assets/templates/wallets.html

@@ -18,7 +18,7 @@
                     <tr>
                         <th scope="row" class="colEdit"><button type="button" class="btn btn-etho btnChangWalletName" data-wallet="{{address}}" data-name="{{name}}">Edit</button></th>
                         <td>{{name}}</td>
-                        <td><button type="button" class="btn btn-etho btnCopyWalletAddress" data-wallet="{{address}}"><i class="far fa-copy"></i></button><span class="textAddress">{{address}}</span></td>
+                        <td><span class="textAddress">{{address}}</span></td>
                         <td>{{balance}}</td>
                     </tr>
                 {{/addressData}}
@@ -28,8 +28,6 @@
       <div id="noWalletsPresent">You don't have any wallets, please import them, or create a new one</div>
     {{/if}}
 </div>
-<div id="transactionList">
-</div>
 
 <!-- The modal for new wallet -->
 <div id="dlgCreateWalletPassword" class="modalDialog" data-iziModal-title="Wallet Password" data-iziModal-subtitle="Make sure to write it down or remember it!!!" data-iziModal-icon="icon-home">