BOTAO EDITAR E EXCLUIR EVENTO NO FULLCALENDAR
@William Bruno como eu faço para criar um botao de editar e excluir um evento no fullcalendar ? estou com dificuldades besta de enviar o ID do evento clicado para outra pagina para realizar ou a edicao do evendo ou a exclusao me ajuda ai pf. abaixo segue minha index.
<?php
session_start();
include_once("conexao.php");
$result_events = "SELECT id, title, color, start, end,obs,procedimento FROM events";
$resultado_events = mysqli_query($conn, $result_events);
$sqluser=mysqli_query($conn,"SELECT nome FROM clientes where status='1' ORDER BY nome ASC");
echo $ver=$_POST['ids'];
?><html lang="pt-br">
<head>
<title>Agenda</title>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: Date(),
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
eventClick: function(event) {
$('#visualizar #id').text(event.id);
$('#visualizar #obs').text(event.obs);
$('#visualizar #procedimento').text(event.procedimento);
$('#visualizar #title').text(event.title);
$('#visualizar #start').text(event.start.format('DD/MM/YYYY HH:mm:ss'));
$('#visualizar #end').text(event.end.format('DD/MM/YYYY HH:mm:ss'));
$('#visualizar').modal('show');
return false;
},
selectable: true,
selectHelper: true,
select: function(start, end){
$('#cadastrar #start').val(moment(start).format('DD/MM/YYYY HH:mm:ss'));
$('#cadastrar #end').val(moment(end).format('DD/MM/YYYY HH:mm:ss'));
$('#cadastrar').modal('show');
},
events: [
<?php
while($row_events = mysqli_fetch_array($resultado_events)){
?>
{
id: '<?php echo $row_events['id']; ?>',
title: '<?php echo $row_events['title']; ?>',
procedimento: '<?php echo $row_events['procedimento']; ?>',
start: '<?php echo $row_events['start']; ?>',
end: '<?php echo $row_events['end']; ?>',
color: '<?php echo $row_events['color']; ?>',
obs: '<?php echo $row_events['obs']; ?>',
},<?php
}
?>
]
});
});
//Mascara para o campo data e hora
function DataHora(evento, objeto){
var keypress=(window.event)?event.keyCode:evento.which;
campo = eval (objeto);
if (campo.value == '00/00/0000 00:00:00'){
campo.value=""
}
caracteres = '0123456789';
separacao1 = '/';
separacao2 = ' ';
separacao3 = ':';
conjunto1 = 2;
conjunto2 = 5;
conjunto3 = 10;
conjunto4 = 13;
conjunto5 = 16;
if ((caracteres.search(String.fromCharCode (keypress))!=-1) && campo.value.length < (19)){
if (campo.value.length == conjunto1 )
campo.value = campo.value + separacao1;
else if (campo.value.length == conjunto2)
campo.value = campo.value + separacao1;
else if (campo.value.length == conjunto3)
campo.value = campo.value + separacao2;
else if (campo.value.length == conjunto4)
campo.value = campo.value + separacao3;
else if (campo.value.length == conjunto5)
campo.value = campo.value + separacao3;
}else{
event.returnValue = false;
}
}
</script>
</head>
<body>
<?php
if(isset($_SESSION['msg'])){
echo $_SESSION['msg'];
unset($_SESSION['msg']);
}
?>
<div id='calendar'></div>
</div>
<div class="modal fade" id="visualizar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title text-center">Dados do Agendamento</h4>
</div>
<div class="modal-body">
<dl class="dl-horizontal">
<dt>Paciente :</dt>
<dd id="title"></dd>
<dt>Procedimento :</dt>
<dd id="procedimento"></dd>
<dt>Data/Hora :</dt>
<dd id="start"></dd>
<dt>Descrição</dt>
<dd id="id"></dd>
</dl>
<a class="btn btn-danger" type="button" href="descripcion_evento.php?id='id'">Excluir evento</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="cadastrar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title text-center">Cadastrar Evento</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" method="POST" action="proc_cad_evento.php">
<label for="inputEmail3" >Paciente</label>
<select class="form-control" name="title" id="title">
<option value="">Selecione Paciente</option>
<?php while ($pegauser= mysqli_fetch_array($sqluser)) { ?>
<option value="<?php echo $pegauser['nome']; ?>"><?php echo $pegauser['nome']; ?></option>
<? } ?>
</select>
<BR>
<label for="tipo" >Procedimento</label>
<select class="form-control" name="procedimento" id="tipo">
< <option value="Dor de Dente">Dor de Dente</option>
<option value="Dente Quebrado">Dente Quebrado</option>
<option value="Sensibilidade">Sensibilidade</option>
<option value="Primeira Consulta">Primeira Consulta</option>
<option value="Polimento Final">Polimento Final</option>
<option value="Canal">Canal</option>
<option value="Planejamento Sorriso">Planejamento Sorriso</option>
<option value="Profilaxia">Profilaxia</option>
<option value="Preparos">Preparos</option>
</select>
<BR>
<label for="inputEmail3" >Cor</label>
<select name="color" class="form-control" id="color">
<option value="">Selecione</option>
<option style="color:#FFD700;" value="#FFD700">Amarelo</option>
<option style="color:#0071c5;" value="#0071c5">Azul Turquesa</option>
<option style="color:#FF4500;" value="#FF4500">Laranja</option>
<option style="color:#8B4513;" value="#8B4513">Marrom</option>
<option style="color:#1C1C1C;" value="#1C1C1C">Preto</option>
<option style="color:#436EEE;" value="#436EEE">Royal Blue</option>
<option style="color:#A020F0;" value="#A020F0">Roxo</option>
<option style="color:#40E0D0;" value="#40E0D0">Turquesa</option>
<option style="color:#228B22;" value="#228B22">Verde</option>
<option style="color:#8B0000;" value="#8B0000">Vermelho</option>
</select>
<BR>
<label for="inputEmail3" >Inicio</label>
<input type="text" class="form-control" name="start" readonly="yes" id="start" onKeyPress="DataHora(event, this)">
<BR>
<input type="hidden" class="form-control" name="end" readonly="yes" id="end" onKeyPress="DataHora(event, this)">
<label for="body">Descrição</label>
<textarea id="body" name="obs" required class="form-control" rows="3"></textarea>
<BR>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-success">Cadastrar</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="add_paciente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Novo Paciente</h4>
</div>
<div class="modal-body">
<form action="<?php echo raiz?>servicosbd/addonecliente.php" method="POST">
<label for="title">Paciente</label>
<input type="text" required autocomplete="off" name="nome" class="form-control" id="title" placeholder="Nome do paciente">
<BR>
<label for="title">Telefone</label>
<input type="text" required autocomplete="off" name="telefone" class="form-control" id="title" placeholder="Telefone">
<BR>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Cancelar</button>
<button type="submit" class="btn btn-success"><i class="fa fa-check"></i> Cadastrar</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>Discussão (1)
Carregando comentários...