{table}' , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } let startDate = '' if (this.refInpDate.value) { startDate = this.refInpDate.value.split(' - ')[0].split('/')[0] + '.' + this.refInpDate.value.split(' - ')[0].split('/')[1] + '.' + this.refInpDate.value.split(' - ')[0].split('/')[2]; } function exportExcel(table, name) { if (!table.nodeType) table = document.getElementById(table) var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } var a = document.createElement('a'); a.href = uri + base64(format(template, ctx)) a.download = 'TKDL ' + startDate + '.xls'; a.click(); } return exportExcel(table, name) } }, formatNumber(number, sochia = 1) { return number ? ( Math.round((number / sochia) * 100) / 100 ).toLocaleString("en-US") : "0"; }, addIcon(price) { if (price > 0) { return up } else { return down } }, color(price) { if (price > 0) { return "up" } else if (price < 0) { return "down" } else { return "nochange" } }, renderTableHeader() { let html = ` Mua Bán Tổng số lệnh ${this.addIcon(this.data.ThayDoiDatMua)} ${this.formatNumber(this.data.ThayDoiDatMua)}% * ${this.formatNumber(this.data.TongLenhDatMua)} ${this.addIcon(this.data.ThayDoiDatBan)} ${this.formatNumber(this.data.ThayDoiDatBan)}% * ${this.formatNumber(this.data.TongLenhDatBan)} Tổng khối lượng ${this.addIcon(this.data.ThayDoiKLMua)} ${this.formatNumber(this.data.ThayDoiKLMua)}% * ${this.formatNumber(this.data.TongKLMua)} ${this.addIcon(this.data.ThayDoiKLBan)} ${this.formatNumber(this.data.ThayDoiKLBan)}% * ${this.formatNumber(this.data.TongKLBan)} KLTB 1 lệnh ${this.formatNumber(this.data.KLTB1LenhMua)} ${this.formatNumber(this.data.KLTB1LenhBan)} Dư ${this.formatNumber(this.data.DuMua)} ${this.formatNumber(this.data.DuBan)} ` document.getElementById("wrapper-information-GDNN-right_table").innerHTML = html this.loading.style.display = 'none'; this.isLoading = false; }, colorChangePrice(price) { if (price != null) { if (price.includes("-")) { return "down" } else if (price.includes("0.00")) { return "nochange" } else { return "up" } } }, renderTable() { let html = '' var lib = new CafeF_Library(); if (this.data?.ListDataTKDL.length > 0) { this.data.ListDataTKDL.forEach((item, index) => { html += ` ${item.Symbol} ${item.Price} ${item.ChangePrice} ${item.BuyOrderCount} ${item.BuyVolume} ${item.BuyAverage} ${item.BuyLeft} ${item.SellOrderCount} ${item.SellVolume} ${item.SellAverage} ${item.SellLeft} ${item.BuySellDiff} ` }) } else { html = ` KHÔNG CÓ KẾT QUẢ PHÙ HỢP ` } document.getElementById("data_table_GDNN").innerHTML = html; this.loading.style.display = 'none'; this.isLoading = false; }, renderDateSpicker() { $('input[name="daterange"]').daterangepicker({ "autoUpdateInput": false, "singleDatePicker": true, "maxDate": new Date(), "locale": { "format": "DD/MM/YYYY", "separator": " - ", "applyLabel": "Apply", "cancelLabel": "Cancel", "customRangeLabel": "Custom", "daysOfWeek": [ "CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7" ], "applyLabel": "Chọn", "cancelLabel": "Bỏ", "monthNames": [ "Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12" ], "firstDay": 1 }, opens: 'center' }, function (start, label) { }); $('input[name="daterange"]').on('apply.daterangepicker', function (ev, picker) { $(this).val(picker.startDate.format('DD/MM/YYYY')); }); $('input[name="daterange"]').on('cancel.daterangepicker', function (ev, picker) { $(this).val(''); }); }, handleFindDisclosure() { window.location.href = `${GDNN.domain}tracuulichsu2/2/${this.refInputAC.value}/${this.refInpDate.value}.chn` this.refInputAC.value this.reRender() }, async reRender() { if (this.isLoading === false) { GDNN.getData() } }, async init() { this.renderDateSpicker() await this.getData() this.renderTableHeader() this.renderTable() } } $(document).ready(function () { if ("hose" == "hose") { document.getElementById('hose').selected = true } else if ("hose" == "upcom") { document.getElementById('upcom').selected = true } else if ("hose" == "vn30") { document.getElementById('vn30').selected = true } else { document.getElementById('hnx').selected = true } if ("today" != "today") { document.getElementById('date-inp-disclosure').value = "today" } GDNN.init() });