ddf86d02fb
Bird 2.0 includes IPv4 and IPv6 support in a single daemon. When UNIFIED_DAEMON is set to True, queries are always done with the "ipv4" backend (which handles both protocols), and distinctions between IPv4 and IPv4 are removed in the UI.
121 lines
4.8 KiB
HTML
121 lines
4.8 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<title>{{config.DOMAIN|capitalize}} looking glass</title>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap-reboot.min.css') }}">
|
||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
|
||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/datatables.min.css') }}">
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<a class="navbar-brand" href="/">{{config.DOMAIN|capitalize}}</a>
|
||
<ul class="nav nav-pills">
|
||
<li class="nav-item hosts mr-1"><a class="nav-link" id="{{all_hosts}}" href="#">all</a></li>
|
||
|
||
{% for host in config.PROXY %}
|
||
<li class="nav-item hosts mr-1"><a class="nav-link" id="{{host}}" href="#">{{host}}</a></li>
|
||
{% endfor %}
|
||
</ul>
|
||
|
||
{% if not config.UNIFIED_DAEMON %}
|
||
<div class="btn-group">
|
||
<a class="btn btn-primary proto" id="ipv4" href="#">ipv4</a>
|
||
<a class="btn btn-primary proto" id="ipv6" href="#">ipv6</a>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<ul class="nav">
|
||
<li class="nav-item dropdown request_type">
|
||
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
|
||
Show protocols
|
||
<b class="caret"></b>
|
||
</a>
|
||
|
||
<ul class="dropdown-menu">
|
||
{% for id, text in commands %}
|
||
<li><a class="dropdown-item" id="{{id}}" href="#">{{text}}</a></li>
|
||
{% endfor %}
|
||
</ul>
|
||
</li>
|
||
<form class="pull-left navbar-form" action="javascript:;">
|
||
<input type="text" style="width:250px;" class="request_args search-query form-control" placeholder="...">
|
||
</form>
|
||
<li class="navbar-text"></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
<div class="container-fluid mt-3" style="overflow-x: scroll;">
|
||
<div class="row">
|
||
<div class="col-sm-8 col-md-8">
|
||
{% if warnings %}
|
||
<div class="alert alert-warning">
|
||
{% for warning in warnings %}{{warning}}<br>{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
{% if errors %}
|
||
<div class="alert alert-error alert-warning">
|
||
{% for error in errors %}{{error}}<br>{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% block body %}{% endblock %}
|
||
|
||
</div>
|
||
<div class="col-sm-4 col-md-4">
|
||
<div class="well" style="padding: 8px 0;">
|
||
<h4>Request history</h4>
|
||
<div class="list-group history">
|
||
{% for hosts, proto, request_type, request_args in session.history %}
|
||
<a class="list-group-item list-group-item-action {% if loop.first %}active{% endif %}"
|
||
href="/{{ [request_type, hosts, proto]|join("/") }}{% if request_args %}?q={{request_args}}{% endif %}">
|
||
{{hosts}}{% if not config.UNIFIED_DAEMON %}/{{proto}}{% endif %}: {{ commands_dict[request_type]|replace("...", request_args) }}
|
||
</a>
|
||
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<p>bird looking glass, <a href="https://github.com/sileht/bird-lg/">source code</a> under GPL 3.0, powered by <a href="http://flask.pocoo.org">Flask</a>, <a href="http://jquery.com/">jQuery</a> and <a href="https://getbootstrap.com/">Bootstrap</a></p>
|
||
</div>
|
||
|
||
<div class="progress progress-info progress-striped active" style="position:fixed;bottom:0px;right:10px;display:none;height:10px;width:200px;">
|
||
<div class="progress-bar" style="width: 100%;"></div>
|
||
</div>
|
||
<div class="modal fade" style="display:none;">
|
||
<div class="modal-header">
|
||
<a class="close" data-dismiss="modal">×</a>
|
||
<h3>Modal header</h3>
|
||
</div>
|
||
<div class="modal-body" style="height: 300px; overflow: auto;">
|
||
<p>One fine body…</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a href="#" class="btn btn-primary">Close</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="{{url_for('static', filename='js/jquery.js') }}"></script>
|
||
<script type="text/javascript" src="{{url_for('static', filename='js/bootstrap.min.js') }}"></script>
|
||
<script type="text/javascript" src="{{url_for('static', filename='js/datatables.min.js') }}"></script>
|
||
<script type="text/javascript">
|
||
request_type = "{{session.request_type}}";
|
||
request_args = "{{session.request_args|safe}}";
|
||
hosts = "{{session.hosts}}";
|
||
proto = "{{session.proto}}";
|
||
history_query = {{session.history|tojson|safe}};
|
||
</script>
|
||
<script type="text/javascript" src="{{url_for('static', filename='js/lg.js') }}"></script>
|
||
|
||
</body></html>
|