bird-lg/templates/layout.html

132 lines
5.3 KiB
HTML
Raw Normal View History

2011-12-16 11:02:24 +01:00
<!doctype html>
2012-02-05 14:30:32 +01:00
<html lang="en">
<title>{{config.DOMAIN|capitalize}} looking glass</title>
2012-02-05 14:30:32 +01:00
<head>
<meta charset="UTF-8">
2018-11-27 17:26:26 -08:00
<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') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/local.css') }}">
2012-02-05 14:30:32 +01:00
</head>
<body id="bird-lg">
<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>
2011-12-16 19:05:36 +01:00
<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" href="#">all</a></li>
2012-01-27 11:32:50 +01:00
{% for host in config.PROXY %}
<li class="nav-item hosts mr-1"><a class="nav-link" id="{{host}}" href="#">{{host}}</a></li>
{% endfor %}
</ul>
2012-01-27 11:32:50 +01:00
{% 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 %}
2011-12-16 11:02:24 +01:00
<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>
2012-01-20 00:12:19 +01:00
<ul class="dropdown-menu">
{% for id, text in commands %}
<li><a class="dropdown-item" id="{{id}}" href="#">{{text}}</a></li>
{% endfor %}
2012-02-05 14:30:32 +01:00
</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>
2012-01-20 00:12:19 +01:00
</ul>
2012-02-05 14:30:32 +01:00
</div>
</nav>
2018-11-27 21:07:36 -08:00
<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>
2012-02-05 14:30:32 +01:00
{% endif %}
{% if errors %}
<div class="alert alert-error alert-warning">
{% for error in errors %}{{error}}<br>{% endfor %}
</div>
2012-02-05 14:30:32 +01:00
{% endif %}
2012-01-20 00:12:19 +01:00
2012-02-05 14:30:32 +01:00
{% block body %}{% endblock %}
2012-01-20 00:12:19 +01:00
2012-02-05 14:30:32 +01:00
</div>
<div class="col-sm-4 col-md-4">
2012-02-05 14:30:32 +01:00
<div class="well" style="padding: 8px 0;">
<h4>Request history</h4>
<div class="list-group history">
2012-02-05 14:30:32 +01:00
{% 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]|join("/") }}{% if not config.UNIFIED_DAEMON %}/{{proto}}{% endif %}{% if request_args %}?q={{request_args|urlencode}}{% endif %}">
{{hosts}}{% if not config.UNIFIED_DAEMON %}/{{proto}}{% endif %}: {{ commands_dict[request_type]|replace("...", request_args) }}
</a>
2012-02-05 14:30:32 +01:00
{% endfor %}
</div>
2012-02-05 14:30:32 +01:00
</div>
</div>
</div>
2011-12-16 19:05:36 +01:00
2012-02-05 14:30:32 +01:00
<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>
2012-02-05 14:30:32 +01:00
</div>
2012-01-20 00:12:19 +01:00
<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>
2019-01-12 11:22:13 +00:00
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal header</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body"><p>One fine body...</p></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
2012-02-05 14:30:32 +01:00
</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>
2012-02-05 14:30:32 +01:00
<script type="text/javascript">
request_type = "{{session.request_type}}";
2018-12-01 15:27:45 -08:00
request_args = "{{session.request_args}}";
hosts = "{{session.hosts}}";
2019-01-28 00:09:56 +00:00
{% if config.UNIFIED_DAEMON %}
proto = ""
{% else %}
proto = "{{session.proto}}";
2019-01-28 00:09:56 +00:00
{% endif %}
history_query = {{session.history|tojson|safe}};
</script>
<script type="text/javascript" src="{{url_for('static', filename='js/lg.js') }}"></script>
</body></html>