aboutsummaryrefslogtreecommitdiffstats
path: root/vid-app-common/src/main/webapp/app/vid/scripts/view-models/change-management.html
blob: 4f7cc3c0243ad6e576ecbf17e95ff039bdaf8dc7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<script src="../controller/change-management.controller.js"></script>
<link rel="stylesheet" type="text/css" href="app/vid/styles/change-management.css" />
<link rel="stylesheet" type="text/css" href="app/vid/styles/change-management-icons.css" />
<div class="changes-management">
    <div class="header">
        <span id="change-management-headline">VNF Changes</span>
        <span class="separator"></span>
        <div class="button-container" ng-click="vm.createNewChange()">
            <div class="icon-svg" id="change-management-new-button">
            <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>
        </div>
            <span class="button-text">New</span>
        </div>

        <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">
    </div>
    <span class="refresh-cm">
        Last updated at:
        <span class="last-time-updated">{{ vm.lastTimeUpdated }}</span>
        <i class="icon-sync" data-tests-id="refresh-cm" ng-click="vm.init()"></i>
    </span>
    <div class="jobs-table">
        <div class="row">
            <div class="col-md-12">
                <uib-tabset active="activeJustified" justified="true">
                    <uib-tab index="0" heading="Active" id="active-tab">
                        <div class="table-wrapper">
                        <table class="table table-bordered"  data-tests-id="active-table-cm" id="active-table">
                            <thead class="thead-default" ng-click="collapseInProgress=!collapseInProgress">
                                <tr class="table-headline-row">
                                    <th >
                                        <span ng-class="{'collapse-icon':!collapseInProgress,'expand-icon':collapseInProgress }"></span>
                                        <span id="in-progress-table-head">IN PROGRESS</span>
                                    </th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                                <tr ng-show="!collapseInProgress">
                                    <th class="col-md-5">VNF Name</th>
                                    <th class="col-md-2">Type</th>
                                    <th class="col-md-2">Flow</th>
                                    <th class="col-md-2">Start time</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody ng-show="!collapseInProgress">

                                <tr  data-tests-id="active-table-cm-row" ng-repeat="changeManagement in vm.changeManagements | changeManagementsByStatuses:{statuses: ['COMPLETE'], notContains: true}">
                                    <th scope="row">{{
                                        changeManagement.vnfNameFromScheduler ||
                                        changeManagement.instanceReferences.vnfInstanceId ||
                                        'No-Instance-Name'
                                        }}</th>
                                    <td>{{changeManagement.requestScope}}</td>
                                    <td>{{changeManagement.requestType}}</td>
                                    <td>{{changeManagement.startTime}}</td>
                                    <td class="centered" ng-if="changeManagement.requestStatus.requestState.toUpperCase() === 'FAILED'"><span class="icon-x" ng-click="vm.openFailedModal($event, {details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
                                    <td class="centered" ng-if="changeManagement.requestStatus.requestState.toUpperCase() === 'IN_PROGRESS'"><span class="icon-process" ng-click="vm.openInProgressModal($event, {details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
                                    <td class="centered"
                                        ng-if="['PENDING_MANUAL_TASK','PENDING'].indexOf(changeManagement.requestStatus.requestState.toUpperCase()) !== -1"
                                    ><span class="icon-alert" ng-click="vm.openAlertModal($event, {details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
                                    <td class="centered"
                                        ng-if="['FAILED','IN_PROGRESS','PENDING_MANUAL_TASK','PENDING'].indexOf(changeManagement.requestStatus.requestState.toUpperCase()) == -1"
                                    ><span class="icon-alert" ng-click="vm.openFailedModal($event, {requestState: changeManagement.requestStatus.requestState, details: changeManagement.requestStatus.statusMessage, job: changeManagement})"></span></td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                        <div class="table-wrapper">
                        <table class="table table-bordered"  data-tests-id="pending-table-cm" id="pending-table">
                            <thead ng-click="collapsePending=!collapsePending">
                            <tr class="table-headline-row">
                                <th class="col-md-6">
                                    <span ng-class="{'collapse-icon':!collapsePending,'expand-icon':collapsePending }"></span>
                                    <span id="pending-table-head">PENDING</span>
                                </th>

                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                            <tr class="thead-default" ng-show="!collapsePending">
                                <th class="col-md-2">Schedule ID</th>
                                <th class="col-md-2">CM ticket</th>
                                <th class="col-md-1">VNF name</th>
                                <th class="col-md-1">VNF status</th>
                                <th class="col-md-2">Workflow</th>
                                <th class="col-md-2">Start time</th>
                                <th class="col-md-2">Schedule status</th>
                                <th class="col-md-1">Status</th>
                            </tr>
                            </thead>
                            <tbody ng-show="!collapsePending">

                                <tr data-tests-id="pending-table-cm-row" ng-repeat="changeManagement in vm.pendingChangeManagements">
                                    <th scope="row">{{changeManagement.scheduleRequest.scheduleId}}</th>
                                    <td>{{changeManagement.aotsChangeId}}</td>
                                    <td>{{changeManagement.vnfName}}</td>
                                    <td>{{changeManagement.status}}</td>
                                    <td>{{changeManagement.scheduleRequest.domainData[1].value}}</td>
                                    <td>{{changeManagement.scheduleRequest.createDateTime }}</td><!--| date:"MM/dd/yyyy HH:mm:ss"-->
                                    <td>{{changeManagement.scheduleRequest.status}}</td>
                                    <td class="centered"><span class="cancel-action"
                                                               ng-class="{'icon-pending':changeManagement.scheduleRequest.status!=='Deleted', 'icon-deleted': changeManagement.scheduleRequest.status=='Deleted'}"
                                                               ng-click="vm.openPendingModal($event, changeManagement)"
                                                               ng-show="vm.isChangeManagementDeleted(changeManagement)"
                                                               data-tests-id="icon-status-{{changeManagement.scheduleRequest.scheduleId}}"></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </uib-tab>
                    <uib-tab index="1" heading="Finished" id="finished-tab">
                        <table class="table table-bordered" id="finished-table">
                            <thead class="thead-default">
                            <tr>
                                <th class="col-md-5">VNF Name</th>
                                <th class="col-md-2">Type</th>
                                <th class="col-md-2">Flow</th>
                                <th class="col-md-2">Start time</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="table-headline-row">
                                <th>
                                    <span id="finished-table-head">FINISHED</span>
                                </th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                            <tr ng-repeat="changeManagement in vm.changeManagements | changeManagementsByStatuses:{statuses: ['COMPLETE']}">
                                <th scope="row">{{
                                    changeManagement.vnfNameFromScheduler ||
                                    changeManagement.instanceReferences.vnfInstanceId ||
                                    'No-Instance-Name'
                                    }}</th>
                                <td>{{changeManagement.requestScope}}</td>
                                <td>{{changeManagement.requestType}}</td>
                                <td>{{changeManagement.startTime}}</td>
                                <td></td>
                                <td class="centered"><span class="icon-view"></span></td>
                            </tr>
                            </tbody>
                        </table>
                    </uib-tab>
                </uib-tabset>
            </div>
        </div>
    </div>
</div>