41 lines
No EOL
1.9 KiB
HTML
41 lines
No EOL
1.9 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}AS215085 - Router tools | BGP Peer History{% endblock %}
|
|
|
|
{% block page_header %}<H3>BGP Peer history</H3>{% endblock %}
|
|
|
|
{% block content %}
|
|
<section>
|
|
<h2>BGP Peer History for {{ neighbor_ip }}</h2>
|
|
<h5 class="text-muted">{{ ip_version }} Neighbor</h5>
|
|
|
|
<div class="d-flex justify-content-center justify-content-lg-end align-items-center mb-3 flex-wrap">
|
|
<div class="btn-group me-2" role="group" aria-label="Time range">
|
|
<button type="button" class="btn btn-outline-primary active" data-range="24h">24H</button>
|
|
<button type="button" class="btn btn-outline-primary" data-range="7d">7D</button>
|
|
<button type="button" class="btn btn-outline-primary" data-range="30d">30D</button>
|
|
<button type="button" class="btn btn-outline-primary" data-range="90d">90D</button>
|
|
</div>
|
|
<div class="d-flex flex-column flex-md-row align-items-stretch align-items-md-center">
|
|
<input type="datetime-local" id="startDate" class="form-control me-md-1 mb-1 mb-md-0">
|
|
<span class="mx-md-1 my-1 my-md-0 text-center">to</span>
|
|
<input type="datetime-local" id="endDate" class="form-control me-md-1 mb-1 mb-md-0">
|
|
<button type="button" id="customRangeBtn" class="btn btn-primary mt-1 mt-md-0">Go</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="achart-wrapper-chart">
|
|
<canvas id="peerHistoryChart"></canvas>
|
|
</div>
|
|
<button type="button" class="btn btn-primary mt-3" onclick="window.close()">
|
|
<i class="fas fa-window-close"></i> Back to BGP overview
|
|
</button>
|
|
</section>
|
|
|
|
<script>
|
|
const neighborIp = "{{ neighbor_ip }}";
|
|
</script>
|
|
<script src="{{ url_for('static', filename='js/chart.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/chartjs-adapter-date-fns') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/pages/bgp_peer_graph.js') }}"></script>
|
|
{% endblock %} |