iso.html 2.77 KB
<?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, 3) == "ISO") {
		$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">ISO 2631 Report</div>
		</div>
		<div class="col s12 m12 l12">
			<div class="card">
				<div class="card-content">
   					<table id="example" class="display responsive-table datatable-example">
						<thead>
     						<tr>
								<th><?=File_name;?></th>
								<th><?=File_time;?></th>
								<th><?=File_size;?></th>
     						</tr>
						</thead>
     					<tbody>
     					<?php 
							foreach($files as $key => $value){
								
     					?>
     						<tr>
     							<td><a href="?item=iso&details=<?=$key?>"><?=$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>