zone.html

{% extends "layout.html" %}

{% block title %}Zone {{ name }} - {{ super() }}{% endblock %}

{% block content %}
<ol class="breadcrumb">
  <li><a href="{{ url_for('projects') }}" rel="nofollow">Projects</a></li>
  <li><a href="{{ url_for('project', project_id=project ) }}" rel="nofollow">{{ project_name }}</a></li>
  <li>DNS zones</li>
  <li class="active">{{ name }}</li>
</ol>

<div class="page-header">
  <h1>{{ name }}</h1>
</div>

{% if zone %}
<div class="panel-group" role="tablist">
  <div class="panel panel-default">
    <div class="panel-heading" role="tab">
      <h3 class="panel-title">
        <span class="glyphicon glyphicon-globe"></span>
        {{ name }}
      </h3>
    </div>
    <div class="panel-body">
      <dl class="dl-horizontal">
        <dt>Project</dt>
        <dd><a href="{{ url_for('project', project_id=project) }}" rel="nofollow">{{ project_name }}</a></dd>
        <dt>Zone ID</dt>
        <dd>{{ zone.id }}</dd>
        <dt>Type</dt>
        <dd>
          {% if zone.type == "PRIMARY" %}
          Primary
          {% elif zone.type == "SECONDARY" %}
          Secondary
          {% else %}
          {{ zone.type }}
          {% endif %}
        </dd>
        <dt>Status</dt>
        <dd>
          {% if zone.status == "ACTIVE" %}
          Active
          {% else %}
          <span class="label label-warning">{{ zone.status }}</span>
          {% endif %}
        </dd>
      </dl>
    </div>
  </div>

  {% if records %}
  <div class="panel panel-default">
    <div class="panel-heading" role="tab">
      <h3 class="panel-title">
      <span class="glyphicon glyphicon-globe"></span>
      Records
      </h3>
    </div>
    <table class="table table-condensed table-hover tablesorter">
      <thead>
      <tr>
        <th>Name</th>
        <th>Status</th>
        <th>Type</th>
        <th>Target</th>
      </tr>
      </thead>
      <tbody>
      {% for record in records|sort(attribute='sortkey') %}
      <tr>
        <td>
          {% if record.name == "@" or record.name == "*" %}
          <code>{{ record.name }}</code>
          {% else %}
          {{ record.name }}
          {% endif %}
        </td>
        <td>
          {% if record.status == "ACTIVE" %}
          Active
          {% else %}
          <span class="label label-warning">{{ record.status }}</span>
          {% endif %}
        </td>
        <td>{{ record.type }}</td>
        <td>
          <ul class="list-unstyled" style="margin-bottom: 0;">
          {% for target in record.records|sort %}
          <li>
            {% if record.type == "TXT" %}
            <code>{{ target }}</code>
            {% else %}
            {{ target }}
            {% endif %}
          </li>
          {% endfor %}
          </ul>
        </td>
      </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</div>
{% else %}
<p>Unknown DNS zone '{{ name }}'. Are you just guessing?</p>
{% endif %}
{% endblock %}

{% block css %}
<link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery.tablesorter/2.28.5/css/theme.default.min.css" crossorigin="anonymous">
{% endblock %}
{% block js %}
{{ super() }}
<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery.tablesorter/2.28.5/js/jquery.tablesorter.min.js" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
  $(".tablesorter").tablesorter();
});
</script>
{% endblock %}