This commit is contained in:
poiuty 2023-06-14 23:31:24 +03:00
parent a96347833a
commit 7716821078
6 changed files with 397 additions and 2 deletions

View file

@ -13,6 +13,7 @@
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="./css/metricsgraphics.min.css">
<link rel="stylesheet" href="./css/bootstrap.min.css" >
<link rel="stylesheet" href="./css/dataTables.bootstrap5.min.css" >
<link rel="stylesheet" href="./css/simplebar.css" >
<link rel="stylesheet" href="./css/statbate.css">
</head>
@ -58,6 +59,8 @@
<!-- content start -->
<div class="content">
<div class="income_chart"></div>
<div class="content_center">
@ -92,6 +95,7 @@
</table>
</div>
</div>
<div class="content_nav">
<ul class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">
<li class="nav-item">
@ -145,7 +149,55 @@
<div class="tab-content">
<div aria-labelledby="cams-tab" role="tabpanel active" class="tab-pane fade active show" id="cams">
Rooms
<!-- test data start -->
<table id="main" class="table table-striped table-bordered dataTable no-footer"
cellspacing="0" width="100%" role="grid" aria-describedby="supportList_info"
style="width: 100%;">
<thead>
<tr>
<th class="d-none d-sm-table-cell" style="width:1px;"></th>
<th>room</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="Uniq donators per month">dons
</th>
<th data-toggle="tooltip" data-placement="top"
title="Income per month">
USD
</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td class="d-none d-sm-table-cell">1</td>
<td>hannahjames710</td>
<td>8 hrs</td>
<td class="d-none d-sm-table-cell">2408</td>
<td class="d-none d-sm-table-cell">1904</td>
<td>52976</td>
</tr>
<tr class="even">
<td class="d-none d-sm-table-cell">2</td>
<td>ehotlovea</td>
<td><font color="green">online</font></td>
<td class="d-none d-sm-table-cell">1909</td>
<td class="d-none d-sm-table-cell">1601</td>
<td>51546</td>
</tr>
</tbody>
</table>
<!-- test data end -->
</div>
<div aria-labelledby="dons-tab" role="tabpanel" class="tab-pane fade" id="dons">
Dons
@ -184,7 +236,10 @@
<script src="./js/jquery-3.7.0.min.js"></script>
<script src="./js/d3.min.js"></script>
<script src="./js/metricsgraphics.min.js"></script>
<script src="./js/jquery.dataTables.min.js"></script>
<script src="./js/bootstrap.bundle.min.js"></script>
<script src="./js/dataTables.bootstrap5.min.js"></script>
<script src="./js/simplebar.js"></script>
<script src="./js/statbate.js"></script>
@ -194,6 +249,10 @@
htmlText = text + ' <span class="caret"></span>';
$(this).closest('.dropdown').find('.dropdown-toggle').html(htmlText);
});
$(document).ready(function () {
$('#main').DataTable();
});
</script>
</html>