vinyldns/modules/portal/app/views/batchChanges/batchChanges.scala.html

@(rootAccountName: String, rootAccountSuperAdmin: Boolean, rootAccountSupportAdmin: Boolean)(implicit request: play.api.mvc.Request[Any], customLinks: models.CustomLinks, meta: models.Meta)

@content = {
<!-- PAGE CONTENT -->
<div class="right_col" role="main">

    <!-- BREADCRUMB -->
    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li class="active">DNS Changes</li>
    </ul>
    <!-- END BREADCRUMB -->

    <!-- PAGE TITLE -->
    <div class="page-title"><h3><span class="fa fa-list-ol"></span> DNS Changes {{ getPageTitle() }}</h3></div>
    <!-- END PAGE TITLE -->

    <!-- PAGE CONTENT WRAPPER -->
    <div class="page-content-wrap">
        <div class="alert-wrapper">
            <div ng-repeat="alert in alerts">
                <notification ng-model="alert"></notification>
            </div>
        </div>

        @if(rootAccountSuperAdmin || rootAccountSupportAdmin) {
        <div class="panel panel-default panel-tabs">
            <ul class="nav nav-tabs bar_tabs">
                <li class="active"><a href="#myRequests" data-toggle="tab" ng-click="getAllRequests(false)">My Requests</a></li>
                <li><a href="#allRequests" data-toggle="tab" ng-click="getAllRequests(true)">All Requests</a></li>
            </ul>

            <div class="panel-body tab-content">
                <div class="tab-pane active" id="myRequests">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
            <div class="col-md-12">
                }
                <!-- SIMPLE DATABLE -->
                <div class="panel panel-default">
                    <div class="panel-heading vinyldns-panel-top">
                        <div class="btn-group">
                            <a href="/dnschanges/new" class="btn btn-default"><span class="fa fa-plus"></span> New DNS Change</a>
                        </div>
                        @if(meta.manualBatchChangeReviewEnabled){
                            <div class="batch-filter">
                                <form action="">
                                    <div class="checkbox pull-right">
                                        <label>
                                            <input type="checkbox" ng-model="approvalStatus" ng-true-value="'PendingReview'" ng-change="refreshBatchChanges()"> View Open Requests Only
                                        </label>
                                    </div>
                                </form>
                            </div>
                        }
                    </div>
                    <div class="panel-body">

                        <!-- PAGINATION -->
                        <div class="dataTables_paginate">
                            <ul class="pagination">
                                <li class="paginate_button previous">
                                    <a type="button" ng-if="prevPageEnabled()" ng-click="prevPage()">Previous</a>
                                </li>
                                <li class="paginate_button next">
                                    <a type="button" ng-if="nextPageEnabled()" ng-click="nextPage()">Next</a>
                                </li>
                            </ul>
                        </div>
                        <!-- END PAGINATION -->

                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Submitted</th>
                                    <th>ID</th>
                                    <th>Change Count</th>
                                    <th>Status</th>
                                    <th class="col-md-3">Description</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="batchChange in batchChanges|filter:query">
                                    <td ng-bind="batchChange.createdTimestamp"></td>
                                    <td><a href="/dnschanges/{{batchChange.id}}">{{batchChange.id}}</a></td>
                                    <td ng-bind="batchChange.totalChanges"></td>
                                    <td>
                                        <span ng-if="batchChange.status == 'Complete'" class="label label-success">{{batchChange.status}}</span>
                                        <span ng-if="batchChange.status == 'Failed'" class="label label-danger">{{batchChange.status}}</span>
                                        <span ng-if="batchChange.status == 'PartialFailure'" class="label label-warning">Partial Failure</span>
                                        <span ng-if="batchChange.status == 'PendingProcessing'" class="label label-info">Pending Processing</span>
                                        <span ng-if="batchChange.status == 'PendingReview'" class="label label-warning">Pending Review</span>
                                        <span ng-if="batchChange.status == 'Rejected'" class="label label-danger">{{batchChange.status}}</span>
                                        <span ng-if="batchChange.status == 'Scheduled'" class="label label-info">{{batchChange.status}}</span>
                                    </td>
                                    <td ng-bind="batchChange.comments" class="col-md-3"></td>
                                    <td>
                                        <a type="button" class="btn btn-info btn-rounded"
                                           ng-href="/dnschanges/{{ batchChange.id }}">
                                            View
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <!-- PAGINATION -->
                        <div class="dataTables_paginate">
                            <ul class="pagination">
                                <li class="paginate_button previous">
                                    <a ng-if="prevPageEnabled()" ng-click="prevPage()">Previous</a>
                                </li>
                                <li class="paginate_button next">
                                    <a ng-if="nextPageEnabled()" ng-click="nextPage()">Next</a>
                                </li>
                            </ul>
                        </div>
                        <!-- END PAGINATION -->

                    </div>
                </div>
                @if(rootAccountSuperAdmin || rootAccountSupportAdmin){
            </div>
        </div>
        }
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>
}

@plugins = {}

@main(rootAccountName)("BatchChangesController")("DNS Changes")(content)(plugins)