mirror of
https://github.com/peeringdb/peeringdb.git
synced 2024-05-11 05:55:09 +00:00
82ea303392
* Wrap long text #485 * Fix typo in "country" that prevented sorting (#495). Make all country sorts lower case
299 lines
10 KiB
HTML
299 lines
10 KiB
HTML
{% load util %}
|
|
{% load i18n %}
|
|
|
|
<!-- EXCHANGE POINTS -->
|
|
|
|
<div class="list"
|
|
data-sort-container=".scrollable"
|
|
data-sort-row=".row"
|
|
|
|
data-edit-module="api_listing"
|
|
data-edit-group="#view"
|
|
data-edit-target="api:netixlan">
|
|
<div class="row">
|
|
<div class="col-xs-6 col-sm-8 col-md-8">
|
|
<h5>{% trans "Public Peering Exchange Points" %}</h5>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-4 col-md-4 filter">
|
|
<input type="text" placeholder="Filter" data-filter-target="#list-exchanges" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="row header">
|
|
<div class="col-xs-4 col-sm-4 col-md-6">
|
|
<div data-sort-target=".exchange" data-sort-initial="asc">{% trans "Exchange" %}</div>
|
|
<div data-sort-target=".asn">{% trans "ASN" %}</div>
|
|
</div>
|
|
<div class="col-xs-5 col-sm-5 col-md-4">
|
|
<div>{% trans "IPv4" %}</div>
|
|
<div>{% trans "IPv6" %}</div>
|
|
</div>
|
|
<div class="col-xs-3 col-sm-3 col-md-2">
|
|
<div data-sort-target=".speed">{% trans "Speed" %}</div>
|
|
<div data-sort-target=".rs_peer">{% trans "RS Peer" %}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scrollable"
|
|
id="list-exchanges"
|
|
data-edit-component="list"
|
|
data-edit-template="netixlan-item">
|
|
|
|
<div class="empty-result">
|
|
<div class="message">{% trans "No filter matches." %}</div>
|
|
<div class="help">{% trans "You may filter by" %} <b>{% trans "Exchange" %}</b>, <b>{% trans "ASN" %}</b> {% trans "or" %} <b>{% trans "Speed" %}.</b></div>
|
|
</div>
|
|
|
|
{% for x in data.exchanges %}
|
|
|
|
<div class="row item" data-edit-id="{{ x.id }}" data-edit-label="{% trans "Network - Exchange link" %}: {{ x.ixlan.ix.name }}">
|
|
<div class="editable payload">
|
|
<div data-edit-name="net_id">{{ instance.id }}</div>
|
|
<div data-edit-name="ixlan_id">{{ x.ixlan_id }}</div>
|
|
</div>
|
|
<div class="col-xs-4 col-sm-4 col-md-6">
|
|
{% if permissions.can_delete %}
|
|
<a class="btn-row-delete" data-edit-toggled="edit" data-edit-action="remove">×</a>
|
|
{% endif %}
|
|
<div class="exchange" data-sort-value="{{ x.ixlan.ix.name }}" data-filter-value="{{ x.ixlan.ix.name }}">
|
|
<a href="/{{x.ixlan.ix|ref_tag}}/{{ x.ixlan.ix.id }}">{{ x.ixlan.ix.name }}</a>{% if x.ixlan.name %}<span class="tiny suffix">{{ x.ixlan.name }}</span>{% endif %}
|
|
</div>
|
|
<div class="asn"
|
|
data-edit-type="select"
|
|
data-edit-data="asns"
|
|
data-edit-required="yes"
|
|
data-edit-name="asn"
|
|
data-edit-value="{{ x.asn }}"
|
|
data-sort-value="{{ x.asn }}"
|
|
data-filter-value="{{ x.asn }}">
|
|
{{ x.asn }}
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-5 col-sm-5 col-md-4">
|
|
<div {% if permissions.can_write %}
|
|
data-edit-type="string"
|
|
{% endif %}
|
|
data-filter-value="{{ x.ipaddr4|none_blank }}"
|
|
data-edit-name="ipaddr4">
|
|
{{ x.ipaddr4|none_blank }}
|
|
</div>
|
|
<div {% if permissions.can_write %}
|
|
data-edit-type="string"
|
|
{% endif %}
|
|
data-filter-value="{{ x.ipaddr6|none_blank }}"
|
|
data-edit-name="ipaddr6">
|
|
{{ x.ipaddr6|none_blank }}
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-3 col-sm-3 col-md-2">
|
|
<div class="speed"
|
|
data-sort-value="{{ x.speed }}"
|
|
data-filter-value="{{ x.speed|pretty_speed}}"
|
|
{% if permissions.can_write %}
|
|
data-edit-type="network_speed"
|
|
{% endif %}
|
|
data-edit-name="speed"
|
|
data-edit-value="{{ x.speed }}"
|
|
data-edit-required="yes">
|
|
{{ x.speed|pretty_speed }}
|
|
</div>
|
|
<div data-edit-type="bool"
|
|
data-edit-name="is_rs_peer"
|
|
data-edit-template="check"
|
|
data-sort-value="{{ x.is_rs_peer }}"
|
|
data-edit-value="{{ x.is_rs_peer }}">
|
|
<img class="checkmark" src="{{ STATIC_URL }}checkmark{% if not x.is_rs_peer|as_bool %}-off{% endif %}.png" alt="RS PEER" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
<!-- ADD NET IXLINK-->
|
|
{% if permissions.can_create %}
|
|
<div class="editable"
|
|
data-edit-toggled="edit"
|
|
data-edit-component="add">
|
|
|
|
<div class="payload">
|
|
<div data-edit-name="net_id">{{ instance.id }}</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "Exchange" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="autocomplete"
|
|
data-edit-autocomplete="ixlan"
|
|
data-edit-required="yes"
|
|
data-edit-name="ixlan_id">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "Local ASN" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="select"
|
|
data-edit-data="asns"
|
|
data-edit-value="{{ instance.asn }}"
|
|
data-edit-required="yes"
|
|
data-edit-name="asn">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "IPv4" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="string"
|
|
data-edit-name="ipaddr4">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "IPv6" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="string"
|
|
data-edit-name="ipaddr6">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "Speed (mbit/sec)" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="network_speed"
|
|
data-edit-name="speed"
|
|
data-edit-value="0"
|
|
data-edit-required="yes">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "RS Peer" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="bool"
|
|
data-edit-name="is_rs_peer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row marg-top">
|
|
<div class="col-xs-12 right">
|
|
<a class="btn btn-default" data-edit-action="add">{% trans "Add Exchange Point" %}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END ADD NET IXLINK -->
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
|
|
<!-- PEERING FACILITIES -->
|
|
|
|
<div class="list"
|
|
|
|
data-sort-container=".scrollable"
|
|
data-sort-row=".row.item"
|
|
|
|
data-edit-module="api_listing"
|
|
data-edit-group="#view"
|
|
data-edit-target="api:netfac">
|
|
<div class="row">
|
|
<div class="col-xs-6 col-sm-8 col-md-8">
|
|
<h5>Private Peering Facilities</h5>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-4 col-md-4 filter">
|
|
<input type="text" placeholder="Filter" data-filter-target="#list-facilities" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="row header">
|
|
<div class="col-xs-6 col-sm-6 col-md-6">
|
|
<div data-sort-target=".facility" data-sort-initial="asc">{% trans "Facility" %}</div>
|
|
<div>{% trans "ASN" %}</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6">
|
|
<div data-sort-target=".country">{% trans "Country" %}</div>
|
|
<div data-sort-target=".city">{% trans "City" %}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scrollable"
|
|
id="list-facilities"
|
|
data-edit-component="list"
|
|
data-edit-template="netfac-item">
|
|
|
|
<div class="empty-result">
|
|
<div class="message">{% trans "No filter matches." %}</div>
|
|
<div class="help">{% trans "You may filter by" %} <b>{% trans "Facility" %}</b>, <b>{% trans "ASN" %}</b>, <b>{% trans "Country" %}</b> {% trans "or" %} <b>{% trans "City" %}.</b></div>
|
|
</div>
|
|
|
|
{% for f in data.facilities %}
|
|
|
|
<div class="row item" data-edit-id="{{ f.id }}" data-edit-label="Network - Facility link: {{ f.facility.name }}">
|
|
<div class="editable payload">
|
|
<div data-edit-name="fac_id">{{ f.facility_id }}</div>
|
|
<div data-edit-name="net_id">{{ instance.id }}</div>
|
|
<div data-edit-name="local_asn">{{ f.local_asn }}</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6">
|
|
|
|
{% if permissions.can_delete %}
|
|
<a class="btn-row-delete" data-edit-toggled="edit" data-edit-action="remove">×</a>
|
|
{% endif %}
|
|
<div class="facility" data-sort-value="{{ f.facility.name }}" data-filter-value="{{ f.facility.name }}">
|
|
<a href="/{{f.facility|ref_tag}}/{{f.facility_id}}">{{f.facility.name}}</a>
|
|
</div>
|
|
<div data-filter-value="{{ f.local_asn }}">{{ f.local_asn }}</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6">
|
|
<div class="country" data-sort-value="{{ f.facility.country.name|lower }}" data-filter-value="{{ f.facility.country.name }}">{{ f.facility.country.name }}</div>
|
|
<div class="city" data-sort-value="{{ f.facility.city }}" data-filter-value="{{ f.facility.city }}">{{ f.facility.city }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
<!-- ADD NETWORK FACILITY -->
|
|
{% if permissions.can_create %}
|
|
<div class="editable"
|
|
data-edit-toggled="edit"
|
|
data-edit-component="add">
|
|
|
|
<div class="payload">
|
|
<div data-edit-name="net_id">{{ instance.id }}</div>
|
|
<div data-edit-name="local_asn">{{ instance.asn }}</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-xs-4 col-sm-5 col-md-4">{% trans "Facility" %}</div>
|
|
<div class="view_value col-xs-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="autocomplete"
|
|
data-edit-autocomplete="fac/net/{{ instance.id }}"
|
|
data-edit-name="fac_id">
|
|
</div>
|
|
<div data-autocomplete-confirm></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row marg-top">
|
|
<div class="col-xs-12 right">
|
|
<a class="btn btn-default" data-edit-action="add">{% trans "Add Facility" %}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
|