1 files changed, 134 insertions, 0 deletions
diff --git a/resmgr/src/main/webapp/resmgr/nfv-resmgr/datacenter/datacenter.html b/resmgr/src/main/webapp/resmgr/nfv-resmgr/datacenter/datacenter.html
new file mode 100644
index 00000000..91a1c191
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/nfv-resmgr/datacenter/datacenter.html
@@ -0,0 +1,134 @@
+<!--/* Copyright 2017, Huawei Technologies Co., Ltd.
+*
+* 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.
+*/-->
+
+<h4>{{title}}</h4>
+<br>
+<br>
+<div id="datacenterAction" ng-init="init()">
+
+</div>
+<br><br>
+
+<table ng-table="neTableParams" class="table table-bordered table-striped" show-filter="true">
+    <tr ng-repeat="datacenterData in $data">
+        <td header="'ng-table/headers/checkbox.html'">
+            <input type="checkbox" ng-model="checkboxes.items[datacenterData.Id]" />
+        </td>
+        <td title="'Id'" filter="{ Id: 'text'}" sortable="'Id'">
+            {{datacenterData.Id}}
+        </td>
+        <td title="'Name'" filter="{ Name: 'number'}" sortable="'Name'">
+            {{datacenterData.Name}}
+        </td>
+        <td title="'Status'" filter="{ Status: 'text'}" sortable="'Status'">
+            {{datacenterData.Status}}
+        </td>
+        </td>
+        <td title="'Country'" filter="{ Country: 'text'}" sortable="'Country'">
+            {{datacenterData.Country}}
+        </td>
+        <td title="'Location'" filter="{ Location: 'text'}" sortable="'Location'">
+            {{datacenterData.Location}}
+        </td>
+        <td title="'Service Name'" filter="{ ServiceName: 'text'}" sortable="'ServiceName'">
+            {{datacenterData.ServiceName}}
+        </td>
+        <td title="'Cpu(Cores)'" filter="{ Cpu: 'number'}" sortable="'Cpu'">
+            {{datacenterData.Cpu}}
+        </td>
+        <td title="'Memory(MB)'" filter="{ Memory: 'number'}" sortable="'Memory'">
+            {{datacenterData.Memory}}
+        </td>
+        <td title="'HardDisk(GB)'" filter="{ HardDisk: 'number'}" sortable="'HardDisk'">
+            {{datacenterData.HardDisk}}
+        </td>
+        <td title="'Action'">
+            <span  ng-click="editData(datacenterData.Id)" style="cursor: pointer;margin: 0 5px"> <img src="framework/images/edit.png" height="15" align="left"/></span>
+            <span  ng-click="deleteData(datacenterData.Id)" style="cursor: pointer;margin: 0 5px"><img src="framework/images/delete.png" height="15" align="middle"/></span>
+        </td>
+    </tr>
+</table>
+
+<script type="text/ng-template" id="ng-table/headers/checkbox.html">
+    <input type="checkbox" ng-model="checkboxes.checked" name="filter-checkbox" value="" />
+</script>
+
+<div id="myTable"></div>
+
+<!-- Modal -->
+<div id="myModal" class="modal fade" role="dialog">
+    <div class="modal-dialog">
+
+        <!-- Modal content-->
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">&times;</button>
+                <h5 class="modal-title labelstyle">Modal Header</h5>
+            </div>
+            <form ng-submit="saveData(province.id)" name="provinceForm" method="post">
+                <div class="modal-body">
+
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">Name</label>
+                        <div id="Name" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">Country</label>
+                        <div id="Country" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">Status</label>
+                        <div id="Status" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">Location</label>
+                        <div id="Location" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">ServiceName</label>
+                        <div id="ServiceName" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">CPU(Cores)</label>
+                        <div id="Cpu" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">Memory</label>
+                        <div id="Memory" class="col-xs-8" >
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-xs-4 col-form-label">HardDisk</label>
+                        <div id="HardDisk" class="col-xs-8" >
+                        </div>
+                    </div>
+
+                </div>
+
+                <div id="footerBtns" class="modal-footer">
+
+                </div>
+            </form>
+        </div>
+
+
+    </div>
+</div>
+\ No newline at end of file