{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 = 'Lich su gia ' + startDate + '.xls'; a.click(); } return exportExcel(table, name) } }, formatNumber(number, sochia = 1) { return number ? ( Math.round((number / sochia) * 100) / 100 ).toLocaleString("en-US") : "0"; }, checkColor(price) { if (price > 0) { return "up" } else if (price < 0) { return "down" } else { return "nochange" } }, addIcon(price) { if (price > 0) { return up } else { return down } }, renderTableHeader() { let html = ` ${this.data.Index} ${Math.round(this.data.ClosePrice * 100, 0) / 100} điểm ${this.addIcon(this.data.PctIndex)} ${this.formatNumber(this.data.ChgIndex)} điểm (${this.formatNumber(this.data.PctIndex)}%) Mã ${upIcon}${this.data.TotalStockUp} ${ceil}${this.data.TotalCeiling} ${nochange}${this.data.TotalStockNochange} ${downIcon}${this.data.TotalStockDown} ${floor}${this.data.TotalFloor} Khớp lệnh KLGD ${this.formatNumber(this.data.KLKL)} cp GTGD ${this.formatNumber(this.data.GTKL / 1000000000)} tỷ VNĐ Thỏa thuận KLGD ${this.formatNumber(this.data.KLTT)} cp GTGD ${this.formatNumber(this.data.GTTT/1000000000)} tỷ VNĐ ` document.getElementById("wrapper-information-GDNN-right_table").innerHTML = html this.loading.style.display = 'none'; this.isLoading = false; }, color(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?.ListDataLSG.length > 0) { this.data.ListDataLSG.forEach((item, index) => { html += ` ${item.Symbol} ${item.ClosePrice.toFixed(2)} ${item.ChangePrice} ${item.BasicPrice.toFixed(2)} ${item.OpenPrice.toFixed(2)} ${item.HighPrice.toFixed(2)} ${item.LowPrice.toFixed(2)} ${this.formatNumber(item.Volume)} ${this.formatNumber(item.TotalValue / 1000000000)} tỷ ${this.formatNumber(item.AgreedVolume)} ${this.formatNumber(item.AgreedValue)} ` }) } 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 = `/tracuulichsu2/1/${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() });