servicios-sociales
/
adcfi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<?php
require_once "dependencies.php";
if(isset($_POST['page'])) {
    $page = $_POST['page'];
} else if (isset($_SESSION['moodle_db'], $_SESSION['user'])) {
    $page = 'menu';
} else if (isset($_SESSION['user'])) {
    $page = 'host';
} else {
    $page = 'login';
}

try {
    $moodle = $db->where('moodle_host_id', $_SESSION['moodle_id'])->getOne('moodle_host', 'etiqueta, host');
    $usuario = $db->where('clave', $_SESSION['user'])->getOne('auth.usuario', 'alias, estado');
} catch (Exception $e) {
    serverError("Error al obtener la información del usuario y el moodle", $e);
}
$title = "Administración de Calificaciones";
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        <?= $title ?>
    </title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/indivisa.css">
    <link rel="stylesheet" href="css/lasalle.css">
    <link rel="stylesheet" href="css/sgi.css">
    <link rel="shortcut icon" href="imagenes/favicon.png" type="image/x-icon">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
        crossorigin="anonymous"></script>
    <script src="https://unpkg.com/petite-vue"></script>
    <style>

    </style>
    <script>
        // on document ready
        document.addEventListener('DOMContentLoaded', () => {
            const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
            const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
        })


        const store = PetiteVue.reactive({
            error: null,
            loading: false,
            token: sessionStorage.getItem('token'),

            async fetch(url, options = {}, custom_error = null) {
                store.loading = true
                const response = await fetch(url, {
                    ...options,
                    headers: {
                        ...options.headers,
                        'Authorization': `Bearer ${store.token}`
                    }
                })
                store.loading = false

                if (!response.ok) {
                    store.error = custom_error ?? {
                        title: 'Error en la autorización',
                        message: 'Puede ser que tu token haya expirado o que no tengas permisos para realizar esta acción',
                        avoidable: false,
                        actions: [{
                            label: 'Cerrar sesión',
                            handler: () => {
                                window.location.href = '/action/desconectar.php?action=sign-out'
                            },
                            class: 'primary'
                        }]
                    }
                    return []
                }

                return response.json()
            },
            showModal($el) {
                const modal = new bootstrap.Modal($el)
                modal.show()
            },
            hideModal($el) {
                const modal = new bootstrap.Modal($el)
                modal.hide()

                // delete all backdrop elements
                document.querySelectorAll('.modal-backdrop').forEach(backdrop => backdrop.remove())
            }
        });
    </script>
</head>

<body>
    <?php
    # include an html file from an url
    require 'template/header.html';
    ?>
    <div class="container-fluid">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="container marco">
                <span class="navbar-brand text-primary text-uppercase fs-4" href="/">
                    <i class="fas fa-graduation-cap"></i>
                    <?= $title ?>
                    (<small data-bs-toggle="tooltip" data-bs-title="<?= $moodle['host'] ?>">
                        <?= $moodle['etiqueta'] ?>
                    </small>)
                </span>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav ms-auto align-items-lg-center">
                        <?php if (isset($_SESSION['user']) || isset($_SESSION['moodle_db'])): ?>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="fas fa-user"></i>
                                    Cuenta (<small class="text-primary text-uppercase" data-bs-toggle="tooltip"
                                        data-bs-title="<?= $usuario['alias'] ?>">
                                        <?= $_SESSION['user'] ?>
                                    </small>)
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
                                    <?php if (isset($_SESSION['user'])): ?>
                                        <li>
                                            <form action="/action/desconectar.php" method="get" class="d-grid gap-2 m-2">
                                                <input type="hidden" name="action" value="sign-out">
                                                <button type="submit" class="btn btn-danger w-100"
                                                    onclick="sessionStorage.removeItem('token')">Cerrar sesión <i
                                                        class="fas fa-sign-out-alt"></i></button>
                                            </form>
                                        </li>
                                    <?php endif; ?>
                                    <?php if (isset($_SESSION['moodle_db'])): ?>
                                        <li>
                                            <form action="/action/desconectar.php" method="get" class="d-grid gap-2 m-2">
                                                <input type="hidden" name="action" value="desconectar">
                                                <button type="submit" class="btn btn-secondary w-100">Desconectar <i
                                                        class="fas fa-times-circle"></i></button>
                                            </form>
                                        </li>
                                    <?php endif; ?>
                                </ul>
                            </li>
                        <?php endif; ?>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <div class="container my-4 marco content" v-scope>
        <div class="modal" id="loadingModal" tabindex="-1" aria-hidden="true" v-if="store.loading"
            @vue:mounted="store.showModal($el)" @vue:unmounted="store.hideModal($el)" data-bs-backdrop="static"
            data-bs-keyboard="false">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="d-flex justify-content-center">
                            <div class="spinner-border text-primary" role="status">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal" id="errorModal" tabindex="-1" aria-hidden="true" v-if="store.error !== null && store.error"
            @vue:mounted="store.showModal($el)" @vue:unmounted="store.hideModal($el)" data-bs-backdrop="static"
            data-bs-keyboard="false">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            {{ store.error?.title }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                            @click="store.error = null"></button>
                    </div>
                    <div class="modal-body">
                        <p>{{ store.error?.message }}</p>
                    </div>
                    <div class="modal-footer">
                        <button v-for="action in store.error?.actions ?? []" @click="action.handler"
                            :class="['btn', action.class]">
                            {{ action.label }}
                        </button>
                    </div>
                </div>
            </div>
        </div>

        
        <div style="height: 45rem; overflow: auto;">
            <?php
            if (!isset($page)) {
                throw new Exception('No se ha definido la variable $page');
            }
            require "{$_SERVER['DOCUMENT_ROOT']}/pages/$page.html";
            ?>
        </div>

    </div>
    <?php
    # include an html file from an url
    require 'template/footer.html';

    ?>
</body>

</html>