| <?php |
| /* |
| * hores |
| * Copyright (c) 2023 Adrià Vilanova Martínez |
| * |
| * This program is free software: you can redistribute it and/or modify |
| * it under the terms of the GNU Affero General Public License as |
| * published by the Free Software Foundation, either version 3 of the |
| * License, or (at your option) any later version. |
| * |
| * This program is distributed in the hope that it will be useful, |
| * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| * GNU Affero General Public License for more details. |
| * |
| * You should have received a copy of the GNU Affero General Public |
| * License along with this program. |
| * If not, see http://www.gnu.org/licenses/. |
| */ |
| |
| require_once("core.php"); |
| security::checkType(security::WORKER); |
| security::checkWorkerUIEnabled(); |
| secondFactor::checkAvailability(); |
| |
| $mdHeaderRowBefore = visual::backBtn("security.php"); |
| ?> |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <title><?php echo $conf["appName"]; ?></title> |
| <?php visual::includeHead(); ?> |
| <link rel="stylesheet" href="css/dashboard.css"> |
| |
| <style> |
| .addsecuritykey { |
| position: fixed; |
| bottom: 16px; |
| right: 16px; |
| z-index: 1000; |
| } |
| </style> |
| </head> |
| <?php visual::printBodyTag(); ?> |
| <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--fixed-drawer"> |
| <button class="addsecuritykey mdl-button md-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--accent"><i class="material-icons">add</i><span class="mdl-ripple"></span></button> |
| <?php visual::includeNav(); ?> |
| <main class="mdl-layout__content"> |
| <div class="page-content"> |
| <div class="main mdl-shadow--4dp"> |
| <h2>Llaves de seguridad</h2> |
| <?php |
| $securityKeys = secondFactor::getSecurityKeys(); |
| if ($securityKeys === false) { |
| echo "<p>Ha ocurrido un error inesperado y no se ha podido obtener un listado de tus llaves de seguridad.</p>"; |
| } elseif (count($securityKeys)) { |
| ?> |
| <div class="overflow-wrapper overflow-wrapper--for-table"> |
| <table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp"> |
| <thead> |
| <tr> |
| <th class="mdl-data-table__cell--non-numeric">Nombre</th> |
| <th class="mdl-data-table__cell--non-numeric">Fecha de registro</th> |
| <th class="mdl-data-table__cell--non-numeric">Último uso</th> |
| <th class="mdl-data-table__cell--non-numeric"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <?php |
| foreach ($securityKeys as $s) { |
| ?> |
| <tr> |
| <td class="mdl-data-table__cell--non-numeric"><?=security::htmlsafe($s["name"])?></td> |
| <td class="mdl-data-table__cell--non-numeric"><?=security::htmlsafe($s["added"] !== null ? date("d/m/Y H:i", $s["added"]) : "-")?></td> |
| <td class="mdl-data-table__cell--non-numeric"><?=security::htmlsafe($s["lastused"] !== null ? date("d/m/Y H:i", $s["lastused"]) : "-")?></td> |
| <td class='mdl-data-table__cell--non-numeric'><a href='dynamic/deletesecuritykey.php?id=<?=(int)$s["id"]?>' data-dyndialog-href='dynamic/deletesecuritykey.php?id=<?=(int)$s["id"]?>' title='Eliminar llave de seguridad'><i class='material-icons icon'>delete</i></a></td> |
| </tr> |
| <?php |
| } |
| ?> |
| </tbody> |
| </table> |
| </div> |
| <?php |
| } else { |
| ?> |
| <p>Todavía no has añadido ninguna llave de seguridad.</p> |
| <p>Puedes añadir una haciendo clic en el botón de la esquina inferior derecha de la página.</p> |
| <?php |
| } |
| ?> |
| </div> |
| </div> |
| </main> |
| </div> |
| |
| <dialog class="mdl-dialog" id="addsecuritykey"> |
| <form method="POST" id="addsecuritykeyform"> |
| <h4 class="mdl-dialog__title">Añadir llave de seguridad</h4> |
| <div class="mdl-dialog__content"> |
| <p>Introduce un nombre para la llave de seguridad y haz clic en el botón añadir para empezar el proceso de registro:</p> |
| <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> |
| <input class="mdl-textfield__input" type="text" name="name" id="name" autocomplete="off" data-required> |
| <label class="mdl-textfield__label" for="name">Nombre</label> |
| </div> |
| </div> |
| <div class="mdl-dialog__actions"> |
| <button id="registersecuritykey" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--accent">Registrar</button> |
| <button onclick="event.preventDefault(); document.querySelector('#addsecuritykey').close();" class="mdl-button mdl-js-button mdl-js-ripple-effect cancel">Cancelar</button> |
| </div> |
| </form> |
| </dialog> |
| |
| <?php |
| visual::smartSnackbar([ |
| ["unexpected", "Ha ocurrido un error inesperado. Inténtelo de nuevo en unos segundos."], |
| ["empty", "Faltan datos por introducir en el formulario."], |
| ["securitykeyadded", "Se ha registrado correctamente la llave de seguridad."], |
| ["securitykeydeleted", "Se ha eliminado correctamente la llave de seguridad."] |
| ]); |
| ?> |
| |
| <script src="js/common_webauthn.js"></script> |
| <script src="js/securitykeys.js"></script> |
| </body> |
| </html> |