2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright 2018 TechMahindra
6 *=================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
21 <!-- <div class="VersionMain" ng-show="showResult">
22 <div class="versionHeading"><img src="static/images/compare.jpg" width=25 height="25" style="margin-left:5px;"> Version Comparision Result</div>
23 <div class="columnsVersion">
25 <li class="headerVersion">Attributes</li>
26 <div style="background-color:#E1E0DA;">
27 <li class="listHeading">Config Details</li>
28 <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{key}}</li>
29 <hr class="separator">
32 <div style="background-color:#E1E0DA;">
33 <li class="listHeading">VNF Topology</li>
34 <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{key}}</li>
35 <hr class="separator">
38 <div style="background-color:#E1E0DA;" ng-if="objCompareModel1.networkTopologyInfo.length>=1">
39 <li class="listHeading">Network Topology</li>
40 <li ng-repeat="(key,value) in objCompareModel1.networkTopologyInfo">{{key}}</li>
41 <hr class="separator">
44 <div style="background-color:#E1E0DA;">
45 <li class="listHeading">Operation Status</li>
46 <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{key}}</li>
47 <hr class="separator">
50 <div style="background-color:#E1E0DA;">
51 <li class="listHeading">VNF Topology Identifer</li>
52 <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{key}}</li>
53 <hr class="separator">
58 <div class="columnsVersion">
60 <li class="headerVersion" style="background-color:#807C7C">Version {{objCompareModel1.versionDetails.vnfversion}}</li>
61 <div style="background-color:#E1E0DA;">
62 <li class="listHeading">Config Details</li>
63 <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{value}}</li>
64 <hr class="separator">
67 <div style="background-color:#E1E0DA;">
68 <li class="listHeading">VNF Topology</li>
69 <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{value}}</li>
70 <hr class="separator">
73 <div style="background-color:#E1E0DA;" ng-if="objCompareModel1.networkTopologyInfo.length>=1">
74 <li class="listHeading">Network Topology</li>
75 <li ng-repeat="(key,value) in objCompareModel1.networkTopologyInfo">{{value}}</li>
76 <hr class="separator">
79 <div style="background-color:#E1E0DA;">
80 <li class="listHeading">Operation Status</li>
81 <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{value}}</li>
82 <hr class="separator">
85 <div style="background-color:#E1E0DA;">
86 <li class="listHeading">VNF Topology Identifer</li>
87 <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{value}}</li>
88 <hr class="separator">
93 <div class="columnsVersion">
95 <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel2.versionDetails.vnfversion}}</li>
96 <div style="background-color:#E1E0DA;">
97 <li class="listHeading">Config Details</li>
98 <li ng-repeat="(key,value) in objCompareModel2.versionDetails">{{value}}</li>
99 <hr class="separator">
102 <div style="background-color:#E1E0DA;">
103 <li class="listHeading">VNF Topology</li>
104 <li ng-repeat="(key,value) in objCompareModel2.topologyInfo">{{value}}</li>
105 <hr class="separator">
108 <div style="background-color:#E1E0DA;" ng-if="objCompareModel1.networkTopologyInfo.length>=1">
109 <li class="listHeading">Network Topology</li>
110 <li ng-repeat="(key,value) in objCompareModel2.networkTopologyInfo">{{value}}</li>
111 <hr class="separator">
114 <div style="background-color:#E1E0DA;">
115 <li class="listHeading">Operation Status</li>
116 <li ng-repeat="(key,value) in objCompareModel2.operationStatus">{{value}}</li>
117 <hr class="separator">
120 <div style="background-color:#E1E0DA;">
121 <li class="listHeading">VNF Topology Identifer</li>
122 <li ng-repeat="(key,value) in objCompareModel2.vnfTopologyIdentifier">{{value}}</li>
123 <hr class="separator">
132 <div id = "Div1" class="VersionMain" ng-show="showResult">
133 <div class="versionHeading"><img src="static/images/compare.jpg" width=25 height="25" style="margin-left:5px;"> Version Comparision Result</div>
134 <div class="columnsVersion">
136 <li class="headerVersion">Attributes</li>
137 <div style="background-color:#E1E0DA;">
138 <li class="listHeading">Config Details</li>
139 <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{key}}</li>
140 <hr class="separator">
143 <div style="background-color:#E1E0DA;">
144 <li class="listHeading">VNF ID</li>
145 <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{key}}</li>
146 <hr class="separator">
149 <div style="background-color:#E1E0DA;">
150 <li class="listHeading">SERVICE STATUS</li>
151 <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{key}}</li>
152 <hr class="separator">
155 <div style="background-color:#E1E0DA;">
156 <li class="listHeading">VNF Topology Identifer</li>
157 <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{key}}</li>
158 <hr class="separator">
161 <div style="background-color:#E1E0DA;">
162 <li class="listHeading">Operation Status</li>
163 <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{key}}</li>
164 <hr class="separator">
167 <div style="background-color:#E1E0DA;">
168 <li class="listHeading">Request Info</li>
169 <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{key}}</li>
170 <hr class="separator">
173 <div style="background-color:#E1E0DA;">
174 <li class="listHeading">Service Info</li>
175 <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{key}}</li>
176 <hr class="separator">
179 <div style="background-color:#E1E0DA;">
180 <li class="listHeading">Service Request Header</li>
181 <li ng-repeat="(key,value) in objCompareModel1.requestHeader">{{key}}</li>
182 <hr class="separator">
185 <div style="background-color:#E1E0DA;">
186 <li class="listHeading">Request Information</li>
187 <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{key}}</li>
188 <hr class="separator">
191 <div style="background-color:#E1E0DA;">
192 <li class="listHeading">VNF Topology</li>
193 <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{key}}</li>
194 <hr class="separator">
200 <div class="columnsVersion">
202 <li class="headerVersion" style="background-color:#807C7C">Version {{objCompareModel1.versionDetails.vnfversion}}</li>
203 <div style="background-color:#E1E0DA;">
204 <li class="listHeading">Config Details</li>
205 <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{value}}</li>
206 <hr class="separator">
209 <div style="background-color:#E1E0DA;" >
210 <li class="listHeading">VNF ID</li>
211 <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{value}}</li>
212 <hr class="separator">
215 <div style="background-color:#E1E0DA;">
216 <li class="listHeading">SERVICE STATUS</li>
217 <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{value}}</li>
218 <hr class="separator">
221 <div style="background-color:#E1E0DA;">
222 <li class="listHeading">VNF Topology Identifer</li>
223 <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{value}}</li>
224 <hr class="separator">
227 <div style="background-color:#E1E0DA;">
228 <li class="listHeading">Operation Status</li>
229 <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{value}}</li>
230 <hr class="separator">
233 <div style="background-color:#E1E0DA;">
234 <li class="listHeading">Request Info</li>
235 <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{value}}</li>
236 <hr class="separator">
239 <div style="background-color:#E1E0DA;">
240 <li class="listHeading">Service Info</li>
241 <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{value}}</li>
242 <hr class="separator">
245 <div style="background-color:#E1E0DA;">
246 <li class="listHeading">Service Request Header</li>
247 <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.requestHeader">{{value}}</li>
248 <hr class="separator">
251 <div style="background-color:#E1E0DA;">
252 <li class="listHeading">Request Information</li>
253 <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{value}}</li>
254 <hr class="separator">
257 <div style="background-color:#E1E0DA;">
258 <li class="listHeading">VNF Topology</li>
259 <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{value}}</li>
260 <hr class="separator">
266 <div class="columnsVersion">
268 <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel2.versionDetails.vnfversion}}</li>
269 <div style="background-color:#E1E0DA;">
270 <li class="listHeading">Config Details</li>
271 <li ng-repeat="(key,value) in objCompareModel2.versionDetails">{{value}}</li>
272 <hr class="separator">
275 <div style="background-color:#E1E0DA;">
276 <li class="listHeading">VNF ID</li>
277 <li ng-repeat="(key,value) in objCompareModel2.vnfIdInfo">{{value}}</li>
278 <hr class="separator">
281 <div style="background-color:#E1E0DA;">
282 <li class="listHeading">SERVICE STATUS</li>
283 <li ng-repeat="(key,value) in objCompareModel2.serviceStatusInfo">{{value}}</li>
284 <hr class="separator">
287 <div style="background-color:#E1E0DA;">
288 <li class="listHeading">VNF Topology Identifer</li>
289 <li ng-repeat="(key,value) in objCompareModel2.vnfTopologyIdentifier">{{value}}</li>
290 <hr class="separator">
293 <div style="background-color:#E1E0DA;">
294 <li class="listHeading">Operation Status</li>
295 <li ng-repeat="(key,value) in objCompareModel2.operationStatus">{{value}}</li>
296 <hr class="separator">
299 <div style="background-color:#E1E0DA;">
300 <li class="listHeading">Request Info</li>
301 <li ng-repeat="(key,value) in objCompareModel2.vnfRequestInfo">{{value}}</li>
302 <hr class="separator">
305 <div style="background-color:#E1E0DA;">
306 <li class="listHeading">Service Info</li>
307 <li ng-repeat="(key,value) in objCompareModel2.serviceInfo">{{value}}</li>
308 <hr class="separator">
311 <div style="background-color:#E1E0DA;">
312 <li class="listHeading">Service Request Header</li>
313 <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.requestHeader">{{value}}</li>
314 <hr class="separator">
317 <div style="background-color:#E1E0DA;">
318 <li class="listHeading">Request Information</li>
319 <li ng-repeat="(key,value) in objCompareModel2.requestInfo">{{value}}</li>
320 <hr class="separator">
323 <div style="background-color:#E1E0DA;">
324 <li class="listHeading">VNF Topology</li>
325 <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.topologyInfo">{{value}}</li>
326 <hr class="separator">