Learn-PHP-JavaScript-Media/sessaoNormal.php at master · ProdigSun/Learn-PHP-JavaScript-Media · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
	<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/cabecalho.css">
	<link rel="stylesheet" type="text/css" href="css/footer.css">
	<link href="https://fonts.googleapis.com/css?family=Noto+Serif" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/indexCadastro.css">
	<meta name="viewport" content="width=device-width">
	<script src="js/jquery.js";
	<script src="dist/js/bootstrap.min.js"></script>

	<script type="text/javascript">
	$(document).ready(function() {
		$('#target').click(function() {
			var user = <?php echo json_encode($_SESSION['login']); ?>;
			$.post('pesquisaAgendauser.php', { login : user },
				function( data ) {
						//limpando a agenda
						$('#shoot').html('');
						if(data.length > 0){
							//inicializando tabela
							$("#shoot").append('<table class="table table-bordered"> <thead><tr><td>Consulta</td><td>Nome do médico:</td><td> Dia da consulta: </td><td>Horario da consulta:</td><td>Status da consulta</td></tr></thead> <tbody>');

							for(var i = 0; i< data.length; i++){


								$("#shoot table").append('<tr> <td> <button class="btn btn-default but" value="'+data[i].medico+" "+data[i].data+" "+data[i].horario+'">Desmarcar consulta</button> </td> <td>'+data[i].medico+'</td> <td>'+data[i].data+'</td> <td>'+data[i].horario+'</td> <td>'+data[i].status+'</td> </tr>');


							}
							//finalizando tabela
							$("#shoot table").append('</tbody> </table>');

						}
					},'JSON');
		});

		$('#shoot').on('click', '.but', function() {
			var value = $(this).val();
			var vectorVal = value.split(" ");
			var medico = vectorVal[0];
			var data = vectorVal[1];
			var hora = vectorVal[2];
			$.post('deletarColunaConsulta.php', {med: medico, date: data, horario:hora}, function(msg){
				alert(msg);
				$('#target').click();
			},'JSON');
		});

	});
	</script>

</head>
<body>
	<?php include("cabecalho.php"); ?>
	<!-- MIOLO DO CODIGO -->
	<div class="container">
		<section>
			<div class="jumbotron">
				<div class="container" style="margin-top:20px">
					<h1>
						<?php
						echo "Bem-vindo $logado :)";
						?>
					</h1>
				</div>
			</div>
		</section>
		<section>
			<div class="row">
				<div class="col-sm-6 col-sm-offset-3" style="margin-top:20px">
					<div class="panel pp">
						<p> Para sua comodidade, você pode marcar uma consulta ou desmarcar uma, apenas com um clique! Basta acessar nossa página de agendar consulta. </p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6 col-sm-offset-3" style="margin-top:20px">
					<div class="panel xx">
						<p> Agendar uma consulta online clicando <a href="consulta.php"> aqui </a>. Não se esqueça de comparecer! </p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-8 col-sm-offset-2" style="margin-top:20px">
					<div class="panel xx">
						<p>Verificar todas as suas consultas marcadas clicando <button type="button" id="target">aqui </button></p>
						<div id="shoot">
						</div>
					</div>
				</div>
			</div>
		</section>
		<section>

			<div class="row">
				<div class="col-sm-6 col-sm-offset-3">
					<div class="panel pp">
						<p> Deseja entrar em contato conosco? Entre na nossa página de contato e nos envie um email! <a href="contato.php" style="color: grey"> contato </a> </p>
					</div>
				</div>
			</div>

		</section>
	</div>
	<!-- FIM DO CODIGO -->
	<?php include("rodape.php"); ?>

</body>
</html>