AnonSec Team
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 (0755) :  /home/logmcpe/www/TMCPRO/pages/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/logmcpe/www/TMCPRO/pages/grille_de_salairess.php
<?php
include 'includes/config_tmcpro.php' ;
include 'includes/stable_functions_tmcpro.php' ;

// $page = "tache_generale.php" ; 

// exit() ; 
	 // echo "<pre>" ; 
 // print_r($_SESSION) ; 
 // echo "<pre>" ; 
 
 // echo "===>".$_SESSION['MCPRO']['user_id'] ; 
 
 
  if(!empty($_POST)){
	 
 // echo "<pre>" ; 
 // print_r($_POST) ; 
 // echo "<pre>" ; 
 // exit() ; 
  }
  
  
  
 
 if($_POST['modifier'] == "modifier"){
	 
	 $salarie_categorie_id =   $_POST['salarie_categorie_id'] ; 
	 $salarie_position     =   $_POST['salarie_position'] ; 
	 $salarie_echelon      =   $_POST['salarie_echelon'] ; 
	 $salarie_horaire      =   $_POST['salarie_horaire'] ; 
	 $id_grille_salarie    =   $_POST['id_grille_salarie'] ; 
	 
	 
	 dbi_query("UPDATE `grille_salarie` SET
	 `salarie_categorie_id` = '$salarie_categorie_id',
	 `position_ID` = '$salarie_position  ',
	 `echelon` = '$salarie_echelon ',
	 `salarie_horaire` = '$salarie_horaire'
	 WHERE id_grille_salarie = $id_grille_salarie  ") ; 
	 header("Location:grille_de_salairess.php?msg=Grille bien modifié&color=success&page=$page&rowid=$tache_idd");
// echo "<pre>" ; 
 // print_r($_POST) ; 
 // echo "<pre>" ; 
	 // exit() ; 
 }
 
 
 if($_POST['ajouter'] == "ajouter"){
	 
	 $salarie_categorie_id =   $_POST['salarie_categorie_id'] ; 
	 $salarie_position     =   $_POST['salarie_position'] ; 
	 $salarie_echelon      =   $_POST['salarie_echelon'] ; 
	 $salarie_horaire      =   $_POST['salarie_horaire'] ; 
	 
	 
	 dbi_query("INSERT INTO `grille_salarie` (`id_grille_salarie`, `salarie_categorie_id`, `position_ID`, `echelon`, `salarie_horaire`)
	 VALUES (NULL, '$salarie_categorie_id', '$salarie_position', '$salarie_echelon', '$salarie_horaire')") ; 
	 header("Location:grille_de_salairess.php?msg=Grille bien ajouté&color=success&page=$page&rowid=$tache_idd");
// echo "<pre>" ; 
 // print_r($_POST) ; 
 // echo "<pre>" ; 
	 // exit() ; 
 }

if($_GET['sup']== 1)
{
	 // echo "<pre>" ; 
 // print_r($_GET) ; 
 // echo "<pre>" ; 
 
 // exit() ; 
	// "DELETE FROM `tache` WHERE `tache`.`tache_id` = 1"?
	dbi_query(" DELETE FROM `grille_salarie` WHERE `grille_salarie`.`id_grille_salarie` = ".$_GET['id_grille_salarie']) ;
	
			header('Location:grille_de_salairess.php?msg= <strong> Bien : </strong>Grille bien supprimé&color=success');
			 // header("Location:.php?msg=Grille bien ajouté&color=success&page=$page&rowid=$tache_idd");
		
}


	




		  

 

?>

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <!-- Enregistrer le titre de la page --><title> LogMCPRO | TACHE</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">
												<!-- overlayScrollbars -->
  <link rel="stylesheet" href="../dist/css/adminlte.min.css">
												<!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  
   <!-- daterange picker -->
  <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
  

  <link rel="stylesheet" href="../plugins/select2/css/select2.min.css">
  <link rel="stylesheet" href="../plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
  
  

<!--#####################################CDN LINKS OF BOOTSTRAP##########################################-->
 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> 

<!--font awesome for images icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--#####################################CDN LINKS OF BOOTSTRAP##########################################-->


 <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    <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">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
  <!-- summernote -->
  <link rel="stylesheet" href="../../plugins/summernote/summernote-bs4.css">
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  
    <style>
  .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>
		 <h3><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-tache"><i class="fas fa-plus"></i> Nouvelle grille</button></h3>
		</li>
		
      
    </ul>

 <!-- liens TOP MENU DROITE -->
 
 
    <ul class="navbar-nav ml-auto">
     <!-- Placer ici l'élément à positionner à droite du TOP MENU -->
    </ul>
  
  </nav> 
  
  
<!-- BARRE DE NAVIGATION -->


<?php include('menu.php'); ?>



 <!-- DEMARRAGE DE LA PAGE PRINCIPALE -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">



<div  class="modal fade" id="myModal" 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="fetch" ></div>
		
           
        </div>
    </div>
</div>



		 <div class="modal fade" id="modal-tache">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Nouvelle grille</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
			
			
            <div class="modal-body">

			
               <div class="card-body">


   <form action="" method="POST">   
 <!-- ///////Ligne société & Catégorie --> 
<!-- ///////Ligne -->   

<input id="prodId" name="ajouter" type="hidden" value="ajouter"> 
  <div class="form-row"> 
<div class="form-group col-md-3">
   <label>Catégorie</label>
                <select class="form-control" name="salarie_categorie_id">
			
				<option value="-1" selected="<?php if($q['salarie_categorie_designation']== NULL ) { echo 'selected' ;} ?> " disabled="disabled">-Cat&#233;gorie-</option>
                    
				<?php
				
				$aq =dbi_query("SELECT * FROM `salarie_categorie`") ; 	
				while($etabs = dbi_fetch_row($aq))
				{
					
				?>
					<option value="<?=$etabs['salarie_categorie_id'] ?>"  <?php if($etabs['salarie_categorie_id']==$q['salarie_categorie_id']) echo 'SELECTED'; ?>  ><?=$etabs['salarie_categorie_designation'] ?></option>
					<?
				}
				
				?>
                </select>
   </div>
   
    
   
 
   
   
   
 <div class="form-group col-md-3">
 
 
    <label>Position</label>
                <select class="form-control" name="salarie_position">
				  <option value="-1" selected="<?php if($q['salarie_position']== NULL ) { echo 'selected' ;} ?> " disabled="disabled">-Position-</option>
			<?php
				
				$req =dbi_query("SELECT * FROM `position`") ; 	
				while($pos = dbi_fetch_row($req))
				{
					
				?>
                          <option value="<?=$pos['position_ID'] ; ?>" ><?php echo $pos['Position']  ; ?></option>
						  
				<?php  }?>
                </select>
    
   </div>
   
   
   

	
	
	       <div class="form-group col-md-3"><!-- Liste déroulante jour -->  
                <label>Echelon</label>
                <select class="form-control" name="salarie_echelon"  value="<?=$q['salarie_echelon'] ; ?>">
				<option value="-1" selected="<?php if($q['salarie_echelon']== NULL ) { echo 'selected' ;} ?> " disabled="disabled">-Echelon-</option>
               
                          <option value="0"  <?php if($q['salarie_echelon']=='0') echo 'SELECTED'; ?>  >0</option>
						  <option value="1"  <?php if($q['salarie_echelon']=='1') echo 'SELECTED'; ?>  >1</option>
                          <option value="2" <?php if($q['salarie_echelon']=='2') echo 'SELECTED'; ?> > 2</option>
						  <option value="3" <?php if($q['salarie_echelon']=='3') echo 'SELECTED'; ?> > 3</option>
						  
                </select>
    </div>
	
	
	
	
	  <div class="form-group col-md-3">
      <label for="inputsociete">Salarie Horaire</label>
     
	  <input type="text"	 class="form-control" name="salarie_horaire"  required>
  
   </div>
	
	
	
             
           
		

   



	
  </div>  
                
				
               
              </div>
  
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
              <button type="submit" name="submitbtn" class="btn btn-primary">Enregistrer</button>
			  
			  </form>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
          
        </div><!-- /.row -->
      </div>
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- PAGE PRINCIPALE -->

   	
    <section class="content">
	
					  		  <?php
			      if(isset($_GET["msg"])){
        ?>
        <div class="alert alert-<?php echo $_GET["color"]; ?>  alert-dismissible col-12" role="alert">
          <strong><?php echo $_GET["color"].': '; ?></strong><?php echo $_GET["msg"]; ?>.
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <?php
        }
       ?>
      <div class="row">
        <div class="col-12">
         <div class="card card-primary card-outline">
            <div class="card-header">
			
            
			<div class="row">
			  <div class="col-sm-11"><h3 class="card-title"> <i class="nav-icon fas fa-id-card"></i> LISTE DES GRILLES</h3> </div>
			  <div class="col-sm-1"></div>
			   
            </div> 
            </div>
            <!-- /.card-header -->
            <div class="card-body">

              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Catégorie</th>     		<!-- /.Table Client - Champs client_nom -->
                 
                  <th>Position</th> 	<!-- /.Table Client - Champs client_cp -->
                  <th>Echelon</th>		<!-- /.Table Client - Champs client_ville -->
                  <th>Salarie Horaire</th>
				  <th>Action</th> 		<!-- /.Table Client - Champs client_adr1 -->
                </tr>
                </thead>
                <tbody>
				<?php
				// $q= dbi_query("SELECT * FROM tache t , client c ,  users u where t.`client_id` = c.`client_id` and  t.`user_id` = u.`user_id`");
				$q= dbi_query("SELECT * FROM `grille_salarie`  ");
				
				// echo 
				while($cl=dbi_fetch_row($q))
				{
			list($salarie_categorie_designation)=  dbi_fetch_row(dbi_query( " SELECT salarie_categorie_designation FROM `salarie_categorie` WHERE `salarie_categorie_id` =  ".$cl['salarie_categorie_id'] )) ; 
			list($Position) = dbi_fetch_row(dbi_query("SELECT Position FROM `position` WHERE `position_ID`=  ".$cl['position_ID'] )) ; 
					?>
					
					<tr>
                <?php // echo '<td><a href="#myModal"  id="custId" data-toggle="modal" data-id="'.$cl['tache_id'].'">'.$cl['tache_sujet'].'</a></td>';?>
				<td>   <?php echo $salarie_categorie_designation; ?></td>
                 
                  <td><?php echo $Position;  ?></td>
				  <td><?php echo $cl['echelon'];  ?></td>
				  <td><?php echo $cl['salarie_horaire'];  ?></td>
				  <td align="center">
			
				  
				   <?php echo '<a class="btn btn-info btn-sm" href="#myModal"  id="custId" data-toggle="modal" data-id="'.$cl['id_grille_salarie'].'"><i class="fas fa-pencil-alt"></i> </a>';?>
				   	   <a class="btn btn-danger btn-sm" href="grille_de_salairess.php?id_grille_salarie=<?=$cl['id_grille_salarie']?>&sup=1" onclick="return confirm('Voulez-vous vraiment supprimer cette grille ?');">
              
				 <i class="fas fa-trash"></i>
                             
				   </a>
				   </td>
                </tr>
						
					<?
				}
				?>
                
                           
                
               
                </tbody>
                <tfoot>
                 <tr>
                  <th>Catégorie</th>     		<!-- /.Table Client - Champs client_nom -->
                 
                  <th>Position</th> 	<!-- /.Table Client - Champs client_cp -->
                  <th>Echelon</th>		<!-- /.Table Client - Champs client_ville -->
                  <th>Salarie Horaire</th>
				  <th>Action</th> 		<!-- /.Table Client - Champs client_adr1 -->
                </tr>
                </tfoot>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
   
   
   
			  
			  
			






			
			  
			  
            </div>
     
          <!-- /.col-md-6 -->
      
<!-- Modal -->

 
  <!-- /.content-wrapper -->


  
  
  
  
  
  
  
  
  <!-- /.control-sidebar -->
  <footer class="main-footer">
    <div class="float-right d-none d-sm-block">
      <b>Version</b> 3.0.1
    </div>
    <strong>Copyright &copy; 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>
<!-- ./wrapper -->

<!-- jQuery -->

<!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>

<script src="../plugins/select2/js/select2.full.min.js"></script>
<script src="../../plugins/select2/js/select2.full.min.js"></script>
<!-- Bootstrap4 Duallistbox -->
<script src="../../plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
<!-- InputMask -->
<script src="../../plugins/moment/moment.min.js"></script>
<script src="../../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- date-range-picker -->
<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap color picker -->
<script src="../../plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="../../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Bootstrap Switch -->
<script src="../../plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- Page 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>

<!-- AdminLTE App --
<script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>


<!-- page script -->
<script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false
    });
  });
</script>

<script type="text/javascript">
$(document).ready(function(){
    $('#myModal').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'AjaxModifGrille.php', //Here you will fetch records 
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('#fetch').html(data);//Show fetched data from database
            }
        });
     });
});

    
</script>

	 
</html>


































 
  



<!--
<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 -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- 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>
  <!-- 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 -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>


<script src="../../plugins/summernote/summernote-bs4.min.js"></script>
<script>
  $(function () {
    // Summernote
    $('.textarea').summernote()
  })
</script>
<!-- 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(){
    $('#myModalTTTT').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'fetch_record.php', //Here you will fetch records 
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('#fetch').html(data);//Show fetched data from database
            }
        });
     });
});

		
		
		
		// alert(rowid);
        // console.log(rowid)
        // $.ajax({
            // type : 'post',
            // url : 'tache_generale2.php', //Here you will fetch records 
            // data :  'rowid='+ rowid, //Pass $id
            // success : function(data){
            // $('.fetched-data').html(data);//Show fetched data from database
            // }
        // });
     // });
	 
	 
	 
	 
    // $(".remove").click(function(){
        // var id = $(this).parents("tr").attr("id");
    // alert(id);







		

	
	
	
	// });
    
</script>
</body>

   
</html>

AnonSec - 2021