Now using bootstrap

This commit is contained in:
naielv
2026-01-27 19:21:49 +01:00
parent c8b22da45f
commit 2e956575aa
28 changed files with 845 additions and 636 deletions

View File

@@ -1,2 +1,2 @@
<a href="/_login.php?reload_user=1" class="button pseudo">Recargar Cuenta</a>
<a href="/_login.php?logout=1" class="button pseudo">Cerrar sesión</a>
<a href="/_login.php?reload_user=1" class="btn btn-secondary">Recargar Cuenta</a>
<a href="/_login.php?logout=1" class="btn btn-secondary">Cerrar sesión</a>

View File

@@ -6,27 +6,41 @@ $centro_id = $_SESSION["auth_data"]["entreaulas"]["centro"];
$aulario = json_decode(file_get_contents("/DATA/entreaulas/Centros/$centro_id/Aularios/$aulario_id.json"), true);
?>
<div class="card pad">
<h1>Aulario: <?= htmlspecialchars($aulario["name"]) ?></h1>
<span>
Bienvenidx al aulario <?= htmlspecialchars($aulario["name"]) ?>. Aquí podrás gestionar las funcionalidades específicas de este aulario.
</span>
<div class="card-body">
<h1 class="card-title">Aulario: <?= htmlspecialchars($aulario["name"]) ?></h1>
<span>
Bienvenidx al aulario <?= htmlspecialchars($aulario["name"]) ?>. Aquí podrás gestionar las funcionalidades específicas de este aulario.
</span>
</div>
</div>
<div id="grid">
<a href="/entreaulas/paneldiario.php?aulario=<?= urlencode($aulario_id) ?>" class="button grid-item">
<a href="/entreaulas/paneldiario.php?aulario=<?= urlencode($aulario_id) ?>" class="btn btn-primary grid-item">
<img src="/static/iconexperience/calendar_preferences.png" height="125">
</br>
Panel Diario
</a>
<?php if (in_array("sysadmin:access", $_SESSION["auth_data"]["permissions"] ?? [])): ?>
<a href="/sysadmin/aularios.php?action=edit&aulario=<?= urlencode($aulario_id) ?>" class="button grid-item">
<a href="/sysadmin/aularios.php?action=edit&aulario=<?= urlencode($aulario_id) ?>" class="btn btn-secondary grid-item">
<img src="/static/iconexperience/gear_edit.png" height="125">
<br>
Administración del Aulario
</a>
<?php endif; ?>
</div>
<style>
.grid-item {
margin-bottom: 10px !important;
padding: 15px;
width: 250px;
text-align: center;
}
.grid-item img {
margin: 0 auto;
height: 125px;
}
</style>
<script>
var msnry = new Masonry('#grid', {
"columnWidth": 250,

View File

@@ -2,17 +2,19 @@
require_once "_incl/auth_redir.php";
require_once "_incl/pre-body.php";?>
<div class="card pad">
<h1>¡Hola, <?php echo $_SESSION["auth_data"]["display_name"];?>!</h1>
<span>
Bienvenidx a la plataforma de gestión de aularios conectados. Desde aquí podrás administrar los aularios asociados a tu cuenta.
</span>
<div class="card-body">
<h1 class="card-title">¡Hola, <?php echo $_SESSION["auth_data"]["display_name"];?>!</h1>
<span>
Bienvenidx a la plataforma de gestión de aularios conectados. Desde aquí podrás administrar los aularios asociados a tu cuenta.
</span>
</div>
</div>
<div id="grid">
<?php $user_data = $_SESSION["auth_data"];
$centro_id = $user_data["entreaulas"]["centro"];
foreach ($user_data["entreaulas"]["aulas"] as $aulario_id) {
$aulario = json_decode(file_get_contents("/DATA/entreaulas/Centros/$centro_id/Aularios/$aulario_id.json"), true);
echo '<a href="/entreaulas/aulario.php?id=' . $aulario_id . '" class="button grid-item">
echo '<a href="/entreaulas/aulario.php?id=' . $aulario_id . '" class="btn btn-primary grid-item">
<img style="height: 125px;" src="' . $aulario["icon"] . '" alt="' . htmlspecialchars($aulario["name"]) . ' Icono">
<br>
' . htmlspecialchars($aulario["name"]) . '

View File

@@ -14,17 +14,19 @@ switch ($_GET["form"]) {
header("Refresh: 10; URL=/entreaulas/paneldiario.php?aulario=" . urlencode($_GET['aulario'] ?? ''));
?>
<div class="card pad">
<h1>Menú Seleccionado</h1>
<span>
Has seleccionado el siguiente menú para el día <?php echo htmlspecialchars($selected_date); ?>:
</span>
<ul>
<li>Primer Plato: <?php echo htmlspecialchars($plato1); ?></li>
<li>Segundo Plato: <?php echo htmlspecialchars($plato2); ?></li>
<li>Postre: <?php echo htmlspecialchars($postre); ?></li>
</ul>
<a href="/entreaulas/paneldiario.php?aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="button">Volver
al Panel Diario</a>
<div class="card-body">
<h1 class="card-title">Menú Seleccionado</h1>
<span>
Has seleccionado el siguiente menú para el día <?php echo htmlspecialchars($selected_date); ?>:
</span>
<ul>
<li>Primer Plato: <?php echo htmlspecialchars($plato1); ?></li>
<li>Segundo Plato: <?php echo htmlspecialchars($plato2); ?></li>
<li>Postre: <?php echo htmlspecialchars($postre); ?></li>
</ul>
<a href="/entreaulas/paneldiario.php?aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="btn btn-primary">Volver
al Panel Diario</a>
</div>
</div>
<?php
die();
@@ -40,26 +42,28 @@ switch ($_GET["action"]) {
case "index":
?>
<div class="card pad">
<h1>Panel diario</h1>
<span>
Desde este panel puedes apuntar las actividades diarias del aulario.
</span>
<div class="card-body">
<h1 class="card-title">Panel diario</h1>
<span>
Desde este panel puedes apuntar las actividades diarias del aulario.
</span>
</div>
</div>
<div id="grid">
<!-- Calendario -->
<a onclick="document.getElementById('click-sound').play()" href="?action=calendar&aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="button grid-item">
<a onclick="document.getElementById('click-sound').play()" href="?action=calendar&aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="btn btn-primary grid-item">
<img src="/static/arasaac/calendario.png" height="125">
<br>
Calendario
</a>
<!-- Actividades -->
<a onclick="document.getElementById('click-sound').play()" href="?action=actividades&aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="button grid-item">
<a onclick="document.getElementById('click-sound').play()" href="?action=actividades&aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="btn btn-primary grid-item">
<span class="iconify" style="font-size: 125px" data-icon="mdi-school"></span>
<br>
Actividades
</a>
<!-- Menú del comedor -->
<a onclick="document.getElementById('click-sound').play()" href="?action=menu&aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="button grid-item">
<a onclick="document.getElementById('click-sound').play()" href="?action=menu&aulario=<?php echo urlencode($_GET['aulario'] ?? ''); ?>" class="btn btn-primary grid-item">
<span class="iconify" style="font-size: 125px" data-icon="mdi-silverware-fork-knife"></span>
<br>
Menú del Comedor
@@ -101,14 +105,16 @@ switch ($_GET["action"]) {
$actividades = json_decode(file_get_contents("/DATA/entreaulas/Centros/" . $_SESSION["auth_data"]["entreaulas"]["centro"] . "/Panel/Actividades.json"), true);
?>
<div class="card pad">
<h1>Actividades</h1>
<span>
Aquí podrás ver y seleccionar las actividades del día para el aulario.
</span>
<div class="card-body">
<h1 class="card-title">Actividades</h1>
<span>
Aquí podrás ver y seleccionar las actividades del día para el aulario.
</span>
</div>
</div>
<div id="grid">
<?php foreach ($actividades as $actividad_name => $actividad_data) { ?>
<a class="button grid-item">
<a class="btn btn-primary grid-item">
<img src="<?php echo htmlspecialchars($actividad_data["Foto"]); ?>" height="125">
<br>
<?php echo htmlspecialchars($actividad_name); ?>
@@ -275,7 +281,19 @@ switch ($_GET["action"]) {
</a>
<?php } ?>
</div>
<style>
.grid-item {
margin-bottom: 10px !important;
padding: 15px;
width: 250px;
text-align: center;
}
.grid-item img {
margin: 0 auto;
height: 125px;
}
</style>
<script>
var msnry = new Masonry('.grid', {
"columnWidth": 250,
@@ -325,7 +343,7 @@ switch ($_GET["action"]) {
$ds = date('N', strtotime(date('Y-m-') . sprintf("%02d", $dia)));
if ($ds > 5) {
?>
<div class="card grid-item" style="width: 130px; background-color: #000; color: #fff; height: 100px;">
<div class="card grid-item" style="background-color: #000; color: #fff; text-align: center;">
<span style="font-size: 48px;"><?php echo $dia; ?></span>
</div>
<?php
@@ -333,12 +351,27 @@ switch ($_GET["action"]) {
}
$is_today = ($dia == $dia_correcto);
?>
<a class="card grid-item" style="width: 130px; height: 100px; color: black;"
<a class="card grid-item" style="color: black; text-align: center;"
onclick="seleccionarDia(this, <?php echo $dia; ?>, <?php echo $mes_correcto; ?>, <?php echo date('Y'); ?>, <?php echo $ds; ?>);">
<span style="font-size: 48px;"><?php echo $dia; ?></span>
</a>
<?php } ?>
</div>
<style>
.grid-item {
margin-bottom: 10px !important;
padding: 15px;
width: 130px;
height: 100px;
text-align: center;
text-decoration: none;
}
.grid-item img {
margin: 0 auto;
height: 125px;
}
</style>
<script>
var msnry = new Masonry('.grid', {
"columnWidth": 130,
@@ -407,6 +440,20 @@ switch ($_GET["action"]) {
</a>
<?php } ?>
</div>
<style>
.grid-item {
margin-bottom: 10px !important;
padding: 15px;
width: 225px;
text-align: center;
text-decoration: none;
}
.grid-item img {
margin: 0 auto;
height: 125px;
}
</style>
<script>
var msnry = new Masonry('.grid', {
"columnWidth": 225,
@@ -488,6 +535,20 @@ switch ($_GET["action"]) {
</a>
<?php } ?>
</div>
<style>
.grid-item {
margin-bottom: 10px !important;
padding: 15px;
width: 180px;
text-align: center;
text-decoration: none;
}
.grid-item img {
margin: 0 auto;
height: 125px;
}
</style>
<script>
var msnry = new Masonry('.grid', {
"columnWidth": 180,