Add home page and navigation bar

This commit is contained in:
coolneng 2020-06-18 13:25:00 +02:00
parent cfdf2e8ebc
commit 1b80190b11
Signed by: coolneng
GPG Key ID: 9893DA236405AF57
17 changed files with 412 additions and 37 deletions

View File

@ -14,6 +14,19 @@
<script src="calendar.js"></script> <script src="calendar.js"></script>
</head> </head>
<body> <body>
<div id="calendar"></div> <header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<div id="calendar" style="max-width: 700px; margin: auto;"></div>
</body> </body>
</html> </html>

View File

@ -0,0 +1,37 @@
<!doctype html>
<html class="no-js" lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Gestión de citas</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
<link href='../lib/fullcalendar/core/main.css' rel='stylesheet' />
<link href='../lib/fullcalendar/daygrid/main.css' rel='stylesheet' />
<script src='../lib/fullcalendar/core/main.js'></script>
<script src='../lib/fullcalendar/daygrid/main.js'></script>
<script src="calendar.js"></script>
</head>
<body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<form action="../calendar_management.php" method="post">
<div class="input-group">
<label for="eventtitle">:</label>
<input type="eventTitle" name="eventTitle" class="form-control" id="eventTitle" required="">
<input type="hidden" name="eventDate" class="form-control" id="eventDate">
</div>
<button class="btn" type="submit" name="submit" >Guardar</button>
</form>
</body>

View File

@ -1,27 +0,0 @@
<!doctype html>
<html class="no-js" lang="es">
<head>
<meta charset="utf-8">
<title>MDIS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"/>
</head>
<body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="">Home</a></li>
<li class="list"><a href="">Calendar</a></li>
<li class="list"><a href="">Appointments</a></li>
</ul>
<ul class="navbar-right">
<li class="list"><a href="">Login</a></li>
</ul>
</nav>
</header>
<footer>
</footer>
</body>
</html>

View File

@ -8,6 +8,19 @@
<script src="../validate_date.js"></script> <script src="../validate_date.js"></script>
</head> </head>
<body> <body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php <?php
include '../database.php'; include '../database.php';

View File

@ -7,6 +7,19 @@
<link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php <?php
include '../database.php'; include '../database.php';

View File

@ -10,6 +10,19 @@
<script src="../validate_patient.js"></script> <script src="../validate_patient.js"></script>
</head> </head>
<body> <body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php <?php
include '../database.php'; include '../database.php';

View File

@ -7,6 +7,18 @@
<link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php <?php
include '../database.php'; include '../database.php';

View File

@ -0,0 +1,70 @@
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Gestión de usuarios</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" />
<script src="../validate_report.js"></script>
</head>
<body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php
include '../database.php';
$pdo = connectDatabase();
$doctors = listDoctors($pdo);
$patients = fetchPatients($pdo);
?>
<form name="create_form" method="post" action="../report_management.php" onsubmit="return validateReport();">
<div class="input-group">
<label>Titulo</label>
<input type="text" name="titulo" value="">
</div>
<div class="input-group">
<label>fecha</label>
<input type="date" name="fecha" value="">
</div>
<div class="input-group">
<label>hora</label>
<input type="time" name="hora" value="">
</div>
<div class="input-group">
<select id="paciente" name="paciente">
<option>Seleccione un paciente</option>
<?php foreach($patients as $row) : ?>
<option value="<?php echo $row[0]; ?>"><?php echo $row[1]; ?></option>
<?php endforeach ?>
</select>
</div>
<div class="input-group">
<select id="medico" name="medico">
<option>Seleccione un médico</option>
<?php foreach($doctors as $row) : ?>
<option value="<?php echo $row[0]; ?>"><?php echo $row[1]; ?></option>
<?php endforeach ?>
</select>
</div>
<div class="input-group">
<label>contenido</label>
<input type="text" name="contenido" value="">
</div>
<div class="input-group">
<button class="btn" type="submit" name="create" >Guardar</button>
</div>
<input type="button" value="Imprimir" onClick="window.print()">
</form>
<?php closeDatabase($pdo); ?>
</body>

View File

@ -0,0 +1,69 @@
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Gestión de usuarios</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" />
</head>
<body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php
include '../database.php';
$pdo = connectDatabase();
$data = fetchReportData($pdo, $_GET["edit"]);
?>
<form name="create_form" method="post" action="../report_management.php">
<div class="input-group">
<label>Titulo</label>
<input type="text" name="titulo" value="<?php echo $data[4]; ?>">
</div>
<div class="input-group">
<label>fecha</label>
<input type="date" name="fecha" value="<?php echo $data[1]; ?>">
</div>
<div class="input-group">
<label>hora</label>
<input type="time" name="hora" value="<?php echo $data[2]; ?>">
</div>
<div class="input-group">
<select id="paciente" name="paciente">
<option>Seleccione un paciente</option>
<?php foreach($patients as $row) : ?>
<option value="<?php echo $row[0]; ?>"><?php echo $row[1]; ?></option>
<?php endforeach ?>
</select>
</div>
<div class="input-group">
<select id="medico" name="medico">
<option>Seleccione un médico</option>
<?php foreach($doctors as $row) : ?>
<option value="<?php echo $row[0]; ?>"><?php echo $row[1]; ?></option>
<?php endforeach ?>
</select>
</div>
<div class="input-group">
<label>contenido</label>
<input type="text" name="contenido" value="<?php echo $data[4]; ?>">
</div>
<div class="input-group">
<button class="btn" type="submit" name="edit" >Editar</button>
</div>
<input type="hidden" name="id" value="<?php echo $_GET["edit"]; ?>">
<input type="button" value="Imprimir" onClick="window.print()">
</form>
<?php closeDatabase($pdo); ?>
</body>

View File

@ -8,6 +8,19 @@
<script src="../validate_user.js"></script> <script src="../validate_user.js"></script>
</head> </head>
<body> <body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<form name="create_form" method="post" action="../user_management.php" onsubmit="return validateUser();"> <form name="create_form" method="post" action="../user_management.php" onsubmit="return validateUser();">
<div class="input-group"> <div class="input-group">
<label>Nombre</label> <label>Nombre</label>

View File

@ -7,6 +7,20 @@
<link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<?php <?php
include '../database.php'; include '../database.php';

View File

@ -9,7 +9,20 @@
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<div style="text-align: right; margin-top: 20px;"> <header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<div style="text-align: right; margin-top: 50px;">
<a href="forms/holiday_create_form.php" class="create_btn" >Crear</a> <a href="forms/holiday_create_form.php" class="create_btn" >Crear</a>
</div> </div>
<table> <table>

32
src/index.php Normal file
View File

@ -0,0 +1,32 @@
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>MDIS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../static/style.css" type="text/css" media="screen" />
</head>
<body>
<header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<div class="hero-inner">
<h1>MDIS</h1>
<h2>MDIS es un sistema de información que permite gestionar una consulta médica.</h2>
</div>
</section>
<main>
</body>

View File

@ -9,7 +9,20 @@
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<div style="text-align: right; margin-top: 20px;"> <header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<div style="text-align: right; margin-top: 50px;">
<a href="forms/patient_create_form.php" class="create_btn" >Crear</a> <a href="forms/patient_create_form.php" class="create_btn" >Crear</a>
</div> </div>
<table> <table>
@ -75,7 +88,7 @@
</form> </form>
</div> </div>
<?php if (isset($_GET["search"])): ?> <?php if (isset($_GET["search"])): ?>
<div style="text-align: right; margin-top: 20px;"> <div style="text-align: right; margin-top: 40px;">
<a href="patient.php" class="back_btn">Atrás</a> <a href="patient.php" class="back_btn">Atrás</a>
</div> </div>
<?php endif ?> <?php endif ?>

View File

@ -9,7 +9,20 @@
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<div style="text-align: right; margin-top: 20px;"> <header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<div style="text-align: right; margin-top: 50px;">
<a href="forms/report_create_form.php" class="create_btn" >Crear</a> <a href="forms/report_create_form.php" class="create_btn" >Crear</a>
</div> </div>
<table> <table>

View File

@ -9,7 +9,20 @@
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<div style="text-align: right; margin-top: 20px;"> <header>
<nav>
<ul class="navbar-left">
<li class="list"><a href="index.php">Página principal</a></li>
<li class="list"><a href="user.php">Usuarios</a></li>
<li class="list"><a href="patient.php">Pacientes</a></li>
<li class="list"><a href="appointment.php">Citas</a></li>
<li class="list"><a href="holiday.php">Vacaciones</a></li>
<li class="list"><a href="report.php">Informes</a></li>
<li class="list"><a href="login.php">Login</a></li>
</ul>
</nav>
</header>
<div style="text-align: right; margin-top: 50px;">
<a href="forms/user_create_form.html" class="create_btn" >Crear</a> <a href="forms/user_create_form.html" class="create_btn" >Crear</a>
</div> </div>
<table> <table>

View File

@ -94,3 +94,54 @@ form {
border-radius: 3px; border-radius: 3px;
background: #800000; background: #800000;
} }
header {
background: #5F9EA0;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 40px;
display: flex;
align-items: center;
box-shadow: 0 0 25px 0 black;
}
header * {
display: inline;
}
header li {
margin: 20px;
}
header li a {
color: black;
text-decoration: none;
}
main {
background: white;
}
.hero {
/* Sizing */
width: 100vw;
height: 100vh;
/* Flexbox stuff */
display: flex;
justify-content: center;
align-items: center;
/* Text styles */
text-align: center;
color: white;
/* Background styles */
background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url('https://www.pepperconstruction.com/sites/default/files/images/pmc1.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}