Mini Shell
<?php
require("Ayarlar/Baglantim.php");
require("Ayarlar/Guvenlik.php"); ?>
<?php
$sql = "SELECT * FROM Ajanda where kid='$kbilgi[id]'";
$req = $baglanti->prepare($sql);
$req->execute();
$events = $req->fetchAll();
?>
<!doctype html>
<html lang="tr">
<head>
<?php require("Tablolar/Tasarim.php"); ?>
<link href="Tasarim/plugins/calendar/css/fullcalendar.css" rel="stylesheet" />
<title>Ajanda - <?= $ayar["siteadi"] ?> - <?= $ayar["siteslogan"] ?></title>
<style>
#calendar {
max-width: 99%;
}
.col-centered{
float: none;
margin: 0 auto;
}
</style>
</head>
<body class="bg-theme <?= $kbilgi['temam']?>">
<!--wrapper-->
<div class="wrapper">
<?php require("Tablolar/Sol.php"); ?>
<?php require("Tablolar/UstMenu.php"); ?>
<div class="page-wrapper">
<div class="page-content">
<div class="card radius-10 bg-gradient">
<div class="card-body animated <?= $kbilgi['animasyon']?>">
<div class="d-flex align-items-center">
<div>
<h5 class="mb-0 text-uppercase">Ajandam</h5>
</div>
</div>
<hr/>
<div class="table-responsive">
<div id="calendar"></div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="ModalAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content bg-dark bg-gradient">
<form id="Ekle" action="javascript:void(0);">
<div class="modal-header">
<h5 class="modal-title text-uppercase">Yapılacak İş Ekle</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="form-group">
<input class="form-control" type="hidden" readonly="readonly" value="<?= $kbilgi['id']?>" name="kid">
<label for="title" class="control-label">Başlık</label>
<div class="col-md-12">
<input type="text" name="baslik" class="form-control" id="title" placeholder="Başlık">
</div>
<label for="title" class="control-label">Yapılacak İş</label>
<div class="col-md-12">
<textarea class="form-control" id="description" rows="3" name="icerik"></textarea>
</div>
</div>
<div class="form-group">
<label for="color" class="col-sm-2 control-label">Renk</label>
<div class="col-md-12">
<select name="onem" class="form-control" id="color">
<option value="">Renk Seç</option>
<option style="color:#0071c5;" value="#0071c5">◼ Koyu Mavi</option>
<option style="color:#40E0D0;" value="#40E0D0">◼ Turkuaz</option>
<option style="color:#008000;" value="#008000">◼ Yeşil</option>
<option style="color:#FFD700;" value="#FFD700">◼ Sarı</option>
<option style="color:#FF8C00;" value="#FF8C00">◼ Turuncu</option>
<option style="color:#FF0000;" value="#FF0000">◼ Kırmızı</option>
<option style="color:#000;" value="#000">◼ Siyah</option>
</select>
</div>
</div>
<div hidden="hidden" class="form-group">
<label for="start" class="col-sm-2 control-label">Start date</label>
<div class="col-sm-12">
<input type="text" name="start" class="form-control" id="start" readonly>
</div>
</div>
<div hidden="hidden" class="form-group">
<label for="end" class="col-sm-2 control-label">End date</label>
<div class="col-sm-12">
<input type="text" name="end" class="form-control" id="end" readonly>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Kapat</button>
<input type="hidden" class="form-control" name="ajandaekle">
<button type="submit" class="btn btn-success btn-raised btn-block">
Kaydet</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 bg-dark bg-gradient">
<form id="Duzenle" action="javascript:void(0);">
<div class="modal-header">
<h5 class="modal-title text-uppercase">Yapılacak İş Düzenle</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="form-group">
<input class="form-control" type="hidden" readonly="readonly" value="<?= $kbilgi['id']?>" name="kid">
<label for="title" class="control-label">Başlık</label>
<div class="col-md-12">
<input type="text" name="baslik" class="form-control" id="title" placeholder="Başlık">
</div>
<label for="title" class="control-label">Yapılacak İş</label>
<div class="col-md-12">
<textarea class="form-control" id="description" rows="3" name="icerik"></textarea>
</div>
</div>
<div class="form-group">
<label for="color" class="col-sm-2 control-label">Renk</label>
<div class="col-md-12">
<select name="onem" class="form-control" id="color">
<option value="">Renk Seç</option>
<option style="color:#0071c5;" value="#0071c5">◼ Koyu Mavi</option>
<option style="color:#40E0D0;" value="#40E0D0">◼ Turkuaz</option>
<option style="color:#008000;" value="#008000">◼ Yeşil</option>
<option style="color:#FFD700;" value="#FFD700">◼ Sarı</option>
<option style="color:#FF8C00;" value="#FF8C00">◼ Turuncu</option>
<option style="color:#FF0000;" value="#FF0000">◼ Kırmızı</option>
<option style="color:#000;" value="#000">◼ Siyah</option>
</select>
</div>
</div>
<div hidden="hidden" class="form-group">
<label for="start" class="col-sm-2 control-label">Start date</label>
<div class="col-sm-12">
<input type="text" name="start" class="form-control" id="start" readonly>
</div>
</div>
<div hidden="hidden" class="form-group">
<label for="end" class="col-sm-2 control-label">End date</label>
<div class="col-sm-12">
<input type="text" name="end" class="form-control" id="end" readonly>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label class="text-danger"><input type="checkbox" name="ajandasil">Sil</label>
</div>
</div>
</div>
<input type="hidden" name="id" class="form-control" id="id">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Kapat</button>
<input type="hidden" class="form-control" name="ajandaduzenle">
<button type="submit" class="btn btn-success btn-raised btn-block">
Düzenle</button>
</div>
</form>
</div>
</div>
</div>
<div type="hidden" id="sonuc">
</div>
</div>
</div>
</div>
<!--end page wrapper -->
</div>
<?php require("Tablolar/Overlay.php"); ?>
<?php require("Tablolar/YukariCik.php"); ?>
<?php require("Tablolar/Alt.php"); ?>
</div>
<!--end wrapper-->
<?php require("Tablolar/TemaSecici.php"); ?>
<?php require("Tablolar/Js.php"); ?>
<?php require("Tablolar/Mesaj.php"); ?>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '<?php echo date('Y-m-d'); ?>',
editable: true,
eventLimit: true, // allow "more" link when too many events
selectable: true,
selectHelper: true,
select: function(start, end) {
$('#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').modal('show');
},
eventRender: function(event, element) {
element.bind('click', function() {
$('#ModalEdit #id').val(event.id);
$('#ModalEdit #title').val(event.title);
$('#ModalEdit #color').val(event.color);
$('#ModalEdit #description').val(event.description);
$('#ModalEdit #start').val(event.start.format('YYYY-MM-DD HH:mm:ss'));
$('#ModalEdit #end').val(event.end.format('YYYY-MM-DD HH:mm:ss'));
$('#ModalEdit').modal('show');
});
},
eventDrop: function(event, delta, revertFunc) { // si changement de position
edit(event);
},
eventResize: function(event,dayDelta,minuteDelta,revertFunc) { // si changement de longueur
edit(event);
},
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['baslik']; ?>',
description: '<?php echo $event['icerik']; ?>',
start: '<?php echo $start; ?>',
end: '<?php echo $end; ?>',
color: '<?php echo $event['onem']; ?>',
},
<?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: 'editEventDate.php',
type: "POST",
data: {Event:Event},
success: function(rep) {
if(rep == 'OK'){
alert('Saved');
}else{
alert('Could not be saved. try again.');
}
}
});
}
});
</script>
<script>
$(document).ready(function(){
$('#Ekle').submit(function(e) {
swal({
title: 'Emin misiniz?',
text: "Düzenlemek istediğinize emin misiniz?",
icon: "warning",
buttons:{
cancel: {
visible: true,
text : 'Hayır',
className: 'btn btn-danger'
},
confirm: {
text : 'Evet',
className : 'btn btn-success'
}
}
}).then((Duzenleme) => {
if (Duzenleme) {
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "Islem/Ajanda.php", // POST işleminin olacağı sayfa
data: $("#Ekle").serialize(), // Formdaki tüm verileri al
success: function(oldu){ // Eğer işlem başarılı olursa sonuç
$('#sonuc').html(oldu); // Id'si result olan divde sonucu yaz
}
});
} else {
swal("Düzenlemekten vazgeçtiniz", {
buttons : {
confirm : {
className: 'btn btn-success'
}
}
});
}
});
})
});
</script>
<script>
$(document).ready(function(){
$('#Duzenle').submit(function(e) {
swal({
title: 'Emin misiniz?',
text: "Düzenlemek istediğinize emin misiniz?",
icon: "warning",
buttons:{
cancel: {
visible: true,
text : 'Hayır',
className: 'btn btn-danger'
},
confirm: {
text : 'Evet',
className : 'btn btn-success'
}
}
}).then((Duzenleme) => {
if (Duzenleme) {
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "Islem/Ajanda.php", // POST işleminin olacağı sayfa
data: $("#Duzenle").serialize(), // Formdaki tüm verileri al
success: function(oldu){ // Eğer işlem başarılı olursa sonuç
$('#sonuc').html(oldu); // Id'si result olan divde sonucu yaz
}
});
} else {
swal("Düzenlemekten vazgeçtiniz", {
buttons : {
confirm : {
className: 'btn btn-success'
}
}
});
}
});
})
});
</script>
</body>
</html>