mirror of
https://github.com/peeringdb/peeringdb.git
synced 2024-05-11 05:55:09 +00:00
Arturo Baldo
322 lines
13 KiB
HTML
322 lines
13 KiB
HTML
{% load util %}
|
|
{% load i18n %}
|
|
{% if data.poc_set or permissions.can_create %}
|
|
<div class="list"
|
|
data-sort-container=".scrollable"
|
|
data-sort-row=".row"
|
|
|
|
data-edit-module="api_listing"
|
|
data-edit-group="#view"
|
|
data-edit-target="api:poc">
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12">
|
|
<h5>{% trans "Contact Information" %}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
{% if data.poc_hidden %}
|
|
<div class="note info marg-bot-15">
|
|
{% if not request.user.is_authenticated %}
|
|
{% trans "Some of this network's contacts are hidden because they are only visible to authenticated users and you are currently not logged in." %}
|
|
{% elif not request.user.is_verified_user %}
|
|
{% trans "Some of this network's contacts are hidden because your user account is not affiliated with any organization." %}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="row header">
|
|
<div class="col-3 col-sm-3 col-md-3">
|
|
<div data-sort-target=".role"
|
|
data-sort-initial="asc">
|
|
{% trans "Role" %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-4 col-sm-4 col-md-4">
|
|
<div data-sort-target=".name">
|
|
{% trans "Name" %}
|
|
</div>
|
|
<div data-edit-toggled="edit">{% trans "Visiblity" %}</div>
|
|
</div>
|
|
|
|
<div class="col-5 col-sm-5 col-md-5">
|
|
<div
|
|
class="help-text"
|
|
data-bs-toggle="tooltip"
|
|
data-placement="top"
|
|
title="{{ data.phone_help_text }}"
|
|
>
|
|
{% trans "Phone" %}
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="15px" viewBox="0 0 24 24" width="15px" fill="#FFFFFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/></svg>
|
|
</div>
|
|
<div>
|
|
{% trans "E-Mail" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scrollable"
|
|
id="list-poc"
|
|
data-edit-component="list"
|
|
data-edit-template="poc-item">
|
|
|
|
{% for p in data.poc_set %}
|
|
<div class="row item"
|
|
data-edit-id="{{ p.id }}"
|
|
data-edit-label="Network Contact: {{ p.name }}">
|
|
|
|
<div class="editable payload">
|
|
<div data-edit-name="net_id">{{ instance.id }}</div>
|
|
<div data-edit-name="role">{{ p.role }}</div>
|
|
</div>
|
|
|
|
<div class="col-3 col-sm-3 col-md-3">
|
|
{% if permissions.can_delete %}
|
|
<a class="btn-row-delete" data-edit-toggled="edit" data-edit-action="remove">×</a>
|
|
{% endif %}
|
|
<div class="role"
|
|
data-sort-value="{{ p.role }}">
|
|
{{ p.role }}
|
|
</div>
|
|
</div>
|
|
<div class="col-4 col-sm-4 col-md-4">
|
|
<div class="name {% if p.visible == "Public" %}visible_icon{% else %}invisible_icon{% endif %}"
|
|
{% if permissions.can_write %}
|
|
data-edit-type="string"
|
|
{% endif %}
|
|
data-edit-value="{{ p.name }}"
|
|
data-edit-name="name">
|
|
{{ p.name }}
|
|
</div>
|
|
|
|
<!-- this should be switched to poc_visibility once all private pocs have been removed/changed -->
|
|
|
|
<div class="visible"
|
|
data-edit-type="data_quality_select"
|
|
data-edit-bad-values="Private"
|
|
data-edit-toggled={% if permissions.can_write %}"edit"{% else %}"never"{% endif %}
|
|
data-edit-value="{{ p.visible }}"
|
|
data-edit-data="enum/visibility"
|
|
data-edit-name="visible">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-5 col-sm-5 col-md-5">
|
|
<div class="phone"
|
|
{% if permissions.can_write %}
|
|
data-edit-type="string"
|
|
{% endif %}
|
|
data-edit-name="phone">
|
|
{% if p.phone %}
|
|
{{ p.phone }}
|
|
{% endif %}
|
|
</div>
|
|
<div class="email"
|
|
{% if permissions.can_write %}
|
|
data-edit-type="email"
|
|
{% endif %}
|
|
data-edit-value="{{ p.email }}"
|
|
data-edit-name="email">
|
|
{{ p.email }}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<!-- ADD POC -->
|
|
{% 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-4 col-sm-5 col-md-4">{% trans "Role" %}</div>
|
|
<div class="view_value col-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="select"
|
|
data-edit-data="enum/poc_roles"
|
|
data-edit-name="role">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-4 col-sm-5 col-md-4">{% trans "Name" %}</div>
|
|
<div class="view_value col-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="string"
|
|
data-edit-name="name"
|
|
data-edit-required="yes">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-4 col-sm-5 col-md-4">{% trans "Email" %}</div>
|
|
<div class="view_value col-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="email"
|
|
data-edit-name="email">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-4 col-sm-5 col-md-4">{% trans "Phone" %}</div>
|
|
<div class="view_value col-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="string"
|
|
data-edit-name="phone">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row view_row">
|
|
<div class="view_field col-4 col-sm-5 col-md-4">{% trans "Visibility" %}</div>
|
|
<div class="view_value col-8 col-sm-7 col-md-8">
|
|
<div data-edit-type="select"
|
|
data-edit-data="enum/poc_visibility"
|
|
data-edit-value="Users"
|
|
data-edit-name="visible">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row marg-top">
|
|
<div class="col-12 right">
|
|
<a class="btn btn-default" data-edit-action="add">{% trans "Add Contact" %}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
{% elif data.poc_hidden %}
|
|
<div class="list">
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12">
|
|
<h5>{% trans "Contact Information" %}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="note info marg-bot-15">
|
|
{% if not request.user.is_authenticated %}
|
|
{% trans "Some of this network's contacts are hidden because they are only visible to authenticated users and you are currently not logged in." %}
|
|
{% elif not request.user.is_verified_user %}
|
|
{% trans "Some of this network's contacts are hidden because your user account is not affiliated with any organization." %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if permissions.can_write %}
|
|
|
|
<div class="modal fade" id="ixf-preview-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">{% trans "IX-F Import Preview" %}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>{% blocktrans %}Below is a preview of changes that will be done to your network during the next IX-F data import. The actual import will run once per day at 00:00Z{% endblocktrans %}</p>
|
|
<p>{% blocktrans %}We use locally cached IX-F data to generate this preview - if you are expecting changes to an exchange's IX-F data please give it some time to be reflected here.{% endblocktrans %}</p>
|
|
<div class="ixf-log" id="ixf-log">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" class="active nav-item">
|
|
<a href="#ixf-changes" id="tab-ixf-changes" aria-controls="add_fac" role="tab" data-bs-toggle="tab" class="nav-link">
|
|
{% trans "Changes" %}
|
|
</a>
|
|
</li>
|
|
<li role="presentation" class"nav-item">
|
|
<a href="#ixf-errors" id="tab-ixf-errors" aria-controls="add_net" role="tab" data-bs-toggle="tab" class="nav-link">
|
|
{% trans "Errors" %}<span class="ixf-error-counter"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="ixf-changes">
|
|
<div class="ixf-headers row">
|
|
<div class="col-sm-1"><strong>{% trans "action" %}</strong></div>
|
|
<div class="col-sm-3"><strong>{% trans "exchange" %}</strong></div>
|
|
<div class="col-sm-2"><strong>ipv4</strong></div>
|
|
<div class="col-sm-3"><strong>ipv6</strong></div>
|
|
<div class="col-sm-1"><strong>{% trans "speed" %}</strong></div>
|
|
<div class="col-sm-2"><strong>{% trans "routeserver" %}</strong></div>
|
|
</div>
|
|
<div class="ixf-result"></div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane ixf-errors" id="ixf-errors">
|
|
<div>{% blocktrans %}Sometimes we encounter some errors when parsing IX-F data, these will usually affect the import, you can view any of those errors below{% endblocktrans %}</div>
|
|
<div class="ixf-errors-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-bs-dismiss="modal">{% trans "Close" %}</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
<div class="modal fade" id="ixf-postmortem-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">{% trans "IX-F Import Postmortem" %}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>{% blocktrans %}Below is a log of changes done to you network -> exchange connections as a result of IX-F data imports. Note that this does not contain any adjustments done by staff to rollback such changes, but should be viewed as a raw log of actions taken by the IX-F data import.{% endblocktrans %}</p>
|
|
<div class="ixf-log" id="ixf-postmortem">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" class="active nav-item">
|
|
<a href="#ixf-postmortem-changes" id="tab-ixf-changes" aria-controls="add_fac" role="tab" data-bs-toggle="tab" class="nav-link">
|
|
{% trans "Changes" %}
|
|
</a>
|
|
</li>
|
|
<li role="presentation" class"nav-item">
|
|
<a href="#ixf-postmortem-errors" id="tab-ixf-errors" aria-controls="add_net" role="tab" data-bs-toggle="tab" class="nav-link">
|
|
{% trans "Errors" %}<span class="ixf-error-counter"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="ixf-postmortem-changes">
|
|
<div class="ixf-headers row">
|
|
<div class="col-sm-1"><strong>{% trans "action" %}</strong></div>
|
|
<div class="col-sm-3"><strong>{% trans "exchange" %}</strong></div>
|
|
<div class="col-sm-2"><strong>ipv4</strong></div>
|
|
<div class="col-sm-3"><strong>ipv6</strong></div>
|
|
<div class="col-sm-1"><strong>{% trans "speed" %}</strong></div>
|
|
<div class="col-sm-2"><strong>{% trans "routeserver" %}</strong></div>
|
|
</div>
|
|
<div class="ixf-result"></div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane ixf-errors" id="ixf-postmortem-errors">
|
|
<div class="ixf-errors-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
{% trans "Showing most recent" %} <input type="text" id="ixf-postmortem-limit" value="25"> {% trans "changes" %}
|
|
<button type="button" class="btn btn-default" id="ixf-postmortem-refresh">{% trans "Refresh" %}</button>
|
|
<button type="button" class="btn btn-default" data-bs-dismiss="modal">{% trans "Close" %}</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
|
|
{% endif %}
|