mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
265 lines
10 KiB
HTML
265 lines
10 KiB
HTML
{% extends "templates/base.html" %}
|
|
<!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" onclick="closeModal()"></div>
|
|
<div class="modal-content is-clipped">
|
|
<div class="box">
|
|
<p class="title">{{ details["bgp_aspath"]["title"] }}</p>
|
|
{{ details["bgp_aspath"]["content"] }}
|
|
</div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close" onclick="closeModal()"></button>
|
|
</div>
|
|
{% endif %}
|
|
{% if features["bgp_community"]["enable"] == true %}
|
|
<div class="modal" id="help_bgp_community">
|
|
<div class="modal-background" onclick="closeModal()"></div>
|
|
<div class="modal-content">
|
|
<div class="box">
|
|
<p class="title">{{ details["bgp_community"]["title"] }}</p>
|
|
{{ details["bgp_community"]["content"] }}
|
|
</div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close" onclick="closeModal()"></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" onclick="adjustHeight()">
|
|
<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"] }}</strong>
|
|
<p>{{ info["bgp_route"]["content"] }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features["bgp_community"]["enable"] == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding["text"]["bgp_community"] }}</strong>
|
|
<p>{{ info["bgp_community"]["content"] }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features["bgp_aspath"]["enable"] == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding["text"]["bgp_aspath"] }}</strong>
|
|
<p>{{ info["bgp_aspath"]["content"] }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features["ping"]["enable"] == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding["text"]["ping"] }}</strong>
|
|
<p>{{ info["ping"]["content"] }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if features["traceroute"]["enable"] == true %}
|
|
<div class="dropdown-item">
|
|
<strong>{{ branding["text"]["traceroute"] }}</strong>
|
|
<p>{{ info["traceroute"]["content"] }}</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" %}
|
|
{% endif %}
|
|
{% if branding["credit"]["enable"] == true %}
|
|
{% include "templates/credit.html" %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
</body>
|
|
|
|
</html>
|