diff options
Diffstat (limited to 'index.php')
| -rw-r--r-- | index.php | 46 |
1 files changed, 22 insertions, 24 deletions
@@ -2,7 +2,7 @@ /* * Looking Glass - An easy to deploy Looking Glass - * Copyright (C) 2014-2017 Guillaume Mazoyer <gmazoyer@gravitons.in> + * Copyright (C) 2014-2018 Guillaume Mazoyer <gmazoyer@gravitons.in> * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by @@ -83,9 +83,9 @@ final class LookingGlass { print('<label for="input-param">Parameter</label>'); print('<div class="input-group">'); print('<input class="form-control" name="parameter" id="input-param" autofocus />'); - print('<div class="input-group-btn">'); + print('<div class="input-group-append">'); print('<button type="button" class="btn btn-info" data-toggle="modal" data-target="#help">'); - print('<span class="glyphicon glyphicon-question-sign"></span> Help'); + print('<i class="fas fa-question-circle"></i> Help'); print('</button>'); print('</div>'); print('</div>'); @@ -149,12 +149,12 @@ final class LookingGlass { } } - print('<input type="text" class="hidden" name="dontlook" placeholder="Don\'t look at me!" />'); + print('<input type="text" class="d-none" name="dontlook" placeholder="Don\'t look at me!" />'); print('</form>'); print('</div>'); print('<div class="loading">'); - print('<div class="progress progress-striped active">'); - print('<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">'); + print('<div class="progress">'); + print('<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">'); print('</div>'); print('</div>'); print('</div>'); @@ -184,7 +184,7 @@ final class LookingGlass { } if ($this->frontpage['peering_policy_file']) { - print('<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#peering-policy"><span class="glyphicon glyphicon-list-alt"></span> Peering Policy</button>'); + print('<button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#peering-policy"><i class="fas fa-tasks"></i> Peering Policy</button>'); print('<br><br>'); } @@ -201,12 +201,12 @@ final class LookingGlass { } private function render_peering_policy_modal() { - print('<div id="peering-policy" class="modal fade">'); - print('<div class="modal-dialog">'); + print('<div id="peering-policy" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">'); + print('<div class="modal-dialog" role="document">'); print('<div class="modal-content">'); print('<div class="modal-header">'); - print('<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>'); - print('<h4 class="modal-title">Peering Policy</h4>'); + print('<h5 class="modal-title">Peering Policy</h5>'); + print('<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'); print('</div>'); print('<div class="modal-body">'); if (!file_exists($this->frontpage['peering_policy_file'])) { @@ -220,7 +220,7 @@ final class LookingGlass { } print('</div>'); print('<div class="modal-footer">'); - print('<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>'); + print('<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>'); print('</div>'); print('</div>'); print('</div>'); @@ -228,21 +228,21 @@ final class LookingGlass { } private function render_help_modal() { - print('<div id="help" class="modal fade">'); - print('<div class="modal-dialog">'); + print('<div id="help" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">'); + print('<div class="modal-dialog" role="document">'); print('<div class="modal-content">'); print('<div class="modal-header">'); - print('<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>'); - print('<h4 class="modal-title">Help</h4>'); + print('<h5 class="modal-title">Help</h5>'); + print('<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'); print('</div>'); print('<div class="modal-body">'); - print('<h4>Command <small id="command-reminder"></small></h4>'); + print('<h4>Command <span class="badge badge-dark"><small id="command-reminder"></small></span></h4>'); print('<p id="description-help"></p>'); print('<h4>Parameter</h4>'); print('<p id="parameter-help"></p>'); print('</div>'); print('<div class="modal-footer">'); - print('<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>'); + print('<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>'); print('</div>'); print('</div>'); print('</div>'); @@ -259,10 +259,7 @@ final class LookingGlass { print('<meta name="keywords" content="Looking Glass, LG, BGP, prefix-list, AS-path, ASN, traceroute, ping, IPv4, IPv6, Cisco, Juniper, Internet" />'); print('<meta name="description" content="'.$this->frontpage['title'].'" />'); print('<title>'.htmlentities($this->frontpage['title']).'</title>'); - print('<link href="libs/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" />'); - if ($this->frontpage['bootstrap_theme']) { - print('<link href="libs/bootstrap-3.3.7/css/bootstrap-theme.min.css" rel="stylesheet" />'); - } + print('<link href="libs/bootstrap-4.0.0/css/bootstrap.min.css" rel="stylesheet" />'); if ($this->frontpage['custom_bootstrap_theme']) { print('<link href="'.$this->frontpage['custom_bootstrap_theme'].'" rel="stylesheet" />'); } @@ -277,8 +274,9 @@ final class LookingGlass { $this->render_peering_policy_modal(); } print('</body>'); - print('<script src="libs/jquery-3.2.1.min.js"></script>'); - print('<script src="libs/bootstrap-3.3.7/js/bootstrap.min.js"></script>'); + print('<script src="libs/jquery-3.3.1.min.js"></script>'); + print('<script src="libs/bootstrap-4.0.0/js/bootstrap.min.js"></script>'); + print('<script src="libs/fontawesome-5.0.6/js/fontawesome-all.min.js"></script>'); print('<script src="js/looking-glass.js"></script>'); print('</html>'); } |