682 lines
34 KiB
PHP
682 lines
34 KiB
PHP
<?php
|
|
require "../inc/autoload.php";
|
|
|
|
if (!\Dietetique\Helpers\Account::IsLoggedIn()) {
|
|
header("Location: ../login.php");
|
|
die();
|
|
}
|
|
|
|
if (!\Dietetique\Helpers\Account::IsAdmin()) {
|
|
header("Location: ../index.php");
|
|
die();
|
|
}
|
|
|
|
$bd = new \Dietetique\Database("dietetique_2");
|
|
$bd = $bd->handle;
|
|
|
|
$req = $bd->prepare("SELECT id, title, start, end, color FROM events ");
|
|
$req->execute();
|
|
|
|
$events = $req->fetchAll();
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<!--
|
|
* CoreUI - Free Bootstrap Admin Template
|
|
* @version v2.1.8
|
|
* @link https://coreui.io
|
|
* Copyright (c) 2018 creativeLabs Łukasz Holeczek
|
|
* Licensed under MIT (https://coreui.io/license)
|
|
-->
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>Gestion du calendrier - Administration</title>
|
|
|
|
<!-- Icons-->
|
|
<link href="vendors/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
|
|
<link href="vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="vendors/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
|
|
|
|
<!-- Main styles for this application-->
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<link href="css/admin.css" rel="stylesheet">
|
|
<link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
|
|
|
|
<!-- FullCalendar -->
|
|
<link href="../css/calendar.css" rel="stylesheet">
|
|
<link href='../css/fullcalendar.css' rel='stylesheet'>
|
|
<link href='../css/jquery.datetimepicker.min.css' rel='stylesheet'>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
|
|
|
|
</head>
|
|
<body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show" onload="clickModal()">
|
|
<header class="app-header navbar">
|
|
<button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
|
|
<span class="fa fa-bars"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="index.php">
|
|
<img class="navbar-brand-full" src="../img/logo.png" width="120" height="45" alt="CoreUI Logo">
|
|
</a>
|
|
<ul class="nav navbar-nav d-md-down-none">
|
|
<li class="nav-item px-3">
|
|
<a class="nav-link" href="../index.php">Retour au site principal</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav navbar-nav ml-auto">
|
|
|
|
</ul>
|
|
</header>
|
|
<div class="app-body">
|
|
<div class="sidebar">
|
|
<nav class="sidebar-nav">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.php">
|
|
<i class="nav-icon icon-speedometer"></i> Tableau de bord
|
|
</a>
|
|
</li>
|
|
<li class="nav-title">Gestion</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="utilisateurs.php">
|
|
<i class="nav-icon fa fa-users"></i> Utilisateurs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="commandes.php">
|
|
<i class="nav-icon fa fa-shopping-cart"></i> Commandes</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="produits.php">
|
|
<i class="nav-icon fa fa-tags"></i> Produits</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="fournisseurs.php">
|
|
<i class="nav-icon fa fa-industry"></i> Fournisseurs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="format.php">
|
|
<i class="nav-icon fa fa-balance-scale"></i> Formats</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="categories.php">
|
|
<i class="nav-icon fa fa-list"></i> Catégories</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="calendrier.php">
|
|
<i class="nav-icon fa fa-calendar"></i> Calendrier</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<main class="main">
|
|
<!-- Breadcrumb-->
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="../index.php">Site principal</a>
|
|
</li>
|
|
<li class="breadcrumb-item">
|
|
<a href="index.php">Administration</a>
|
|
</li>
|
|
<li class="breadcrumb-item active">Calendrier</li>
|
|
<!-- Breadcrumb Menu-->
|
|
|
|
</ol>
|
|
<div class="container-fluid">
|
|
<div class="animated fadeIn">
|
|
|
|
<div class="card">
|
|
<div class="card-header"><b>Utilisations du calendrier</b>
|
|
<div class="card-header-actions">
|
|
<a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseExample" aria-expanded="true">
|
|
<i class="icon-arrow-up"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="collapse hide" id="collapseExample">
|
|
<div class="card-body">
|
|
<ul>
|
|
<li>Pour ajouter un événement, cliquez sur une case et une boite de dialogue s'ouvrira.</li>
|
|
<li>Pour modifiez un événement, double cliquez sur une case.</li>
|
|
<li>Pour modifiez la date d'un événement, double cliquez ou glisser déposer vers la date voulu.</li>
|
|
<li>Pour modifiez la longueur d'un événement, vous pouvez l'étirez à la date voulu.</li>
|
|
<li>Vous ne pouvez ajoutez un événement à une date antérieure à celle d'aujourd'hui.</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="container">
|
|
<input type="hidden" name="hidden1" id="hidden1">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<div class="card shadow">
|
|
<div class="card-body">
|
|
<div id="calendar" class="col-centered"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /.row -->
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="ModalAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<form class="form-horizontal" onsubmit="checkDate();" method="POST"
|
|
action="../inc/calendrier/addEvent.php">
|
|
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">Ajouter un évenement</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group row">
|
|
<label for="title" class="col-sm-2 col-form-label">Titre</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="title" class="form-control" id="title" placeholder="Titre"
|
|
required maxlength=100>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="color" class="col-sm-2 col-form-label">Type</label>
|
|
<div class="col-sm-10">
|
|
<select name="color" class="form-control" id="color" onchange="changerCouleurAdd()"
|
|
required>
|
|
<option value="">Choisir</option>
|
|
<option style="color:#0071c5;" value="#0071c5">Période de commande</option>
|
|
<option style="color:#008000;" value="#008000">Période de réception</option>
|
|
<!-- <option style="color:#40E0D0;" value="#40E0D0">◼ Turquoise</option>
|
|
<option style="color:#FFD700;" value="#FFD700">◼ Yellow</option>
|
|
<option style="color:#FF8C00;" value="#FF8C00">◼ Orange</option>
|
|
<option style="color:#FF0000;" value="#FF0000">◼ Red</option>
|
|
<option style="color:#000;" value="#000">◼ Black</option>-->
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="start" class="col-sm-2 col-form-label">Début</label>
|
|
<div class="col-sm-10">
|
|
<div class='input-group date datepicker3'>
|
|
<input name="start" class="form-control" id="start" required
|
|
pattern="[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-secondary" type="button">
|
|
<i class="fa fa-calendar"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="end" class="col-sm-2 col-form-label">Fin</label>
|
|
<div class="col-sm-10">
|
|
<div class='input-group date datepicker4'>
|
|
<input name="end" class="form-control" id="end" required
|
|
pattern="[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-secondary" type="button">
|
|
<i class="fa fa-calendar"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<label class="col-sm-12 col-form-label" id="ErreurMsg3" style="display:none;"><font color="red">Le titre de l'événement ne peut être vide.</font></label>
|
|
|
|
<label class="col-sm-12 col-form-label" id="ErreurMsg" style="display:none;"><font color="red">La date de fin d'événement ne peut être plus petite ou égale à la date de début.</font></label>
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-warning" data-dismiss="modal">Fermer</button>
|
|
<button type="submit" class="btn btn-primary">Sauvegarder</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="ModalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<form class="form-horizontal" onsubmit="checkDate2();" method="POST" action="../inc/calendrier/editEventTitle.php">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="myModalLabel">Modifier un événement</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="form-group row">
|
|
<label for="title" class="col-sm-2 col-form-label">Titre</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="title" class="form-control" id="title" placeholder="Titre"
|
|
required maxlength=100>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="color" class="col-sm-2 col-form-label">Type</label>
|
|
<div class="col-sm-10">
|
|
<select name="color" class="form-control" id="color" onchange="changerCouleurEdit()"
|
|
required>
|
|
<!--<option value="">Choisir</option>-->
|
|
<option style="color:#0071c5;" value="#0071c5">Période de commande</option>
|
|
<option style="color:#008000;" value="#008000">Période de réception</option>
|
|
<!--<option style="color:#40E0D0;" value="#40E0D0">◼ Turquoise</option>
|
|
<option style="color:#FFD700;" value="#FFD700">◼ Yellow</option>
|
|
<option style="color:#FF8C00;" value="#FF8C00">◼ Orange</option>
|
|
<option style="color:#FF0000;" value="#FF0000">◼ Red</option>
|
|
<option style="color:#000;" value="#000">◼ Black</option>-->
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row">
|
|
<label for="start" class="col-sm-2 col-form-label">Début</label>
|
|
<div class="col-sm-10">
|
|
<div class='input-group date datepicker'>
|
|
<input name="start" class="form-control" id="start" required
|
|
pattern="[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-secondary" type="button">
|
|
<i class="fa fa-calendar"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="end" class="col-sm-2 col-form-label">Fin</label>
|
|
<div class="col-sm-10">
|
|
<div class='input-group date datepicker2'>
|
|
<input name="end" class="form-control" id="end" required
|
|
pattern="[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-secondary" type="button">
|
|
<i class="fa fa-calendar"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<div class="col-sm-2 col-sm-10">
|
|
<div class="checkbox">
|
|
<label class="text-danger"><input type="checkbox" name="delete" id="checkdelete"> Supprimer
|
|
l'événement</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<label class="col-sm-12 col-form-label" id="ErreurMsg4" style="display:none;"><font color="red">Le titre de l'événement ne peut être vide.</font></label>
|
|
|
|
<label class="col-sm-12 col-form-label" id="ErreurMsg2" style="display:none;"><font color="red">La date de fin d'événement ne peut être plus petite ou égale à la date de début.</font></label>
|
|
|
|
<input type="hidden" name="id" class="form-control" id="id">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-warning" data-dismiss="modal">Fermer</button>
|
|
<button type="submit" class="btn btn-primary">Sauvegarder</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
|
|
<script src="../js/jquery.datetimepicker.full.js"></script>
|
|
|
|
<!-- FullCalendar -->
|
|
<script src='../js/moment.min.js'></script>
|
|
<script src='../js/fullcalendar.min.js'></script>
|
|
<script src='../js/fullcalendar.js'></script>
|
|
<script src='../js/locale-all.js'></script>
|
|
<script src='../js/fr-ca.js'></script>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
|
|
$('#calendar').fullCalendar({
|
|
header: {
|
|
left: 'title',
|
|
center: '',
|
|
right: 'prev,next today' <!--month,basicWeek,basicDay-->
|
|
},
|
|
locale: 'fr-ca',
|
|
<!--defaultDate: '2016-01-12',-->
|
|
eventLimit: true, // allow "more" link when too many events
|
|
selectHelper: true,
|
|
editable: true,
|
|
selectable: true,
|
|
displayEventTime: false,
|
|
select: function (start, end) {
|
|
if (start.isBefore(moment())) {
|
|
$('#calendar').fullCalendar('unselect');
|
|
return false;
|
|
}
|
|
else {
|
|
$('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
|
|
$('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
|
|
$('#ModalAdd #title').val("");
|
|
$('#ModalAdd #color').val("");
|
|
$('#ModalAdd #color').css({'color':"#696969"});
|
|
document.getElementById("ErreurMsg").style="display:none";
|
|
document.getElementById("ErreurMsg3").style="display:none";
|
|
$('#ModalAdd').modal('show');
|
|
}
|
|
},
|
|
eventRender: function (event, element) {
|
|
element.popover({
|
|
title: '<center><font color=' + event.color + '>' + event.title + '</font></center>',
|
|
html: true,
|
|
content: 'Début: ' + (moment(event.start).format('D MMMM YYYY HH:mm')) + '<br>   Fin: ' + (moment(event.end).format('D MMMM YYYY HH:mm')),
|
|
trigger: 'hover',
|
|
placement: 'top',
|
|
container: 'body'
|
|
});
|
|
element.bind('dblclick', function () {
|
|
$('#ModalEdit #id').val(event.id);
|
|
$('#ModalEdit #color').css({'color': event.color});
|
|
$('#ModalEdit #color').val(event.color);
|
|
$('#ModalEdit #start').val(moment(event.start).format('YYYY-MM-DD HH:mm:ss'));
|
|
$('#ModalEdit #end').val(moment(event.end).format('YYYY-MM-DD HH:mm:ss'));
|
|
var encodedStr = event.title;
|
|
var parser = new DOMParser;
|
|
var dom = parser.parseFromString(
|
|
'<!doctype html><body>' + encodedStr,
|
|
'text/html');
|
|
var decodedString = dom.body.textContent;
|
|
$('#ModalEdit #title').val(decodedString);
|
|
document.getElementById("ErreurMsg2").style="display:none";
|
|
document.getElementById("ErreurMsg4").style="display:none";
|
|
$('#ModalEdit').modal('show');
|
|
|
|
});
|
|
var title = element.find('.fc-title, .fc-list-item-title');
|
|
title.html(title.text());
|
|
},
|
|
eventDrop: function (event, delta, revertFunc) { // si changement de position
|
|
var today = moment().format('YYYY-MM-DD');
|
|
start = event.start.format('YYYY-MM-DD');
|
|
if (start < today)
|
|
{
|
|
alert("La date de début de l'événement ne peut être plus petite que la date d'aujourd'hui.");
|
|
revertFunc();
|
|
}
|
|
else{
|
|
edit(event);
|
|
$('.popover').remove();
|
|
}
|
|
|
|
},
|
|
eventResize: function(event,dayDelta,minuteDelta,revertFunc) { // si changement de longueur
|
|
edit(event);
|
|
$('.popover').remove();
|
|
},
|
|
events: [
|
|
<?php foreach($events as $event):
|
|
|
|
$start = explode(" ", $event['start']);
|
|
$end = explode(" ", $event['end']);
|
|
if ($start[1] == '00:00:00') {
|
|
$start = $start[0];
|
|
} else {
|
|
$start = $event['start'];
|
|
}
|
|
if ($end[1] == '00:00:00') {
|
|
$end = $end[0];
|
|
} else {
|
|
$end = $event['end'];
|
|
}
|
|
?>
|
|
{
|
|
id: '<?php echo $event['id']; ?>',
|
|
title: '<?php echo $event['title']; ?>',
|
|
start: '<?php echo $start; ?>',
|
|
end: '<?php echo $end; ?>',
|
|
color: '<?php echo $event['color']; ?>',
|
|
},
|
|
<?php endforeach; ?>
|
|
]
|
|
});
|
|
|
|
function edit(event) {
|
|
start = event.start.format('YYYY-MM-DD HH:mm:ss');
|
|
if (event.end) {
|
|
end = event.end.format('YYYY-MM-DD HH:mm:ss');
|
|
} else {
|
|
end = start;
|
|
}
|
|
|
|
id = event.id;
|
|
|
|
Event = [];
|
|
Event[0] = id;
|
|
Event[1] = start;
|
|
Event[2] = end;
|
|
|
|
$.ajax({
|
|
url: '../inc/calendrier/editEventDate.php',
|
|
type: "POST",
|
|
data: {Event: Event},
|
|
success: function (rep) {
|
|
if (rep == 'OK') {
|
|
<!--alert('Sauvegarder.');-->
|
|
} else {
|
|
alert('Erreur lors de la sauvegarde, essayez de nouveau.');
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
$.datetimepicker.setLocale('fr');
|
|
|
|
$('.datepicker3').click(
|
|
function () {
|
|
$(this).datetimepicker({
|
|
step: 15,
|
|
format: 'Y-m-d H:i:00',
|
|
minDate: 0,
|
|
defaultTime: '00:00',
|
|
defaultDate: $('#ModalAdd #start').val()
|
|
});
|
|
}
|
|
);
|
|
$('.datepicker3').change(function () {
|
|
$('#ModalAdd #start').val($('.datepicker3').val());
|
|
});
|
|
|
|
$('.datepicker4').click(
|
|
function () {
|
|
$(this).datetimepicker({
|
|
step: 15,
|
|
format: 'Y-m-d H:i:00',
|
|
minDate: 0,
|
|
defaultTime: '00:00',
|
|
defaultDate: $('#ModalAdd #end').val()
|
|
|
|
});
|
|
}
|
|
);
|
|
$('.datepicker4').change(function () {
|
|
$('#ModalAdd #end').val($('.datepicker4').val());
|
|
});
|
|
|
|
|
|
$('.datepicker').click(
|
|
function () {
|
|
$(this).datetimepicker({
|
|
step: 15,
|
|
format: 'Y-m-d H:i:00',
|
|
minDate: 0,
|
|
defaultTime: '00:00',
|
|
defaultDate: $('#ModalEdit #start').val()
|
|
|
|
});
|
|
}
|
|
);
|
|
$('.datepicker').change(function () {
|
|
$('#ModalEdit #start').val($('.datepicker').val());
|
|
});
|
|
|
|
$('.datepicker2').click(
|
|
function () {
|
|
// alert($('#ModalEdit #end').val());
|
|
$(this).datetimepicker({
|
|
step: 15,
|
|
format: 'Y-m-d H:i:00',
|
|
minDate: 0,
|
|
defaultTime: '00:00',
|
|
defaultDate: $('#ModalEdit #end').val()
|
|
|
|
});
|
|
}
|
|
);
|
|
$('.datepicker2').change(function () {
|
|
$('#ModalEdit #end').val($('.datepicker2').val());
|
|
});
|
|
|
|
|
|
function checkDate2()
|
|
{
|
|
var debut2 = $('#ModalEdit #start').val();
|
|
var fin2 = $('#ModalEdit #end').val();
|
|
var debuttemps3 = $('#ModalEdit #start').val().substr(0, 10);
|
|
var fintemps3 = $('#ModalEdit #end').val().substr(0, 10);
|
|
var debuttemps4 = $('#ModalEdit #start').val().substr(11, 8);
|
|
var fintemps4 = $('#ModalEdit #end').val().substr(11, 8);
|
|
if (debuttemps3 == fintemps3) {
|
|
if (debuttemps4 = '00:00:00') {
|
|
<!-- alert("memejournee"); -->
|
|
$('#ModalEdit #start').val("");
|
|
$('#ModalEdit #start').val(debuttemps3 + " " + "00:00:01");
|
|
}
|
|
}
|
|
check = $("#checkdelete").prop("checked");
|
|
if (fin2 <= debut2 && check == false) {
|
|
document.getElementById("ErreurMsg2").style="display:block";
|
|
<!--alert("La date de fin d'événement ne peut être plus petite ou égale à la date de début.");-->
|
|
event.preventDefault();
|
|
}
|
|
else
|
|
{
|
|
document.getElementById("ErreurMsg2").style="display:none";
|
|
}
|
|
var titreevent2 = $('#ModalEdit #title').val();
|
|
titreevent2 = titreevent2.trim();
|
|
if (titreevent2 == "" && check == false) {
|
|
document.getElementById("ErreurMsg4").style = "display:block";
|
|
$('#ModalEdit #title').focus();
|
|
event.preventDefault();
|
|
}
|
|
else {
|
|
document.getElementById("ErreurMsg4").style = "display:none";
|
|
}
|
|
|
|
}
|
|
|
|
|
|
function checkDate() {
|
|
var debut = $('#ModalAdd #start').val();
|
|
var fin = $('#ModalAdd #end').val();
|
|
var debuttemps = $('#ModalAdd #start').val().substr(0, 10);
|
|
var fintemps = $('#ModalAdd #end').val().substr(0, 10);
|
|
var debuttemps2 = $('#ModalAdd #start').val().substr(11, 8);
|
|
var fintemps2 = $('#ModalAdd #end').val().substr(11, 8);
|
|
if (debuttemps == fintemps) {
|
|
if (debuttemps2 = '00:00:00') {
|
|
<!-- alert("memejournee"); -->
|
|
$('#ModalAdd #start').val("");
|
|
$('#ModalAdd #start').val(debuttemps + " " + "00:00:01");
|
|
}
|
|
}
|
|
var titreevent = $('#ModalAdd #title').val();
|
|
titreevent = titreevent.trim();
|
|
if (titreevent == "") {
|
|
document.getElementById("ErreurMsg3").style = "display:block";
|
|
$('#ModalAdd #title').focus();
|
|
event.preventDefault();
|
|
}
|
|
else {
|
|
document.getElementById("ErreurMsg3").style = "display:none";
|
|
}
|
|
if (fin <= debut) {
|
|
document.getElementById("ErreurMsg").style = "display:block";
|
|
<!--alert("La date de fin d'événement ne peut être plus petite ou égale à la date de début.");-->
|
|
event.preventDefault();
|
|
}
|
|
else
|
|
{
|
|
document.getElementById("ErreurMsg").style = "display:none";
|
|
}
|
|
}
|
|
|
|
function changerCouleurAdd() {
|
|
$('#ModalAdd #color').css({'color': $('#ModalAdd #color').val()});
|
|
}
|
|
|
|
function changerCouleurEdit() {
|
|
$('#ModalEdit #color').css({'color': $('#ModalEdit #color').val()});
|
|
}
|
|
|
|
function clickModal()
|
|
{
|
|
$('.datepicker').click();
|
|
$('.datepicker2').click();
|
|
$('.datepicker3').click();
|
|
$('.datepicker4').click();
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<footer class="app-footer">
|
|
<div class="ml-auto">
|
|
<span>Propulsé par</span>
|
|
<a href="https://coreui.io">CoreUI</a>
|
|
</div>
|
|
</footer>
|
|
<!-- CoreUI and necessary plugins-->
|
|
<script src="vendors/popper.js/js/popper.min.js"></script>
|
|
<script src="vendors/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="vendors/pace-progress/js/pace.min.js"></script>
|
|
<script src="vendors/perfect-scrollbar/js/perfect-scrollbar.min.js"></script>
|
|
<script src="vendors/@coreui/coreui/js/coreui.min.js"></script>
|
|
</body>
|
|
</html>
|