din.html
3.01 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<?php
$files_dir="/home/pi/Desktop/vAlert/rec";
$dir = opendir("/home/pi/Desktop/vAlert/rec/"); // Open directory
$files = array();
$str_array = array("");
while ($file = readdir($dir)) {
if(substr($file, 0, 4) == "DIN2") {
$files[$file] = date ("Y-m-d H:i:s", filemtime("/home/pi/Desktop/vAlert/rec/".$file));
}
}
?>
<link href="js/datatables/css/jquery.dataTables.css" rel="stylesheet">
<main class="mn-inner">
<div class="row">
<div class="col s12">
<div class="page-title">DIN Report
<form>
<input type="checkbox" value="1" name="">
</form>
</div>
</div>
<div class="col s12 m12 l12">
<div class="card">
<div class="card-content">
<table id="example" class="display responsive-table datatable-example display select">
<thead>
<tr>
<th><?=File_name;?></th>
<th><?=File_time;?></th>
<th><?=File_size;?></th>
</tr>
</thead>
<tbody>
<?php
foreach($files as $key => $value){
$size=filesize($files_dir.'/'.$key)/1000;
?>
<tr>
<td><a href="?item=din&details=<?=$key?>&datetime=<?=$value?>&size=<?= $size ?>"><?=$key?></a></td>
<td><?=$value?></td>
<td><?=filesize($files_dir.'/'.$key)/1000?> KB</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
</div>
<div class="left-sidebar-hover"></div>
<!-- Javascripts -->
<!--<script src="js/dataTables.bootstrap.min.js"></script>-->
<script src="assets/plugins/jquery/jquery-2.2.0.min.js"></script>
<script src="assets/plugins/materialize/js/materialize.min.js"></script>
<script src="assets/plugins/material-preloader/js/materialPreloader.min.js"></script>
<script src="assets/plugins/jquery-blockui/jquery.blockui.js"></script>
<script src="assets/plugins/select2/js/select2.min.js"></script>
<script src="assets/js/alpha.min.js"></script>
<script src="assets/js/pages/form-select2.js"></script>
<script src="js/datatables/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
$('#example').DataTable({
language: {
searchPlaceholder: '<?=KEY_WORD;?>',
sInfo: "<?=STARTTOEND;?>",
sSearch: '',
sLengthMenu: '<?=Display_record;?>',
sLength: 'dataTables_length',
oPaginate: {
sFirst: '<i class="material-icons">chevron_left</i>',
sPrevious: '<i class="material-icons">chevron_left</i>',
sNext: '<i class="material-icons">chevron_right</i>',
sLast: '<i class="material-icons">chevron_right</i>'
}
},
"order": [[ 1, "desc" ]],
"iDisplayLength": 100
});
$('.dataTables_length select').addClass('browser-default');
});
</script>
</body>
</html>