Initial OpenECOMP policy/engine commit

[policy/engine.git] / ecomp-sdk-app / src / main / webapp / app / policyApp / Windows / PDPTabWindows / PdpStatusWindow.html

diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html b/ecomp-sdk-app/src/main/webapp/app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html
new file mode 100644 (file)
index 0000000..195ac83
--- /dev/null
+++ b/ecomp-sdk-app/src/main/webapp/app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html
@@ -0,0 +1,73 @@
+<!--
+  ============LICENSE_START=======================================================
+  ECOMP Policy Engine
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property. 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.
+  ============LICENSE_END=========================================================
+  -->
+
+<style>
+table {
+    font-family: arial, sans-serif;
+    border-collapse: collapse;
+    width: 100%;
+}
+
+td, th {
+    border: 1px solid #dddddd;
+    text-align: left;
+    padding: 8px;
+}
+
+tr:nth-child(even) {
+    background-color: #dddddd;
+}
+</style>
+<script type="text/ng-template" id="pdpGroupStatusWindow.html">
+    <div class="modal__informative font-showcase" style="width:90%;">
+        <div class="modal__header">
+            <h2 class="font-showcase-font-name" style="width: 500px;">{{label}}</h2>
+        </div>
+        <div class="modal__content">
+            <div >
+                       <table>
+                       <tr>
+                               <th>Status</th>
+                       <td>{{pdpStatusDatas.status}}</td>
+                       </tr>
+                       <tr>
+                       <th>Errors</th>
+                       <td>{{pdpStatusDatas.loadErrors}}</td>
+                       </tr>
+                       <tr>
+                       <th>Warnings</th>
+                       <td>{{pdpStatusDatas.loadWarnings}}</td>
+                       </tr>
+                       <tr>
+                       <th>Policies Loaded</th>
+                       <td><div style="width: 100%; height: 400px;" ui-grid = "policiesGrid" ui-grid-pagination class= "grid"></div></td>
+                       </tr>
+                       <tr>
+                       <th>Policies Failed to Load</th>
+                       <td>{{pdpStatusDatas.failedPolicies}}</td>
+                       </tr>
+                       </table>
+            </div>
+        </div>
+        <div class="modal__footer">
+            <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="close()">Close</button>
+        </div>
+    </div>
+</script>