Resource Manager sdno port

Template file with the resmgr Port code.

Issue-Id : SDNO-1202

Change-Id: Ifd0a9f49c472ebc6320cc400b3f2d4ff3d2936ad
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>

diff --git a/resmgr/src/main/webapp/sdn-resmgr/port/port.html b/resmgr/src/main/webapp/sdn-resmgr/port/port.html
new file mode 100644 (file)
index 0000000..741b472
--- /dev/null
+++ b/resmgr/src/main/webapp/sdn-resmgr/port/port.html
@@ -0,0 +1,133 @@
+<!--/* Copyright 2017, Huawei Technologies Co., Ltd.\r
+*\r
+* Licensed under the Apache License, Version 2.0 (the "License");\r
+* you may not use this file except in compliance with the License.\r
+* You may obtain a copy of the License at\r
+*\r
+*    http://www.apache.org/licenses/LICENSE-2.0\r
+*\r
+* Unless required by applicable law or agreed to in writing, software\r
+* distributed under the License is distributed on an "AS IS" BASIS,\r
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+* See the License for the specific language governing permissions and\r
+* limitations under the License.\r
+*/-->\r
+\r
+\r
+<h4>{{title}}</h4>\r
+\r
+<br><br>\r
+<div id="portAction" ng-init="init()">\r
+\r
+</div>\r
+<br>\r
+<br>\r
+\r
+<table ng-table="portTableParams" class="table table-bordered table-striped customtable" show-filter="true">\r
+    <tr ng-repeat="portData in $data">\r
+        <td header="'ng-table/headers/checkbox.html'">\r
+            <input type="checkbox" ng-model="checkboxes.items[portData.id]" />\r
+        </td>\r
+        <td title="'Name'" filter="{ name: 'text'}" sortable="'name'">\r
+            {{portData.name}}\r
+        </td>\r
+        <td title="'ME'" filter="{ me: 'number'}" sortable="'me'">\r
+            {{portData.me}}\r
+        </td>\r
+        <td title="'Type'" filter="{ type: 'text'}" sortable="'type'">\r
+            {{portData.type}}\r
+        </td>\r
+        <td title="'LayerRate'" filter="{ layerrate: 'text'}" sortable="'layerrate'">\r
+            {{portData.layerrate}}\r
+        </td>\r
+        <td title="'Edge Point'" filter="{ Edgepoint: 'text'}" sortable="'Edgepoint'">\r
+            {{portData.Edgepoint}}\r
+        </td>\r
+        <td title="'Port Index'" filter="{ portindex: 'text'}" sortable="'portindex'">\r
+            {{portData.portindex}}\r
+        </td>\r
+        <td title="'IP Address'" filter="{ ipaddress: 'number'}" sortable="'ipaddress'">\r
+            {{portData.ipaddress}}\r
+        </td>\r
+        <td title="'Admin State'" filter="{ adminState: 'text'}" sortable="'adminState'">\r
+            {{portData.adminState}}\r
+        </td>\r
+        <td title="'Operating State'" filter="{ operatingState: 'text'}" sortable="'operatingState'">\r
+            {{portData.operatingState}}\r
+        </td>\r
+        <td title="'Action'">\r
+            <span  ng-click="editData(portData.id)" style="cursor: pointer;margin: 0 5px"> <img src="framework/images/edit.png" height="15" align="left"/></span>\r
+            <span  ng-click="deleteData(portData.id)" style="cursor: pointer;margin: 0 5px"><img src="framework/images/delete.png" height="15" align="middle"/></span>\r
+\r
+        </td>\r
+    </tr>\r
+</table>\r
+\r
+\r
+<script type="text/ng-template" id="ng-table/headers/checkbox.html">\r
+    <input type="checkbox" ng-model="checkboxes.checked" name="filter-checkbox" value="" />\r
+</script>\r
+\r
+<div id="myTable"></div>\r
+\r
+\r
+\r
+\r
+<!-- Modal -->\r
+<div id="myModal" class="modal fade" role="dialog">\r
+    <div class="modal-dialog">\r
+\r
+        <!-- Modal content-->\r
+        <div class="modal-content">\r
+            <div class="modal-header">\r
+                <button type="button" class="close" data-dismiss="modal">&times;</button>\r
+                <h5 class="modal-title">Modal Header</h5>\r
+            </div>\r
+            <form  name="portForm" method="post">\r
+               <div class="modal-body">\r
+\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">Name</label>\r
+                    <div id="name" class="col-xs-8">\r
+                    </div>\r
+                </div>\r
+\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">me</label>\r
+                    <div id="me" class="col-xs-8" >\r
+                    </div>\r
+                </div>\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">Type</label>\r
+                    <div id="type" class="col-xs-8" >\r
+                    </div>\r
+                </div>\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">Layer Rate</label>\r
+                    <div id="layerrate" class="col-xs-8" >\r
+                    </div>\r
+                </div>\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">Edge Point</label>\r
+                    <div id="Edgepoint" class="col-xs-8" >\r
+                    </div>\r
+                </div>\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">Port Index</label>\r
+                    <div id="portindex" class="col-xs-8" >\r
+                    </div>\r
+                </div>\r
+                <div class="form-group row">\r
+                    <label class="col-xs-4 col-form-label">Ip Address</label>\r
+                    <div id="ipaddress" class="col-xs-8" >\r
+                    </div>\r
+                </div>\r
+\r
+                <div id="footerBtns" class="modal-footer">\r
+                </div>\r
+            </form>\r
+        </div>\r
+\r
+\r
+    </div>\r
+</div>
\ No newline at end of file

diff --git a/resmgr/src/main/webapp/sdn-resmgr/port/portRest.js b/resmgr/src/main/webapp/sdn-resmgr/port/portRest.js
new file mode 100644 (file)
index 0000000..c6c59d0
--- /dev/null
+++ b/resmgr/src/main/webapp/sdn-resmgr/port/portRest.js
@@ -0,0 +1,95 @@
+/* Copyright 2017, Huawei Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ *    http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+app.factory("portDataService", function($http,DataService, $log){\r
+    var uri = 'http://192.168.9.13:18008';\r
+    uri += "/openoapi/sdnobrs/v1/logical-termination-points";\r
+    return {\r
+        getAllPortData : function() {\r
+            /*console.log("hi in dataservice");\r
+            return $http({\r
+                url: 'http://localhost:3000/portAPI/getAllPortData',\r
+                method: 'GET',\r
+                data:null,\r
+                headers: {'Content-Type': 'application/json'}\r
+            }).then(function(response){\r
+                $log.info("in data service data is  :"+response);\r
+                console.log(response.data);\r
+                return response.data;\r
+            });*/\r
+            return DataService.get(uri)\r
+                .then(function(response){\r
+                    $log.info("in get data service data is  :"+response);\r
+                    console.log(response);\r
+                    return response;\r
+                });\r
+        },\r
+        deletePortData : function(id) {\r
+            /*return $http({\r
+                url: 'http://localhost:3000/portAPI/deletePortData',\r
+                method: 'POST',\r
+                data: {'nameList':nameList},\r
+                headers: {'Content-Type': 'application/json'}\r
+            }).then(function(response){\r
+                console.log("Successfully Deleted..");\r
+                $log.info(response);\r
+                return response.data;\r
+            });*/\r
+            return DataService.delete(uri+"/"+id)\r
+                .then(function(response){\r
+                    $log.info("in delete data service data is  :"+response);\r
+                    console.log(response);\r
+                    return response;\r
+                });\r
+        },\r
+        editPortData : function(portData) {\r
+            /*return $http({\r
+             url: 'http://localhost:3000/siteAPI/editSiteData',\r
+             method: 'POST',\r
+             data: {'siteData':siteData},\r
+             headers: {'Content-Type': 'application/json'}\r
+             }).then(function(response){\r
+             console.log("Successfully edited.. Data returned in DataService is");\r
+             console.log(response.data);\r
+             return response.data;\r
+             });*/\r
+\r
+            return DataService.put(uri, portData)\r
+                .then(function(response){\r
+                    console.log("Successfully edited.. Data returned in DataService is");\r
+                    console.log(response);\r
+                    return response;\r
+                });\r
+        },\r
+        addPortData : function(portData) {\r
+            /*return $http({\r
+             url: 'http://localhost:3000/siteAPI/addSiteData',\r
+             method: 'POST',\r
+             data: {'siteData':siteData},\r
+             headers: {'Content-Type': 'application/json'}\r
+             }).then(function(response){\r
+             console.log("Successfully edited.. Data returned in DataService is");\r
+             console.log(response.data);\r
+             return response.data;\r
+             });*/\r
+            return DataService.post(uri, portData)\r
+                .then(function(response){\r
+                    console.log("Successfully added.. Data returned in DataService is");\r
+                    console.log(response);\r
+                    return response;\r
+                });\r
+        }\r
+    }\r
+});
\ No newline at end of file