{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 = '' let endDate = '' if (this.refInpDate.value) { startDate = this.refInpDate.value.split(' - ')[0].split('/')[1] + '.' + this.refInpDate.value.split(' - ')[0].split('/')[0] + '.' + this.refInpDate.value.split(' - ')[0].split('/')[2]; endDate = this.refInpDate.value.split(' - ')[1].split('/')[1] + '.' + this.refInpDate.value.split(' - ')[1].split('/')[0] + '.' + this.refInpDate.value.split(' - ')[1].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 = 'Tu doanh ' + startDate + "-" + endDate + '.xls'; a.click(); } return exportExcel(table, name) } }, handleClearMCK() { this.refInputAC.value = ''; tuDoanh.iClose.style.display = 'none' tuDoanh.iSearch.style.display = 'block' }, handleFindDisclosure() { this.refInputAC.value this.pageIndex = 1; this.reRender() }, handleClickIitemStockCode(value) { const lsMenuItem = document.getElementsByClassName('info-data-history-menu-item'); //Array.from(lsMenuItem).forEach((e, i) => { // e.setAttribute('href', `/Lich-su-giao-dich-${value.toLowerCase()}-${i + 1}.chn#data`) //}) this.refInputAC.value = value; //window.history.pushState('', '', `/Lich-su-giao-dich-${value.toLowerCase()}-4.chn#data`); window.location.href = `${domain}Lich-su-giao-dich-${value.toLowerCase()}-4.chn#data`; this.lsAC.style.display = 'none'; }, APICallRateLimit(func, delay) { clearTimeout(this.timerId); this.timerId = setTimeout(func, delay); }, handleChangePage(page) { if (page !== this.pageIndex && page >= 1 && page <= this.totalPage) { if (page <= 1) { this.pageIndex = 1; } else if (page > this.totalPage) { this.pageIndex = this.totalPage; }else { this.pageIndex = page } this.reRender() } this.APICallRateLimit(this.reRender, 700) }, autocomplete() { let currentFocus; const ref = this.refInputAC let search = ''; let resultSearch = []; var timerId; ref.addEventListener('blur', (e) => { if (!ref.value) { ref.value = tuDoanh.prevValue; } if (tuDoanh.refInputAC.value || tuDoanh.prevValue) { tuDoanh.iClose.style.display = 'block' tuDoanh.iSearch.style.display = 'none' tuDoanh.iClose.before.color = 'none' } else { tuDoanh.iClose.style.display = 'none' tuDoanh.iSearch.style.display = 'block' } setTimeout(() => { const list = tuDoanh.lsAC list.style.display = "none"; }, 500) }) ref.addEventListener("focus", (e) => { tuDoanh.prevValue = ref.value; ref.value = ""; }); function addActive(x) { if (!x) return false; removeActive(x); if (currentFocus >= x.length) currentFocus = 0; if (currentFocus < 0) currentFocus = x.length - 1; x[currentFocus].classList.add("autocomplete-active"); } function removeActive(x) { for (var i = 0; i < x.length; i++) { x[i].classList.remove("autocomplete-active"); } } ref.addEventListener("keydown", function (e) { var x = document.getElementById("search-stock-list"); if (x) x = x.getElementsByTagName("div"); if (e.keyCode == 40) { currentFocus++; addActive(x); } else if (e.keyCode == 38) { currentFocus--; addActive(x); } else if (e.keyCode == 13) { e.preventDefault(); if (currentFocus > -1) { if (x) x[currentFocus].click(); } } }); function getData() { fetch('https://search.cafef.vn/api/searching/v1/Companies/SearchByKeyWord?' + new URLSearchParams({ keyword: search, }), { method: "GET", headers: { "Content-Type": "application/json", }, }) .then((res) => res.json()) .then((result) => { resultSearch = [...result?.value?.documents]; renderLisSearch(); }); } function renderLisSearch() { const lists = document.getElementById('search-stock-list') let items = ""; if (resultSearch.length > 0) { lists.style.display = "block"; } else { lists.style.display = 'none'; } currentFocus = 0; if (resultSearch.length > 0) { resultSearch.forEach((e, i) => { const a = ` ` items += a; }) } lists.innerHTML = items } ref.addEventListener("input", function () { search = this.value; if (search.length >= 2) { tuDoanh.APICallRateLimit(getData, 500) } else { resultSearch = [] renderLisSearch() } }); }, renderDateSpicker() { $('input[name="daterange"]').daterangepicker({ "autoUpdateInput": false, "maxDate": moment().format('DD/MM/YYYY'), "locale": { "format": "DD/MM/YYYY", "separator": " - ", "applyLabel": "Apply", "cancelLabel": "Cancel", "fromLabel": "From", "toLabel": "To", "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' }); $('input[name="daterange"]').on('apply.daterangepicker', function (ev, picker) { $(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY')); document.getElementById('tabletoExcel').style.background = "#33A42E"; }); $('input[name="daterange"]').on('cancel.daterangepicker', function (ev, picker) { $(this).val(''); document.getElementById('tabletoExcel').style.background = "rgb(193, 227, 192)"; }); }, renderTableHeader() { let html = ` ${this.refInputAC.value} KLGD (Cổ phiếu) GTGD (VNĐ) Tổng mua ${this.formatNumber(this.data?.Data?.TongKlMua)} ${this.formatNumber(this.data?.Data?.TongGtMua)} Tổng bán ${this.formatNumber(this.data?.Data?.TongKlBan)} ${this.formatNumber(this.data?.Data?.TongGtBan)} Chênh lệch ${this.formatNumber(this.data?.Data?.TongKlMua - this.data?.Data?.TongKlBan)} ${this.formatNumber(this.data?.Data?.TongGtMua - this.data?.Data?.TongGtBan)} ` document.getElementById("wrapper-information-owner-right_table").innerHTML = html let date = this.refInpDate.value || ''; if (this.data?.Data?.ListDataTudoanh?.length > 0) { date = this.data?.Data?.ListDataTudoanh[this.data?.Data?.ListDataTudoanh.length - 1].Date + ' - ' + this.data?.Data?.ListDataTudoanh[0].Date } this.refUnit.innerHTML = `* Tính bằng KLGD/ GTGD${date ? `(được tính từ ngày ${date})` : ''}` }, renderTable() { let html = '' if (this.data?.Data?.ListDataTudoanh.length > 0) { this.data.Data.ListDataTudoanh.forEach((item, index) => { html += ` ${item.Symbol} ${item.Date} ${this.formatNumber(item.KLcpMua)} ${this.formatNumber(item.GtMua/1000000000)} ${this.formatNumber(item.KlcpBan)} ${this.formatNumber(item.GtBan / 1000000000)} ${this.formatNumber(item.KLcpMua - item.KlcpBan)} ${this.formatNumber((item.GtMua - item.GtBan) / 1000000000)} ` }) } else { html = ` KHÔNG CÓ KẾT QUẢ PHÙ HỢP ` } this.refTable.innerHTML = html this.loading.style.display = 'none'; this.isLoading = false; }, async reRender() { if (this.isLoading === false) { tuDoanh.getData() } }, async init() { this.renderDateSpicker() await this.getData() this.renderTableHeader() this.renderTable() this.autocomplete() //this.exportData() } } $(document).ready(function () { tuDoanh.init() });