adlin/token-validator/htdocs/views/domains.html

<h2>
  Noms de domaine
</h2>

<h3>Association simple</h3>

<table class="table table-striped table-hover">
  <thead>
    <tr>
      <th>Domaine</th>
      <th>TTL</th>
      <th>Type</th>
      <th>Entrée</th>
    </tr>
  </thead>
  <tbody style="font-family: monospace">
    <tr ng-repeat="ad in adomains">
      <td>{{ ad.domain }}</td>
      <td>{{ ad.ttl }}</td>
      <td>{{ ad.rr }}</td>
      <td><span ng-repeat="val in ad.values">{{ val }} </span></td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="4">
	<button class="btn btn-primary" ng-click="newAssociationD()">
	  <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" ng-show="pleaseWaitNewAssociation"></span>
	  Demander un nouveau nom de domaine
	</button>
      </td>
    </tr>
  </tfoot>
</table>

<hr class="my-4">

<h3>Délégation</h3>

<table class="table table-striped table-hover">
  <thead>
    <tr>
      <th>Domaine</th>
      <th>NS</th>
      <th>GLUE</th>
      <th>DNSSEC</th>
    </tr>
  </thead>
  <tbody style="font-family: monospace">
    <tr ng-repeat="domain in ddomains">
      <td>{{ domain }}</td>
      <td ng-controller="NSDomainsController">
	<span ng-if="!domainNS" class="badge badge-pill badge-danger">Non défini</span>
	<div ng-repeat="rr in domainNS">
	  {{ rr.domain }}
	  {{ rr.ttl }}
	  {{ rr.rr }}
	  <span ng-repeat="val in rr.values">{{ val }} </span>
	</div>
	<button class="btn btn-primary" ng-click="updateNS(domain)">
	  Mettre à jour
	</button>
      </td>
      <td ng-controller="GLUEDomainsController">
	<span ng-if="!domainGLUE" class="badge badge-pill badge-danger">Non défini</span>
	<div ng-repeat="rr in domainGLUE">
	  {{ rr.domain }}
	  {{ rr.ttl }}
	  {{ rr.rr }}
	  <span ng-repeat="val in rr.values">{{ val }} </span>
	</div>
	<br>
	<button class="btn btn-primary" ng-click="updateGLUE(domain)">
	  Mettre à jour
	</button>
      </td>
      <td ng-controller="DSDomainsController">
	<span class="badge badge-pill badge-danger" ng-show="!domainDS">Non configuré</span>
	<div ng-repeat="rr in domainDS">
	  {{ rr.domain }}
	  {{ rr.ttl }}
	  {{ rr.rr }}
	  <span ng-repeat="val in rr.values">{{ val }} </span>
	</div>
	<br>
	<button class="btn btn-primary" ng-click="updateDS(domain)">
	  Mettre à jour
	</button>
      </td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="4">
	<button class="btn btn-primary" ng-click="newDelegation()" disabled>
	  <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" ng-show="pleaseWaitNewDelegation"></span>
	  Demander un nouveau nom de domaine
	</button>
      </td>
    </tr>
  </tfoot>
</table>

<div class="modal" id="NSModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
	<h5 class="modal-title" ng-if="nsrr.rr == 'NS'">Modifier la liste des serveurs de noms de la zone</h5>
	<h5 class="modal-title" ng-if="nsrr.rr == 'AAAA'">Modifier les enregistrements GLUE du domaine</h5>
	<h5 class="modal-title" ng-if="nsrr.rr == 'DS'">Modifier les clefs DNSSEC de la zone parente</h5>
	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	  <span aria-hidden="true">&times;</span>
	</button>
      </div>
      <div class="modal-body">
	<form class="ml-2 mr-2">
	  <div class="form-group row">
	    <label class="col-sm-2 col-form-label">Domaine</label>
	    <div class="col-sm-10">
	      <input class="form-control-plaintext" ng-model="nsrr.domain" ng-if="nsrr.rr == 'NS' || nsrr.rr == 'DS'" readonly>
	      <input class="form-control" ng-model="nsrr.domain" ng-if="nsrr.rr == 'AAAA'">
	    </div>
	  </div>
	  <div class="form-group row">
	    <label for="ttl" class="col-sm-2 col-form-label">TTL</label>
	    <div class="col-sm-10">
	      <input class="form-control" id="ttl" ng-model="nsrr.ttl">
	    </div>
	  </div>
	  <div class="form-group row">
	    <label class="col-sm-2 col-form-label">Type</label>
	    <div class="col-sm-10">
	      <input class="form-control-plaintext" ng-model="nsrr.rr" readonly>
	    </div>
	  </div>
	  <div class="form-group row" ng-if="nsrr.value !== undefined">
	    <label for="value" class="col-sm-2 col-form-label">Valeur</label>
	    <div class="col-sm-10">
	      <input class="form-control" id="value" ng-model="nsrr.value" autofocus>
	    </div>
	  </div>
	  <div class="form-group row" ng-repeat="v in nsrr.values track by $index">
	    <label for="value{{$index}}" class="col-sm-2 col-form-label">{{ nsrr.labels[$index] }}</label>
	    <div class="col-sm-10">
	      <input class="form-control" id="value{{$index}}" ng-model="nsrr.values[$index]">
	    </div>
	  </div>
	</form>
      </div>
      <div class="modal-footer">
	<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
	<button type="button" class="btn btn-primary" ng-click="saveNSRR(nsrr)">Enregistrer</button>
	<button type="button" class="btn btn-danger" ng-click="delNSRR(nsrr)">Supprimer</button>
      </div>
    </div>
  </div>
</div>