1 <link rel="stylesheet" type="text/css" href="app/vid/styles/change-management.css" />
2 <link rel="stylesheet" type="text/css" href="app/vid/styles/change-management-icons.css" />
3 <div class="changes-management">
5 <span id="change-management-headline">VNF Changes</span>
6 <span class="separator"></span>
7 <div class="button-container" ng-click="vm.createNewChange()">
8 <div class="icon-svg" id="change-management-new-button">
9 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 55.47337 55.63023"><path class="icon-filling" d="M27.7367.07843A27.73669,27.73669,0,1,0,55.4734,27.81512,27.73757,27.73757,0,0,0,27.7367.07843ZM40.18824,29.6178H29.53938V40.26666a1.80267,1.80267,0,0,1-3.60535,0V29.6178H15.28516a1.80267,1.80267,0,0,1,0-3.60535H25.934V15.36359a1.80267,1.80267,0,0,1,3.60535,0V26.01245H40.18824a1.80267,1.80267,0,1,1,0,3.60535Z"/></svg>
11 <span class="button-text">New</span>
14 <input type="search" id="change-management-search" class="search-changes" ng-change="vm.searchChanges()" ng-model-options="{debounce: 300}" ng-model="vm.searchChangesTerm" placeholder="Type to search">
16 <span class="refresh-cm">
18 <span class="last-time-updated">{{ vm.lastTimeUpdated }}</span>
19 <i class="icon-sync" data-tests-id="refresh-cm" ng-click="vm.init()"></i>
21 <div class="jobs-table">
23 <div class="col-md-12">
24 <uib-tabset active="activeJustified" justified="true">
25 <uib-tab index="0" heading="Active" id="active-tab">
26 <div class="table-wrapper">
27 <table class="table table-bordered" data-tests-id="active-table-cm" id="active-table">
28 <thead class="thead-default" ng-click="collapseInProgress=!collapseInProgress">
29 <tr class="table-headline-row">
31 <span ng-class="{'collapse-icon':!collapseInProgress,'expand-icon':collapseInProgress }"></span>
32 <span id="in-progress-table-head">IN PROGRESS</span>
39 <tr ng-show="!collapseInProgress">
40 <th class="col-md-5">VNF Name</th>
41 <th class="col-md-2">Type</th>
42 <th class="col-md-2">Flow</th>
43 <th class="col-md-2">Start time</th>
47 <tbody ng-show="!collapseInProgress">
49 <tr data-tests-id="active-table-cm-row" ng-repeat="changeManagement in vm.changeManagements | changeManagementsByStatuses:{statuses: ['FAILED', 'IN_PROGRESS', 'PENDING']}">
50 <th scope="row">{{changeManagement.instanceReferences.vnfInstanceName || 'No-Instance-Name'}}</th>
51 <td>{{changeManagement.requestScope}}</td>
52 <td>{{changeManagement.requestType}}</td>
53 <td>{{changeManagement.startTime}}</td>
54 <td class="centered" ng-if="changeManagement.requestStatus.requestState == 'FAILED'"><span class="icon-x" ng-click="vm.openFailedModal({details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
55 <td class="centered" ng-if="changeManagement.requestStatus.requestState == 'IN_PROGRESS'"><span class="icon-process" ng-click="vm.openInProgressModal({details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
56 <td class="centered" ng-if="changeManagement.requestStatus.requestState == 'PENDING'"><span class="icon-alert" ng-click="vm.openAlertModal({details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
61 <div class="table-wrapper">
62 <table ng-if="vm.hasScheduler" class="table table-bordered" data-tests-id="pending-table-cm" id="pending-table">
63 <thead ng-click="collapsePending=!collapsePending">
64 <tr class="table-headline-row">
66 <span ng-class="{'collapse-icon':!collapsePending,'expand-icon':collapsePending }"></span>
67 <span id="pending-table-head">PENDING</span>
78 <tr class="thead-default" ng-show="!collapsePending">
79 <th class="col-md-2">Schedule ID</th>
80 <th class="col-md-2">CM ticket</th>
81 <th class="col-md-1">VNF name</th>
82 <th class="col-md-1">VNF status</th>
83 <th class="col-md-2">Workflow</th>
84 <th class="col-md-2">Start time</th>
85 <th class="col-md-2">Schedule status</th>
86 <th class="col-md-1">Status</th>
89 <tbody ng-show="!collapsePending">
91 <tr data-tests-id="pending-table-cm-row" ng-repeat="changeManagement in vm.pendingChangeManagements">
92 <th scope="row">{{changeManagement.scheduleRequest.scheduleId}}</th>
93 <td>{{changeManagement.aotsChangeId}}</td>
94 <td>{{changeManagement.vnfName}}</td>
95 <td>{{changeManagement.status}}</td>
96 <td>{{changeManagement.scheduleRequest.domainData[1].value}}</td>
97 <td>{{changeManagement.scheduleRequest.createDateTime }}</td><!--| date:"MM/dd/yyyy HH:mm:ss"-->
98 <td>{{changeManagement.scheduleRequest.status}}</td>
99 <td class="centered"><span class="cancel-action" ng-class="{'icon-pending':changeManagement.scheduleRequest.status!=='Deleted', 'icon-deleted': changeManagement.scheduleRequest.status=='Deleted'}"
100 ng-click="vm.openPendingModal($event, changeManagement)"></span></td>
106 <uib-tab index="1" heading="Finished" id="finished-tab">
107 <table class="table table-bordered" id="finished-table">
108 <thead class="thead-default">
110 <th class="col-md-5">VNF Name</th>
111 <th class="col-md-2">Type</th>
112 <th class="col-md-2">Flow</th>
113 <th class="col-md-2">Start time</th>
119 <tr class="table-headline-row">
121 <span id="finished-table-head">FINISHED</span>
129 <tr ng-repeat="changeManagement in vm.changeManagements | changeManagementsByStatuses:{statuses: ['COMPLETE']}">
130 <th scope="row">{{changeManagement.instanceReferences.vnfInstanceName || 'No-Instance-Name'}}</th>
131 <td>{{changeManagement.requestScope}}</td>
132 <td>{{changeManagement.requestType}}</td>
133 <td>{{changeManagement.startTime}}</td>
135 <td class="centered"><span class="icon-view"></span></td>