diff --git a/html/home/js/home.js b/html/home/js/home.js index 92154c8..0414080 100644 --- a/html/home/js/home.js +++ b/html/home/js/home.js @@ -194,97 +194,119 @@ function initHomeMarket() { var url = app.currencyBaseUrl + "market/getHomeList"; mui.ajax(url, { type: "GET", + timeout: 5000, dataType: "json", success: function(j) { if(j.code == 200) { var markets = j.data; - for(var i in markets) { - var percent = (markets[i].percent * 100).toFixed(2) + "%"; - if(markets[i].percent < 0) { - document.getElementById("currency-amount-" + i).classList.add('app-market-down'); - document.getElementById("currency-percent-" + i).classList.add('app-market-down'); - } else { - percent = "+" + percent; - document.getElementById("currency-amount-" + i).classList.add('app-market-up'); - document.getElementById("currency-percent-" + i).classList.add('app-market-up'); - } - var currencys = markets[i].currencyPair.split("-"); - homeMarketPairObj[markets[i].currencyPair] = i; - document.getElementById("currency-pair-" + i).innerText = currencys[0] + '/' + currencys[1]; - document.getElementById("currency-amount-" + i).innerText = app.formatValue(markets[i].amount); - document.getElementById("currency-percent-" + i).innerText = percent; - document.getElementById("currency-rate-" + i).innerText = app.formatValue(markets[i][app.getExchangeRateLocalStorage().toLowerCase() + 'Amount'] * markets[i].amount) + app.getExchangeRateLocalStorage(); - var currencyObj = { - 'marketObj': markets[i], - 'title': currencys[0] + '/' + currencys[1], - 'basecoin': currencys[1], - 'coin': currencys[0] - } - liListener(document.getElementById("currency-market-" + i), markets[i].currencyPair) - } - } else {} + app.setLocalStorage("market/getHomeList",markets); + renderHomeMarket(markets); + } else { + var markets = app.getLocalStorage("market/getHomeList"); + renderHomeMarket(markets); + } }, error: function(xhr, type, errorThrown) { - console.log(type) + console.log("===market/getHomeList=== error type:"+type) + var markets = app.getLocalStorage("market/getHomeList"); + renderHomeMarket(markets); } }); } +function renderHomeMarket(markets){ + for(var i in markets) { + var percent = (markets[i].percent * 100).toFixed(2) + "%"; + if(markets[i].percent < 0) { + document.getElementById("currency-amount-" + i).classList.add('app-market-down'); + document.getElementById("currency-percent-" + i).classList.add('app-market-down'); + } else { + percent = "+" + percent; + document.getElementById("currency-amount-" + i).classList.add('app-market-up'); + document.getElementById("currency-percent-" + i).classList.add('app-market-up'); + } + var currencys = markets[i].currencyPair.split("-"); + homeMarketPairObj[markets[i].currencyPair] = i; + document.getElementById("currency-pair-" + i).innerText = currencys[0] + '/' + currencys[1]; + document.getElementById("currency-amount-" + i).innerText = app.formatValue(markets[i].amount); + document.getElementById("currency-percent-" + i).innerText = percent; + document.getElementById("currency-rate-" + i).innerText = app.formatValue(markets[i][app.getExchangeRateLocalStorage().toLowerCase() + 'Amount'] * markets[i].amount) + app.getExchangeRateLocalStorage(); + var currencyObj = { + 'marketObj': markets[i], + 'title': currencys[0] + '/' + currencys[1], + 'basecoin': currencys[1], + 'coin': currencys[0] + } + liListener(document.getElementById("currency-market-" + i), markets[i].currencyPair) + } +} + function initTopMarket() { var url = app.currencyBaseUrl + "market/getTopList"; mui.ajax(url, { type: "GET", + timeout: 5000, dataType: "json", success: function(j) { if(j.code == 200) { var markets = j.data; - var ul = document.getElementById('top-ul'); - ul.innerHTML = ''; - for(var i = 0; i < markets.length; i++) { - var currencys = markets[i].currencyPair.split('-'); - var percent = (markets[i].percent * 100).toFixed(2) + "%"; - var percentClassName; - if(markets[i].percent < 0) { - percentClassName = 'app-coin-percent-down'; - } else { - percentClassName = 'app-coin-percent-up'; - percent = '+' + percent; - } - var li = document.createElement("li"); - li.className = "gain-item-list mui-table-view-cell"; - li.innerHTML = '