Resource Manager Site

Template file with the resmgr site.

Issue-Id : SDNO-1204

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

2 files changed, 193 insertions, 0 deletions

diff --git a/resmgr/src/main/webapp/sdn-resmgr/site/site.html b/resmgr/src/main/webapp/sdn-resmgr/site/site.html
new file mode 100644
index 00000000..c6f2039d
--- /dev/null
+++ b/resmgr/src/main/webapp/sdn-resmgr/site/site.html
@@ -0,0 +1,100 @@
+<!--/* 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="siteAction" ng-init="init()">

+

+</div>

+<br>

+<br>

+

+

+<table ng-table="siteTableParams" class="table table-bordered table-striped customtable" show-filter="true">

+    <tr ng-repeat="siteData in $data">

+        <td header="'ng-table/headers/checkbox.html'">

+            <input type="checkbox" ng-model="checkboxes.items[siteData.id]" />

+        </td>

+        <td title="'Name'" filter="{ name: 'text'}" sortable="'name'">

+            {{siteData.name}}

+        </td>

+        <td title="'Type'" filter="{ type: 'text'}" sortable="'type'">

+            {{siteData.type}}

+        </td>

+        <td title="'Tenant Name'" filter="{ tenantName: 'text'}" sortable="'tenantName'">

+            {{siteData.tenantName}}

+        </td>

+        </td>

+        <td title="'Tenant Type'" filter="{ tenantType: 'text'}" sortable="'tenantType'">

+            {{siteData.tenantType}}

+        </td>

+        <td title="'Location'" filter="{ location: 'text'}" sortable="'location'">

+            {{siteData.location}}

+        </td>

+        <td title="'Action'">

+            <span  ng-click="editData(siteData.id)" style="cursor: pointer;margin: 0 5px"> <img src="framework/images/edit.png" height="15" align="left"/></span>

+            <span  ng-click="deleteData(siteData.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">Modal Header</h5>

+            </div>

+            <form  name="siteForm" 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">Type</label>

+                        <div id="type" 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>

+

+                <div id="footerBtns" class="modal-footer">

+                </div>

+            </form>

+        </div>

+

+

+    </div>

+</div>
\ No newline at end of file
diff --git a/resmgr/src/main/webapp/sdn-resmgr/site/siteRest.js b/resmgr/src/main/webapp/sdn-resmgr/site/siteRest.js
new file mode 100644
index 00000000..c407f7fb
--- /dev/null
+++ b/resmgr/src/main/webapp/sdn-resmgr/site/siteRest.js
@@ -0,0 +1,93 @@
+/* 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.

+ */

+

+app.factory("siteDataService", function($http, DataService, $log){

+    var uri = 'http://192.168.9.13:18008';

+    return {

+        getAllSiteData : function() {

+            /*return $http({

+                url: 'http://localhost:3000/siteAPI/getAllSiteData',

+                method: 'GET',

+                data: null,

+                headers: {'Content-Type': 'application/json'}

+            }).then(function(response){

+                $log.info("in get data service data is  :"+response);

+                console.log(response.data);

+                return response.data;

+             });*/

+            return DataService.get(uri+'/openoapi/sdnobrs/v1/sites')

+                .then(function(response){

+                    $log.info("in get data service data is  :"+response);

+                    console.log(response);

+                    return response;

+                });

+        },

+        deleteSiteData : function(id) {

+            /*return $http({

+                url: 'http://localhost:3000/siteAPI/deleteSiteData',

+                method: 'POST',

+                data: {'nameList':nameList},

+                headers: {'Content-Type': 'application/json'}

+            }).then(function(response){

+                console.log("Successfully Deleted.. Data returned in DataService is");

+                console.log(response.data);

+                return response.data;

+            });*/

+            return DataService.delete(uri+'/openoapi/sdnobrs/v1/sites/'+id)

+                .then(function(response){

+                    $log.info("in delete data service data is  :"+response);

+                    console.log(response);

+                    return response;

+                });

+        },

+        editSiteData : function(siteData) {

+            /*return $http({

+                url: 'http://localhost:3000/siteAPI/editSiteData',

+                method: 'POST',

+                data: {'siteData':siteData},

+                headers: {'Content-Type': 'application/json'}

+            }).then(function(response){

+                console.log("Successfully edited.. Data returned in DataService is");

+                console.log(response.data);

+                return response.data;

+            });*/

+

+            return DataService.put(uri+'/openoapi/sdnobrs/v1/sites', siteData)

+                .then(function(response){

+                    console.log("Successfully added.. Data returned in DataService is");

+                    console.log(response.data);

+                    return response.data;

+                });

+        },

+        addSiteData : function(siteData) {

+            /*return $http({

+                url: 'http://localhost:3000/siteAPI/addSiteData',

+                method: 'POST',

+                data: {'siteData':siteData},

+                headers: {'Content-Type': 'application/json'}

+            }).then(function(response){

+                console.log("Successfully edited.. Data returned in DataService is");

+                console.log(response.data);

+                return response.data;

+            });*/

+            return DataService.post(uri+'/openoapi/sdnobrs/v1/sites', siteData)

+                .then(function(response){

+                    console.log("Successfully added.. Data returned in DataService is");

+                    console.log(response.data);

+                    return response.data;

+                });

+        }

+    }

+});