<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<input type="hidden" id="ETHAddress" value="{{addressId}}">
<script>
function toETH(value) {
    var ETH = value / 1000000000000000000 ;
    return ETH;
}
var address = document.getElementById("ETHAddress").value
$.getJSON( "https://etherchain.org/api/account/" + address + "/tx/100", function( data ) {
 document.write("<table class='table table-striped'>");
 document.write("<tr>");
 document.write("<td><b>Hash</b></td><td><b>From</b></td><td><b>To</b></td><td><b>Amount</b></td><td><b>Time</b></td>");
 document.write("<tr>");
 for (var key in data) {
       var arr = data[key];
       for( var i = 0; i < arr.length; i++ ) {
           var obj = arr[ i ];
document.write("<tr>");
           for (var prop in obj) {
               if(obj.hasOwnProperty(prop)){
               if(prop === "hash" || prop === "amount" ||  prop === "time"||  prop === "sender" ||  prop === "recipient"){
if(prop === "hash"){
document.write("<td><a href='http://5.22.157.49:8000/#/tx/" + obj[prop] + "'>" + obj[prop].substring(0, 10) + "</a></td>");
}else if(prop === "amount"){
document.write("<td>" + toETH(obj[prop]) + "</td>");
}else if(prop === "sender" && obj[prop] === address.toLowerCase()){
document.write("<td><font color='red'> " + obj[prop] + "</font></td>");
}else if(prop === "time"){
var myarr = obj[prop].split("T");
document.write("<td> " + myarr[0] + " " + myarr[1].substring(0, 8) + "</td>");
}else{
document.write("<td>" + obj[prop] + "</td>");
}
                }

               }
           }
document.write("</tr>");
       }
    }
document.write("</table>");
});
</script>