Receive dialog updated

assets/scripts/coinwallets.js

@@ -56,11 +56,19 @@ function ReceiveCurrency(rec_val) {
 		console.log('=> No wallet logged in. No need to get Rates.');
 	} else {
 		var tmp_activhndl = JSON.parse(sessionStorage.getItem('IguanaActiveAccount'));
+		$('#mdl_receive_coin_name').text(rec_val.currency)
 		$('#mdl_receive_coin_addr').text('');
-		$('#mdl_receive_coin_addr').text(JSON.parse(tmp_activhndl)[rec_val.currency]);
+		$('#mdl_receive_coin_addr').val(JSON.parse(tmp_activhndl)[rec_val.currency]);
 		$('#mdl_receive_coin_addr_qr_code').text('');
 		$('#mdl_receive_coin_addr_qr_code').qrcode({width: 120,height: 120,text: JSON.parse(tmp_activhndl)[rec_val.currency]});
 	}
+	var clipboard = new Clipboard('.btn');
+    clipboard.on('success', function(e) {
+        console.log(e);
+    });
+    clipboard.on('error', function(e) {
+        console.log(e);
+    });
 }
 
 $('#mdl_currency_amount').keyup(function() {

index.html

@@ -394,13 +394,14 @@
               <button type="button" class="close white" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">×</span>
               </button>
-              <h4 class="modal-title white"><span class="icon wb-download" style="margin: 0;"></span> Receive</h4>
+              <h4 class="modal-title white"><span class="icon wb-download" style="margin: 0;"></span> Receive <span id="mdl_receive_coin_name"></span></h4>
               <span class="white">This is your default Iguana wallet address.</span>
             </div>
             <div class="modal-body">
               <div class="row">
-                <div class="col-xs-12"><b>To:</b></div>
+                <div class="col-xs-8" style="text-align: center;"><h4>Copy and Share</h4></div><div class="col-xs-4" style="text-align: center;"><h4>Scan</h4></div>
-                <span class="force-select col-sm-8 col-xs-12" id="mdl_receive_coin_addr"></span>
+                <span class="col-sm-8 col-xs-12" style="text-align: center;"><input type="text" class="force-select form-control empty" id="mdl_receive_coin_addr" readonly/><br>
+                <button class="btn btn-round btn-info waves-effect waves-round waves-light" data-clipboard-action="copy" data-clipboard-target="#mdl_receive_coin_addr" data-toggle="tooltip"><i class="icon md-copy" aria-hidden="true"></i>Copy to clipboard</button></span>
                 <span class="col-sm-4 col-xs-12" id="mdl_receive_coin_addr_qr_code" style="width: 60px;"></span>
             </div>
             <div class="modal-footer">
@@ -458,6 +459,7 @@
   <script src="assets/global/vendor/bootstrap-select/bootstrap-select.min.js"></script>
   <script src="assets/global/vendor/sweetalert2/sweetalert2.min.js" type="text/javascript"></script>
   <script src="assets/global/vendor/jquery-qrcode/jquery.qrcode.min.js" type="text/javascript"></script>
+  <script src="assets/global/vendor/clipboard/clipboard.min.js"></script>
   <!-- Crypto Dependencies -->
   <script src="assets/scripts/wordlist.js" type="text/javascript"></script>
   <script src="assets/scripts/passphrasegenerator.js" type="text/javascript"></script>