Fix monitor display bug

Change-Id: I831bb8ec2197b1aa1acf99072edfa8c02cd22085
Issue-Id: USECASEUI-54
Signed-off-by: shentao <shentao@chinamobile.com>

1 files changed, 99 insertions, 0 deletions

diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-details.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-details.html
new file mode 100644
index 00000000..96cf8460
--- /dev/null
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-details.html
@@ -0,0 +1,99 @@
+<!--
+    Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+<div class="templatemo-content" ng-controller="alarmDetailsController">
+    <h1>VNF Alarm Details</h1>
+
+    
+        
+        <button style="position:relative;left:75%;" ng-click="back()" class="btn btn-primary">back</button>
+    
+    <div>
+		<span>Header Information</span>
+        <table width="80%" border="1" cellspacing="50%" cellpadding="10">
+            <tr>
+                <th style="background-color:lightblue;">Event Name</th>
+                <td>{{eventName}}</td>
+                <th style="background-color:lightblue;">Event Id</th>
+                <td>{{eventId}}</td>
+            </tr>
+            <tr>
+                <th style="background-color:lightblue;">Source Id</th>
+                <td>{{sourceId}}</td>
+                <th style="background-color:lightblue;">Source Name</th>
+                <td>{{sourceName}}</td>
+            </tr>
+            <tr>
+                <th style="background-color:lightblue;">Reporting Entity Id</th>
+                <td>{{reportingEntityId}}</td>
+                <th style="background-color:lightblue;">Reporting Entity Name</th>
+                <td>{{reportingEntityName}}</td>
+            </tr>
+            <tr>
+                <th style="background-color:lightblue;">Priority</th>
+                <td>{{priority}}</td>
+                <th style="background-color:lightblue;">Start Time</th>
+                <td>{{startTIme}}</td>
+            </tr>
+            <tr>
+                <th style="background-color:lightblue;">NFC Naming Code</th>
+                <td>{{nfcNamingCode}}</td>
+                <th style="background-color:lightblue;">NF Naming Code</th>
+                <td>{{nfNamingCode}}</td>
+            </tr>
+        </table>
+    </div>
+    <div style="padding-top:10px;">
+        <span>
+            Detail Information
+        </span>
+        <table width="80%" border="1" cellspacing="50%" cellpadding="10">
+            <tr>
+                <th style="background-color:lightblue;">Event Servrity</th>
+                <td>{{eventServrity}}</td>
+                <th style="background-color:lightblue;">Event Source Type</th>
+                <td>{{eventSourceType}}</td>
+            </tr>
+            <tr>
+                <th style="background-color:lightblue;">Event Category</th>
+                <td>{{eventCategory}}</td>
+                <th style="background-color:lightblue;">Alarm InterfaceA</th>
+                <td>{{alarmInterfaceA}}</td>
+            </tr>
+            <tr>
+                <th style="background-color:lightblue;">Alarm Condition</th>
+                <td>{{alarmCondition}}</td>
+                <th style="background-color:lightblue;">Specific Problem</th>
+                <td>{{specificProblem}}</td>
+            </tr>
+        </table>
+    </div>
+    <div style="padding-top:10px;">
+        <span>
+            Additional Information
+        </span>
+        <table width="80%" border="1" cellspacing="50%" cellpadding="10">
+            <tr>
+                <th style="background-color:lightblue;">Item Name</th>
+                <th style="background-color:lightblue;">Item Value</th>
+            </tr>
+            <tbody ng-repeat="info in alarmInformation">
+                <td>{{info.name}}</td>
+                <td>{{info.value}}</td>
+            </tbody>
+        </table>
+    </div>
+
+</div>
\ No newline at end of file