forked from mirrors/thatmattlove-hyperglass
264 lines
10 KiB
Django/Jinja
264 lines
10 KiB
Django/Jinja
{% extends "templates/base.html.j2" %}
|
|
<!DOCTYPE html>
|
|
|
|
<head>
|
|
</head>
|
|
|
|
<body>
|
|
{% block content %}
|
|
<div class="modal" id="ratelimit">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content">
|
|
<article class="message is-danger">
|
|
<div class="message-header">
|
|
<p>{{ features.rate_limit.query.title }}</p>
|
|
</div>
|
|
<div class="message-body">
|
|
<p>{{ features.rate_limit.query.message }}</p>
|
|
<br>
|
|
<div class="buttons is-right">
|
|
<a href="/" class="button is-danger is-rounded is-outlined">{{ features.rate_limit.query.button }}</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
{% if features.bgp_aspath.enable == true %}
|
|
<div class="modal" id="help_bgp_aspath">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content is-clipped">
|
|
<div class="box">
|
|
<p class="title">{{ details["bgp_aspath"]["title"] | safe }}</p>
|
|
{{ details["bgp_aspath"]["content"] | safe }}
|
|
</div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
{% endif %}
|
|
{% if features.bgp_community.enable == true %}
|
|
<div class="modal" id="help_bgp_community">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content">
|
|
<div class="box">
|
|
<p class="title">{{ details["bgp_community"]["title"] | safe }}</p>
|
|
{{ details["bgp_community"]["content"] | safe }}
|
|
</div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
{% endif %}
|
|
<nav class="navbar">
|
|
<div class="container is-fluid">
|
|
<div class="navbar-brand">
|
|
</div>
|
|
{% if branding.peering_db.enable == true %}
|
|
<div class="navbar-menu">
|
|
<div class="navbar-end">
|
|
<a class="navbar-item" href="https://as{{ general.primary_asn }}.peeringdb.com" target="_blank">
|
|
<span>PeeringDB</span>
|
|
<span class="icon">
|
|
<i class="icofont-external"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
<section class="section">
|
|
<div class="container has-text-centered is-fluid">
|
|
{% if branding.text.title_mode == 'all' %}
|
|
<img src="{{ branding.logo.path }}" style="width: {{ branding.logo.width }}px;">
|
|
<h1 class="title is-3" id="lg-title">
|
|
{{ branding.text.title }}
|
|
</h1>
|
|
<h2 class="subtitle is-5" id="lg-subtitle">
|
|
{{ branding.text.subtitle }}
|
|
</h2>
|
|
<br>
|
|
{% elif branding.text.title_mode == 'text_only' %}
|
|
<h1 class="title is-1" id="lg-title">
|
|
{{ branding.text.title }}
|
|
</h1>
|
|
<h2 class="subtitle is-3" id="lg-subtitle">
|
|
{{ branding.text.subtitle }}
|
|
</h2>
|
|
<br>
|
|
{% elif branding.text.title_mode == 'logo_title' %}
|
|
<img src="{{ branding.logo.path }}" style="width: {{ branding.logo.width }}px;">
|
|
<h1 class="title is-3" id="lg-title">
|
|
{{ branding.text.title }}
|
|
</h1>
|
|
{% elif branding.text.title_mode == 'logo_only' %}
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<img src="{{ branding.logo.path }}" style="width: {{ branding.logo.width }}px;">
|
|
<br>
|
|
<br>
|
|
{% endif %}
|
|
<br>
|
|
<form onsubmit="return false" name="queryform" id="lgForm" action="?" method="POST">
|
|
<div class="container is-fluid">
|
|
<div class="field has-addons has-addons-centered">
|
|
<div class="control has-icons-left is-expanded">
|
|
<input type="text" class="input is-medium is-rounded is-family-monospace" id="target" placeholder="{{ branding.text.query_placeholder }}">
|
|
<span class="icon is-small is-left"><i class="icofont-at"></i></span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="field has-addons has-addons-centered" id="lg-netlocdropdown">
|
|
<div class="control has-icons-left" id="network-control">
|
|
<div class="select is-medium is-rounded">
|
|
<select id="network" name="network" style="width: 256px">
|
|
{% for net in networks %}
|
|
<option value="{{ net }}">AS{{ net }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<span class="icon is-left"><i class="icofont-cloudapp"></i></span>
|
|
</div>
|
|
<div class="control has-icons-left" id="location-control">
|
|
<div class="select is-medium is-rounded">
|
|
<select id="location" style="width: 256px">
|
|
<option id="text_location" selected disabled>{{ branding.text.location }}</option>
|
|
</select>
|
|
</div>
|
|
<span class="icon is-left"><i class="icofont-location-arrow"></i></span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
<div class="container is-fluid">
|
|
<div class="field has-addons has-addons-centered is-grouped-centered">
|
|
<div class="control">
|
|
<div class="dropdown is-right" id="help-dropdown">
|
|
<div class="dropdown-trigger">
|
|
<button type="button" class="button is-rounded is-medium" aria-haspopup="true" aria-controls="dropdown-menu2" id="help-dropdown-button">
|
|
<span class="icon is-size-6 lg-icon-help">
|
|
<i class="icofont-info-circle" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="dropdown-menu is-expanded" id="dropdown-menu2" role="menu">
|
|
<div class="dropdown-content lg-help">
|
|
{% if features.bgp_route.enable == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding.text.bgp_route | safe }}</strong>
|
|
<p>{{ info["bgp_route"]["content"] | safe }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features.bgp_community.enable == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding.text.bgp_community | safe }}</strong>
|
|
<p>{{ info["bgp_community"]["content"] | safe }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features.bgp_aspath.enable == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding.text.bgp_aspath | safe }}</strong>
|
|
<p>{{ info["bgp_aspath"]["content"] | safe }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features.ping.enable == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding.text.ping | safe }}</strong>
|
|
<p>{{ info["ping"]["content"] | safe }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features.traceroute.enable == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding.text.traceroute | safe }}</strong>
|
|
<p>{{ info["traceroute"]["content"] | safe }}</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<div class="select is-medium is-rounded">
|
|
<select id="type">
|
|
<option selected disabled>
|
|
{{ branding.text.query_type }}
|
|
</option>
|
|
{% if features.bgp_route.enable == true %}
|
|
<option name="type" id="type_bgp_route" value="bgp_route">
|
|
{{ branding.text.bgp_route }}
|
|
</option>
|
|
{% endif %}
|
|
{% if features.bgp_community.enable == true %}
|
|
<option name="type" id="type_bgp_community" value="bgp_community">
|
|
{{ branding.text.bgp_community }}
|
|
</option>
|
|
{% endif %}
|
|
{% if features.bgp_aspath.enable == true %}
|
|
<option name="type" id="type_bgp_aspath" value="bgp_aspath">
|
|
{{ branding.text.bgp_aspath }}
|
|
</option>
|
|
{% endif %}
|
|
{% if features.ping.enable == true %}
|
|
<option name="type" id="type_ping" value="ping">
|
|
{{ branding.text.ping }}
|
|
</option>
|
|
{% endif %}
|
|
{% if features.traceroute.enable == true %}
|
|
<option name="type" id="type_traceroute" value="traceroute">
|
|
{{ branding.text.traceroute }}
|
|
</option>
|
|
{% endif %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<button class="button lg-btn-submit is-medium is-rounded" type="submit" name="type">
|
|
<span class="icon">
|
|
<i class="icofont-search-1"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns is-centered">
|
|
<div class="column is-one-third" id="target_error">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container is-fluid">
|
|
<div class="box" id="resultsbox">
|
|
<a class="button is-rounded is-pulled-right" id="btn-copy" data-clipboard-target="#output">
|
|
<span class="icon is-small">
|
|
<i id="copy-icon" class="icofont-ui-copy"></i>
|
|
</span>
|
|
</a>
|
|
<p class="title" id="results">{{ branding.text.results }}</p>
|
|
<p id="queryInfo">
|
|
</p>
|
|
<p id="progress">
|
|
<br>
|
|
<progress class="progress is-medium lg-progressbar" max="100">50%</progress>
|
|
</p>
|
|
<br>
|
|
<p class="query-output" id="output">
|
|
</p>
|
|
{% if features.cache.show_text == true %}
|
|
<hr>
|
|
<p class="is-size-7">{{ features.cache.text }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% if branding.footer.enable == true %}
|
|
{% include "templates/footer.html.j2" %}
|
|
{% endif %}
|
|
{% if branding.credit.enable == true %}
|
|
{% include "templates/credit.html.j2" %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
</body>
|
|
|
|
</html>
|