filippodb
/
LocalCDN-Firefox-Chrome-Brave
mirror of https://codeberg.org/nobody/LocalCDN.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Updated statistics page (#74)

This commit is contained in:
nobody 2020-08-09 10:08:38 +02:00
parent f92e8fd157
commit 34b1ee18b3
No known key found for this signature in database
GPG Key ID: 8F6DE3D614FCFD7A
3 changed files with 11 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/statistics/statistics.css
View File

@ -9,23 +9,20 @@ table {
width: 100%;
}
td {
border-top: 1px solid #888;
min-width: 50px;
text-align: right;
}
td:first-child {
text-align: left;
}
td {
border-top: 1px solid #888;
min-width: 50px;
}
th:first-child {
text-align: left;
}
#statistics-overview, #tbl-statistics-cdns, #tbl-statistics-frameworks {
display: none;
}
#statistics-overview {
text-align: left;
}

8
pages/statistics/statistics.html
View File

@ -24,13 +24,13 @@
<div id="btn-delete" class="button" value="delete" data-i18n-content="labelDelete">Delete</div>
</div>
<div id="statistics-overview" class="content">
<div class="overview"><span data-i18n-content="labelAvg">Average (injections/day)</span><span id="avg-quantity" data-i18n-content="labelQuantityAvg">-</span></div>
<div class="overview"><span data-i18n-content="labelInjectedFrameworks">Injected frameworks</span><span id="quantity-injected-frameworks" data-i18n-content="labelQuantityInjectedFrameworks">-</span></div>
<div class="overview"><span data-i18n-content="labelAvg">Average (injections/day)</span><span id="avg-quantity">-</span></div>
<div class="overview"><span data-i18n-content="labelInjectedFrameworks">Injected frameworks</span><span id="quantity-injected-frameworks">-</span></div>
</div>
<div id="tbl-statistics-cdns" class="content">
<table aria-describedby="Detailed table of contacted CDNs">
<thead>
<tr><th scope="col">CDNs</th><th scope="col" data-i18n-content="labelQuantity">Quantity</th></tr>
<tr><th scope="col">CDNs</th><th scope="col"></th></tr>
</thead>
<tbody id="tbody-cdns">
<tr><td>-</td><td>-</td></tr>
@ -40,7 +40,7 @@
<div id="tbl-statistics-frameworks" class="content">
<table aria-describedby="Detailed table of injected frameworks">
<thead>
<tr><th scope="col">Frameworks</th><th scope="col" data-i18n-content="labelQuantity">Quantity</th></tr>
<tr><th scope="col">Frameworks</th><th scope="col"></th></tr>
</thead>
<tbody id="tbody-frameworks">
<tr><td>-</td><td>-</td></tr>

18
pages/statistics/statistics.js
View File

@ -28,22 +28,16 @@ statistics._onDocumentLoaded = function () {
// Default view is 'today'
statistics._dateRange = [new Date().toISOString().slice(0, 10)];
document.getElementById('date-range').value = 'day';
document.getElementById('date-range').value = statistics._dateUnit;
statistics._registerListener();
statistics._getStatistics().then(statistics._renderContents);
};
statistics._renderContents = function () {
if (statistics._data === undefined || statistics._dateRange.length === 0) {
statistics._showData(false);
return false;
}
statistics._filterAndSortData();
statistics._determineInjections();
statistics._showData(true);
statistics._clearTables();
statistics._determineInjections();
statistics._generateTable(statistics._dataSortedCDNs, 'cdns');
@ -185,7 +179,6 @@ statistics._handlerDateRange = function ({ target }) {
statistics._getStatistics().then(statistics._setDateRange);
} else if (type === 'delete') {
statistics._deleteStatistic();
statistics._showData(false);
}
};
@ -197,15 +190,6 @@ statistics._deleteStatistic = function () {
}
};
statistics._showData = function (type) {
let attr = type === true ? 'block' : 'none';
document.getElementById('statistics-overview').style.display = attr;
document.getElementById('tbl-statistics-cdns').style.display = attr;
document.getElementById('tbl-statistics-frameworks').style.display = attr;
document.getElementById('btn-delete').disabled = !type;
};
statistics._registerListener = function () {
document.getElementById('date-range').addEventListener('change', statistics._handlerDateRange);
document.getElementById('btn-delete').addEventListener('click', function () {