{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 =
`
${e.highlights.title || e.document.symbol}
${e.highlights.description || e.document.description}
`
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()
});