statbate/layout
1
0
Fork 0
mirror of https://github.com/statbate/layout.git synced 2026-08-11 03:12:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update

Browse source
This commit is contained in:
poiuty 2023-06-20 22:29:02 +03:00
parent 62c6c2738a
commit 87e8072c01
4 changed files with 62 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

5
css/statbate.css
View file

@ -83,6 +83,7 @@ a:active {
.content_activity { .content_activity {
flex: 1; flex: 1;
min-width: 272px;
min-height: 123px; min-height: 123px;
position: relative; position: relative;
border-radius: 4px; border-radius: 4px;
@ -92,7 +93,7 @@ a:active {
} }
.online { .online {
min-width: 465px; width: 100%;
padding: 4px; padding: 4px;
background: #efefef; background: #efefef;
border-radius: 4px; border-radius: 4px;
@ -538,7 +539,7 @@ input[type="search"]::-webkit-search-cancel-button {
@media (max-width: 690px) { @media (max-width: 690px) {
.content_info { .content_info {
flex-direction: column-reverse; flex-direction: column;
} }
.content_center { .content_center {

2
index.html
View file

@ -156,7 +156,7 @@
<table id="main" class="table table-striped table-bordered dataTable no-footer" cellspacing="0" role="grid" aria-describedby="supportList_info"> <table id="main" class="table table-striped table-bordered dataTable no-footer" cellspacing="0" role="grid" aria-describedby="supportList_info">
<thead> <thead>
<tr> <tr>
<th class="d-none d-sm-table-cell" style="width:1px;"></th> <th class="d-none d-sm-table-cell"></th>
<th>room</th> <th>room</th>
<th data-toggle="tooltip" data-placement="top" title="Use search online">last</th> <th data-toggle="tooltip" data-placement="top" title="Use search online">last</th>
<th class="d-none d-sm-table-cell" data-toggle="tooltip" data-placement="top" title="Avarage income per day">$.day</th> <th class="d-none d-sm-table-cell" data-toggle="tooltip" data-placement="top" title="Avarage income per day">$.day</th>

13
js/statbate.js
View file

@ -88,7 +88,7 @@ function choose() {
} }
function showStat() { function showStat() {
if($('.income_chart').css('display') == 'none'){ if($('.income_chart').css('display') == 'none' || page != "main"){
return; return;
} }
income_chart = $('.income_chart').width(); income_chart = $('.income_chart').width();
@ -211,9 +211,20 @@ function createTables(){
{ "searchable": false, "sWidth": "15%" }, { "searchable": false, "sWidth": "15%" },
{ "searchable": false, "sWidth": "15%" }, { "searchable": false, "sWidth": "15%" },
]; ];
tables["main"] = $('#main').DataTable({...dataTableOptions, aoColumns: aoColumns,}); tables["main"] = $('#main').DataTable({...dataTableOptions, aoColumns: aoColumns,});
aoColumns[2]["searchable"] = false; aoColumns[2]["searchable"] = false;
tables["top100dons"] = $("#top100dons").DataTable({...dataTableOptions, aoColumns: aoColumns,}); tables["top100dons"] = $("#top100dons").DataTable({...dataTableOptions, aoColumns: aoColumns,});
dataTableOptions.order = [[6, "desc"]];
aoColumns[1]["sWidth"] = "36%";
aoColumns[2]["sWidth"] = "11%";
aoColumns[3]["sWidth"] = "11%";
aoColumns[4]["sWidth"] = "11%";
aoColumns[5]["sWidth"] = "11%";
aoColumns[6] = { "searchable": false, "sWidth": "15%" };
tables["list1"] = $("#list1").DataTable({...dataTableOptions, aoColumns: aoColumns,});
for (const [key] of Object.entries(tables)) { for (const [key] of Object.entries(tables)) {
tables[key]["status"] = (window.innerWidth > 805) ? "desktop" : "mobile"; tables[key]["status"] = (window.innerWidth > 805) ? "desktop" : "mobile";
} }

49
list.html
View file

@ -15,6 +15,9 @@
<link rel="stylesheet" href="./css/dataTables.bootstrap5.min.css" > <link rel="stylesheet" href="./css/dataTables.bootstrap5.min.css" >
<link rel="stylesheet" href="./css/simplebar.css" > <link rel="stylesheet" href="./css/simplebar.css" >
<link rel="stylesheet" href="./css/statbate.css"> <link rel="stylesheet" href="./css/statbate.css">
<script>
var page = "list";
</script>
</head> </head>
<body> <body>
@ -59,9 +62,6 @@
<!-- content start --> <!-- content start -->
<div class="content"> <div class="content">
<div class="content_info"> <div class="content_info">
<div class="online"> <div class="online">
@ -95,18 +95,55 @@
</div> </div>
<div class="content_activity"> <div class="content_activity">
<figure class="highcharts-figure"> <figure class="highcharts-figure">
<div id="container-activity" class="chart-container"></div> <div id="container-activity" class="chart-container"></div>
</figure> </figure>
</div>
</div> </div>
<div class="tab-content">
<div class="promo-block">
<a href="https://www.getmonero.org" target="_blank"><img src="./img/xmr.webp" width="380" height="31"></a>
</div> </div>
<!-- test data start -->
<table id="list1" class="table table-striped table-bordered dataTable no-footer" cellspacing="0">
<thead>
<tr>
<th class="d-none d-md-table-cell"></th>
<th data-toggle="tooltip">room</th>
<th data-toggle="tooltip" title="Stream duration in minutes" class="d-none d-sm-table-cell">time</th>
<th data-toggle="tooltip" title="Income per hour">hour</th>
<th data-toggle="tooltip" title="Average tip" class="d-none d-sm-table-cell">avg</th>
<th data-toggle="tooltip" title="Uniq donators" class="d-none d-md-table-cell">dons</th>
<th data-toggle="tooltip" title="Income per stream">USD</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td class="d-none d-md-table-cell"><a href="https://statbate.com/public/log.php?name=sandra_buika&amp;base=chaturbate" target="_blank">1</a></td>
<td><a href="https://statbate.com/search.php?name=sandra_buika&amp;db=1" target="_blank">sandra_buika</a></td>
<td class="d-none d-sm-table-cell">406</td>
<td>372</td>
<td class="d-none d-sm-table-cell">3.3</td>
<td class="d-none d-md-table-cell">254</td>
<td>2511</td>
</tr>
<tr class="even">
<td class="d-none d-md-table-cell"><a href="https://statbate.com/public/log.php?name=cutie_have_beauty_booty&amp;base=chaturbate" target="_blank">2</a></td>
<td><a href="https://statbate.com/search.php?name=cutie_have_beauty_booty&amp;db=1" target="_blank">cutie_have_beauty_booty</a></td>
<td class="d-none d-sm-table-cell">306</td>
<td>287</td>
<td class="d-none d-sm-table-cell">2.44</td>
<td class="d-none d-md-table-cell">63</td>
<td>1459</td>
</tr>
</tbody>
</table>
<!-- test data end -->
</div>
</div> </div>
<!-- content end --> <!-- content end -->