205 lines
		
	
	
		
			7.7 KiB
		
	
	
	
		
			PHP
		
	
	
		
			Executable File
		
	
	
			
		
		
	
	
			205 lines
		
	
	
		
			7.7 KiB
		
	
	
	
		
			PHP
		
	
	
		
			Executable File
		
	
	
| <!-- DataTables -->
 | |
| <link rel="stylesheet"
 | |
| 	  href="<?= base_url('bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') ?>">
 | |
| <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
 | |
| <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css">
 | |
| <link rel="stylesheet" href="<?= base_url('bower_components/toastr/toastr.css') ?>">
 | |
| <div class="content-wrapper">
 | |
| <?php
 | |
| ?>
 | |
| 	<!-- Content Header (Page header) -->
 | |
| 	<section class="content-header">
 | |
| 		<h1>
 | |
| 			<?= $this->lang->line('manage_invoices') ?>
 | |
| <!--			<input type="button" class="btn btn-primary pull-right" id="Bactiver"-->
 | |
| <!--				   value="Activer/Désactiver le(s) réseau(x)" />-->
 | |
| 		</h1>
 | |
| 	</section>
 | |
| 	<section class="content">
 | |
| 		<div class="row">
 | |
| 			<div class="col-md-4 col-sm-6 col-xs-12">
 | |
| 				<div class="info-box">
 | |
| 					<span class="info-box-icon bg-aqua"><i class="ion ion-android-time"></i></span>
 | |
| 					<div class="info-box-content">
 | |
| 						<span class="info-box-text"><?= $this->lang->line('Période') ?> </span>
 | |
| 						<span class="info-box-number">
 | |
|                                     <input id="picker"
 | |
| 										   style="background: #fff; cursor: pointer; padding: 1px 1px; border: 1px solid #ccc; width: 100%"
 | |
| 										   data-category="<?= isset($category) ? $category : null ?>"
 | |
| 										   type="text" name="daterange"
 | |
| 										   data-lang="<?= $this->session->userdata('site_lang') ?>"
 | |
| 										   value="<?= ($startDate != null & $endDate != null) ? $startDate . ' - ' . $endDate : '' ?>"/>
 | |
|                                     
 | |
| 						</span>
 | |
| 						<span> Format : <?= $this->session->userdata('site_lang') === 'french' ? 'Jour - Mois - Année ' : 'Year - Month - Day' ?> </span>
 | |
| 					</div>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 
 | |
| 
 | |
| 		</div>
 | |
| 		<div class="row">
 | |
| 			<div class="col-xs-12">
 | |
| 				<div class="box">
 | |
| 					<div class="box-header">
 | |
| 						<h3 class="box-title"><?= $this->lang->line('export_invoices_list') ?></h3>
 | |
| 						<div class="box-tools">
 | |
| 						</div>
 | |
| 					</div>
 | |
| 					<div class="box-body" style="overflow-x:auto;">
 | |
| 
 | |
| 						<table id="invoices" class="table table-bordered table-striped">
 | |
| 							<thead>
 | |
| 							<tr>
 | |
| 								<th align='center'><?= $this->lang->line('invoice_id') ?></th>
 | |
| 								<th>Emetteur</th>
 | |
| 								<th><?= $this->lang->line('total_amount') ?></th>
 | |
| 								<th><?= $this->lang->line('total_insured_part') ?></th>
 | |
| 								<th><?= $this->lang->line('total_insurance_part') ?></th>
 | |
| 								<th>Date debut</th>
 | |
| 								<th>Date fin</th>
 | |
| 								<th align='center'>Action</th>
 | |
| 							</tr>
 | |
| 							</thead>
 | |
| 						</table>
 | |
| 					</div>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 	</section>
 | |
| 
 | |
| 
 | |
| </div>
 | |
| <!-- jQuery 3 -->
 | |
| <script src="<?= base_url('bower_components/jquery/dist/jquery.min.js') ?>"></script>
 | |
| <!-- Bootstrap 3.3.7 -->
 | |
| <script src="<?= base_url('bower_components/bootstrap/dist/js/bootstrap.min.js') ?>"></script>
 | |
| <!-- DataTables -->
 | |
| <script src="<?= base_url('bower_components/datatables.net/js/jquery.dataTables.min.js') ?>"></script>
 | |
| <script src="<?= base_url('bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') ?>"></script>
 | |
| <!-- SlimScroll -->
 | |
| <script src="<?= base_url('bower_components/jquery-slimscroll/jquery.slimscroll.min.js') ?>"></script>
 | |
| <!-- FastClick -->
 | |
| <script src="<?= base_url('bower_components/fastclick/lib/fastclick.js') ?>"></script>
 | |
| <!-- AdminLTE App -->
 | |
| <script src="<?= base_url('dist/js/adminlte.min.js') ?>"></script>
 | |
| <!-- AdminLTE for demo purposes -->
 | |
| <script src="<?= base_url('dist/js/demo.js') ?>"></script>
 | |
| 
 | |
| <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment-with-locales.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.19/sorting/datetime-moment.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.20/dataRender/datetime.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.min.js"></script>
 | |
| <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.colVis.min.js"></script>
 | |
| <script src="<?= base_url('dist/js/sweetalert2.js') ?>"></script>
 | |
| <script src="<?= base_url('bower_components/toastr/toastr.js') ?>"></script>
 | |
| 
 | |
| 
 | |
| <script>
 | |
| 	$(function () {
 | |
| 		const lang = $('#picker').data('lang');
 | |
| 		const format = lang === 'french' ? 'fr' : 'en';
 | |
| 		moment.updateLocale(moment.locale(format), {invalidDate: ""}); // Blank text when is invalid date
 | |
| 
 | |
| 		var table = $('#invoices').DataTable({
 | |
| 			// Processing indicator
 | |
| 			"processing": true,
 | |
| 			"language": {
 | |
| 				"processing": "<?= $this->lang->line('loading') ?>",
 | |
| 				"emptyTable" : "<?= $this->lang->line('no_insured') ?>"
 | |
| 			},
 | |
| 			// DataTables server-side processing mode
 | |
| 			"serverSide": true,
 | |
| 			// Initial no order.
 | |
| 			"order": [],
 | |
| 			// Load data from an Ajax source
 | |
| 			"ajax": {
 | |
| 				"url": "<?= base_url('pagination/Invoices/getLists'); ?>",
 | |
| 				"data":{
 | |
| 					"startDate" : "<?= $startDate?>",
 | |
| 					"endDate" : "<?= $endDate?>",
 | |
| 					"id_network" : "<?= $id_network ?? null ?>",
 | |
| 					"network_agent_id" : "<?= $network_agent_id ?? null ?>",
 | |
| 					"currentURL" : "<?= current_url()?>"
 | |
| 				},
 | |
| 				"type": "POST"
 | |
| 			},
 | |
| 			"aaSorting": [[6, "desc"]],
 | |
| 			"columnDefs": [{
 | |
| 				"targets": [5,6],
 | |
| 				// "orderable": false,
 | |
| 				render: $.fn.dataTable.render.moment('YYYY-MM-DD', 'D MMMM YYYY', format)
 | |
| 			}],
 | |
| 			dom: 'Bfrtip',
 | |
| 			"buttons": [
 | |
| 				'pageLength',
 | |
| 				{
 | |
| 					"extend": 'excelHtml5',
 | |
| 					title: "<?= $this->lang->line('invoices_history') ?>",
 | |
| 				},
 | |
| 				{
 | |
| 					extend: 'csvHtml5',
 | |
| 					title: "<?= $this->lang->line('invoices_history') ?>",
 | |
| 				},
 | |
| 				{
 | |
| 					extend: 'pdfHtml5',
 | |
| 					orientation: 'landscape',
 | |
| 					pageSize: 'LEGAL',
 | |
| 					title: "<?= $this->lang->line('invoices_history') ?>",
 | |
| 					trim: false,
 | |
| 					"action": newexportaction
 | |
| 				},
 | |
| 				// 'colvis'
 | |
| 			]
 | |
| 		});
 | |
| 
 | |
| 		table.buttons().container()
 | |
| 				.appendTo('#example_wrapper .col-sm-6:eq(0)');
 | |
| 		
 | |
| 	});
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
| 	var startDate;
 | |
| 	var endDate;
 | |
| 
 | |
| 	$(function () {
 | |
| 		const lang =  $('#picker').data('lang');
 | |
| 		const category =  $('#picker').data('category');
 | |
|         const id_network = "<?= $id_network ?? null ?>";
 | |
| 		const ne = "<?=$network_agent_id ?? null ?>"
 | |
|         $('input[name="daterange"]').daterangepicker({
 | |
| 			opens: 'left',
 | |
| 			autoUpdateInput: false,
 | |
| 			locale: {
 | |
| 				format: lang === 'french' ? 'DD-MM-YYYY' : 'YYYY-MM-DD',
 | |
| 				cancelLabel: 'Clear'
 | |
| 			}
 | |
| 		}, function (start, end, label) {
 | |
| 			const debut = start.format('YYYY-MM-DD');
 | |
| 			const fin = end.format('YYYY-MM-DD');
 | |
| 			if(category)
 | |
| 				window.location = "<?= current_url()?>" + "?history=insurance-invoices" + "&d=" + debut + "&f=" + fin;
 | |
| 			else
 | |
| 				window.location = "<?= current_url()?>" + "?id="+id_network+"&history=insurance-invoices" + "&d=" + debut + "&f=" + fin;
 | |
| 
 | |
| 		});
 | |
| 
 | |
| 		$('input[name="daterange"]').on('cancel.daterangepicker', function(ev, picker) {
 | |
| 			//do something, like clearing an input
 | |
| 			$('#daterange').val('');
 | |
| 			if(category)
 | |
| 				window.location = "<?= current_url()?>" + "?history=insurance-invoices";
 | |
| 			else
 | |
| 				window.location = "<?= current_url()?>" + "?id="+id_network+"&history=insurance-invoices";
 | |
| 		});
 | |
| 	});
 | |
| 
 | |
| </script>
 |