rebuild GUI structure(only changed modules' name)

Issue-id : CLIENT-14

Change-Id: Ie4fa30f1a51393576fbdc68e12d810565cbf06eb
Signed-off-by: “shentao” <shentao@chinamobile.com>

1 files changed, 260 insertions, 0 deletions

diff --git a/resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js b/resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js
new file mode 100644
index 00000000..6c6ec2df
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js
@@ -0,0 +1,260 @@
+/* Copyright 2016-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.
+ */
+function hideFirstCol() {
+//	$('table tr').find('th:eq(0)').hide();
+//	$('table tr').find('td:eq(0)').hide();
+}
+
+function deleteDatacenter(objectId) {
+    var requestUrl = app_url+ "/openoapi/resmgr/v1/datacenters/" + objectId;
+    $.ajax({
+        type: "DELETE",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#Datacenter_table').bootstrapTable('remove', {
+                field: 'id',
+                values: [objectId]
+            });
+            bootbox.alert("Delete  successfull !!!");
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on deleting data: " + xhr.responseText);
+        }
+    });
+}
+
+function loadDatacenterData() {
+    var requestUrl = app_url+"/openoapi/resmgr/v1/datacenters";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $.each(jsonobj.datacenters, function (n, v) {
+                v.cpu = "used:" + v.usedCPU + "<br>total:" + v.totalCPU;
+                v.memory = "used:" + v.usedMemory + "<br>total:" + v.totalMemory;
+                v.hardDisk = "used:" + v.usedDisk + "<br>total:" + v.totalDisk;
+            });
+            $('#Datacenter_table').bootstrapTable({
+                data: jsonobj.datacenters
+            });
+            $('#Datacenter_table').bootstrapTable('refresh');
+            hideFirstCol();
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
+}
+function loadNetWorkData() {
+    var requestUrl = app_url+"/openoapi/resmgr/v1/networks";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#network_table').bootstrapTable({
+                data: jsonobj.networks
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
+}
+function loadPortData() {
+    var requestUrl = app_url+"/openoapi/resmgr/v1/ports";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#port_table').bootstrapTable({
+                data: jsonobj.ports
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
+}
+function loadHostData() {
+    var requestUrl = app_url+"/openoapi/resmgr/v1/hosts";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#host_table').bootstrapTable({
+                data: jsonobj.hosts
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
+}
+
+
+function fillCountryData() {
+
+    var requestUrl = app_url+"/openoapi/resmgr/v1/locations/country";
+    var htmlContent = "";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            var str = jsonobj.data.replace('[', '').replace(']', '').split(',')
+            $.each(str, function (n, v) {
+                htmlContent += "<option value='" + v + "'>" + v + "</option>";
+                $("#country").html(htmlContent);
+
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting country data : " + xhr.responseText);
+        }
+    });
+}
+
+function fillVimNameData() {
+
+    var requestUrl = app_url+"/openoapi/resmgr/v1/locations/cloudservice";
+    var htmlContent = "";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            var str = jsonobj.data.replace('[', '').replace(']', '').split(',')
+            $.each(str, function (n, v) {
+                htmlContent += "<option value='" + v + "'>" + v + "</option>";
+                $("#vimName").html(htmlContent);
+
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting country data : " + xhr.responseText);
+        }
+    });
+}
+
+
+$(function () {
+    $("#vmAppForm").validate({
+        rules: {
+            country: "required",
+            location: "required",
+            lantitude: "required",
+            longitude: "required"
+        }
+    });
+
+    $('.close,.button-previous').click(function () {
+        $('#vmAppDialog').removeClass('in').css('display', 'none');
+    });
+    $('.detail-top ul li').click(function () {
+        $(this).addClass('current').siblings().removeClass('current');
+    });
+    $('.basic').click(function () {
+        $('#flavorTab').css('display', 'none');
+    });
+
+    $('.table tbody tr').click(
+        function () {
+            $(this).addClass('openoTable_row_selected').siblings()
+                .removeClass('openoTable_row_selected');
+        });
+    $('.table tr:odd').addClass('active');
+    $('#false').click(function () {
+        $('#vmAppForm')[0].reset();
+        $('#vmAppDialog').addClass('in').css({
+            'display': 'block'
+        });
+    });
+    $('.close,.button-previous').click(function () {
+        $('#vmAppDialog').removeClass('in').css('display', 'none');
+    });
+
+    $.fn.serializeObject = function () {
+        var o = {};
+        var a = this.serializeArray();
+        $.each(a, function () {
+            if (o[this.name] !== undefined) {
+                if (!o[this.name].push) {
+                    o[this.name] = [o[this.name]];
+                }
+                o[this.name].push(this.value || '');
+            } else {
+                o[this.name] = this.value || '';
+            }
+        });
+        return o;
+    };
+    $('#createDatacenter')
+        .click(
+            function () {
+
+
+                var formData = JSON.stringify($("#vmAppForm").serializeObject());
+                var jsonobj = JSON.parse(formData);
+                var requestUrl = app_url+"/openoapi/resmgr/v1/datacenters";
+                $.ajax({
+                    type: "POST",
+                    url: requestUrl,
+                    contentType: "application/json",
+                    dataType: "json",
+                    data: formData,
+                    success: function (jsonResp) {
+                        loadDatacenterData();
+                        bootbox.alert(jsonResp.msg);
+                        $('#vmAppDialog').removeClass('in').css({
+                            'display': 'none'
+                        });
+                    },
+                    error: function (xhr, ajaxOptions, thrownError) {
+                        bootbox.alert("Error on page : " + xhr.responseText);
+                    }
+                });
+            });
+
+    $('#country').change(function () {
+        var country = $(this).children('option:selected').val();
+        var requestUrl = app_url+"/openoapi/resmgr/v1/locations/locationbycountry?country=" + country;
+
+        var htmlContent = "<option value=''>--select--</option>";
+        $.ajax({
+            type: "GET",
+            url: requestUrl,
+            contentType: "application/json",
+            success: function (jsonobj) {
+                $.each(jsonobj.data, function (n, v) {
+                    htmlContent += "<option value='" + v + "'>" + v + "</option>";
+                    $("#location").html(htmlContent);
+
+                });
+
+            },
+            error: function (xhr, ajaxOptions, thrownError) {
+                bootbox.alert("Error on getting location data : " + xhr.responseText);
+            }
+        });
+
+    })
+
+
+})
\ No newline at end of file