2
0
mirror of https://github.com/VinylDNS/vinyldns synced 2025-08-22 02:02:14 +00:00
vinyldns/modules/portal/app/views/zones/zoneDetail.scala.html
2024-10-15 12:33:39 +05:30

90 lines
3.2 KiB
HTML

@(rootAccountName: String, rootAccountCanReview: Boolean, zoneId: String)(implicit request: play.api.mvc.Request[Any], customLinks: models.CustomLinks, meta: models.Meta)
@import zoneTabs._
@content = {
<!-- PAGE CONTENT -->
{{
@* Passes params from play to angular *@
zoneId="@zoneId";
""
}}
<div class="right_col" role="main" >
<!-- START BREADCRUMB -->
<ul class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="/zones">Zones</a></li>
<li class="active">{{zoneInfo.name}}</li>
</ul>
<!-- END BREADCRUMB -->
<!-- PAGE TITLE -->
<div class="page-title">
<h3><span class="fa fa-table"></span> {{ zoneInfo.name }}
<span class="label label-{{ getZoneStatusLabel() }}">{{ zoneInfo.status }}</span>
</h3>
</div>
<!-- END PAGE TITLE -->
<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">
<div class="row">
<div class="col-md-12">
<p><strong>Zone ID:</strong> {{zoneInfo.id}}
<span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy Zone ID to clipboard">
<i class="fa fa-clone"></i>
</span>
</p>
</div>
</div>
<div class="alert-wrapper">
<div ng-repeat="alert in alerts">
<notification ng-model="alert"></notification>
</div>
</div>
<!-- START VERTICAL TABS -->
<div class="panel panel-default panel-tabs">
<ul class="nav nav-tabs bar_tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Manage Records</a></li>
<li><a id="tab2-button" href="#tab2" data-toggle="tab">Manage Zone</a></li>
<li><a href="#tab3" data-toggle="tab">Record Change History</a></li>
<li ng-if="canViewZone"><a href="#tab4" data-toggle="tab">Zone Change History</a></li>
</ul>
<div class="panel-body tab-content">
<div class="tab-pane active" id="tab1">
@manageRecords(request, meta)
</div>
<div class="tab-pane" id="tab2" ng-controller="ManageZonesController">
@manageZone(rootAccountCanReview, request, meta)
</div>
<div class="tab-pane" id="tab3">
@changeHistory(request)
</div>
<div class="tab-pane" id="tab4" ng-controller="ManageZonesController">
@zoneChangeHistory(request)
</div>
</div>
</div>
<!-- END VERTICAL TABS -->
<recordmodal></recordmodal>
</div>
<!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTENT -->
}
@plugins = {
<script type='text/javascript' src='/public/js/ui.js'></script>
}
@main(rootAccountName)("RecordsController")("Zone")(content)(plugins)