Client code change form GSO-GUI to OPEN-O GUI

code restructured for the OPEN-O CLient.

Issue-Id : CLIENT-11

Change-Id: Ib2846320c5522ca373ba7b1c12e3caa9443e5ea1
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>

5 files changed, 657 insertions, 0 deletions

diff --git a/portal-auth/src/main/webapp/user/js/changePassword.js b/portal-auth/src/main/webapp/user/js/changePassword.js
new file mode 100644
index 00000000..068ea561
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/js/changePassword.js
@@ -0,0 +1,193 @@
+/*

+ * Copyright 2016 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.

+ */

+$(document).ready(function() {

+    var USER_SERVICE = "/openoapi/auth/v1/users";

+    var userId;

+    var $userName = $("#userName");

+    var $oldPassword = $("#oldPassword");

+    var $oldPasswordError = $("#oldPasswordError");

+    var $password = $("#password");

+    var $passwordError = $("#passwordError")

+

+    var $cfPsdError = $("#cfPsdError");

+

+    function initialPage() {

+        userId = getId();

+        getUserDetails(userId).done(function(data) {

+            listUserDetails(data);

+        });

+

+        /*initial the event*/

+        $("#confirm").click(function(e) {

+            if (!checkPassword()) {

+                return;

+            }

+            var data = getModifyUser();

+            changePsd(data).done(function() {

+                top.bootbox.alert("Password change successfully.", function(e) {

+                    Rest.turn2URI("/openoui/user/user.html");

+                })

+            }).fail(function(e) {

+                if (e.statusText == "Unauthorized") {

+                    showError($oldPasswordError, "The old password is wrong.");

+                } else {

+                    showError($oldPasswordError, e.statusText);

+                }

+            })

+        })

+        $("#cancel").click(function(e) {

+            window.document.location = "/openoui/user/user.html";

+        })

+    }

+

+    function checkPassword() {

+        if (!checkMandatory()) {

+            return false;

+        }

+

+        if (!checkCfPassword()) {

+            showError($cfPsdError, "The password is not the same.");

+            return false;

+        }

+

+        if (!checkPasswordRule()) {

+            return false;

+        }

+        return true;

+    }

+

+    function checkMandatory() {

+        if ($password.val() == "") {

+            showError($passwordError, "Mandatory.");

+            return false;

+        }

+

+        if ($oldPassword.val() == "") {

+            showError($oldPasswordError, "Mandatory.");

+            return false;

+        }

+        return true;

+    }

+

+    function checkCfPassword() {

+        return $("#password").val() == $("#cfPassword").val();

+    }

+

+    function checkPasswordRule() {

+        var password = $password.val();

+

+        if (!checkLength(8, 32, password)) {

+            showError($passwordError, "The password length should between 8 and 32.");

+            return false

+        }

+

+        if (!checkCotainSpecial(password)) {

+            showError($passwordError, "At least contain: one uppercase letter, one lowercase letter, and one digit, one special character;");

+            return false

+        }

+

+        if (!checkNoContainAndReverse(password, $userName.val())) {

+            showError($passwordError, "The password should not contain the user name or reverse.");

+            return false

+        }

+

+        if (!checkNoSpace(password)) {

+            showError($passwordError, "The password should not contain space.");

+            return false

+        }

+        return true

+    }

+

+    function checkLength(min, max, str) {

+        return str.length >= min && str.length <= max;

+    }

+

+    function checkOnlySpecials(str, reg) {

+        return str.match(reg) && str.match(reg).length == str.length

+    }

+

+    function checkCotainSpecial(password) {

+        return password.match(/\~|\`|\@|\#|\$|\%|\^|\&|\*|\-|\_|\=|\+|\||\?|\/|\(|\)|\<|\>|\[|\]|\{|\}|\"|\,|\.|\;|\'|\!/g) != null 

+                && password.match(/[0-9]/g) != null && password.match(/[a-z]/g) != null && password.match(/[A-Z]/g) != null;

+    }

+

+    function checkUderScore(str) {

+        return str.indexOf("_") != 0 && str.lastIndexOf("_") != str.length - 1;

+    }

+

+    function checkNoSpace(str) {

+        return str.indexOf(" ") == -1;

+    }

+

+    function checkNoContainAndReverse(str, str2) {

+        return str.indexOf(str2) == -1 && str.indexOf(str2.split("").reverse().join("")) == -1;

+    }

+

+    function getModifyUser() {

+        var data = {};

+        data["original_password"] = $("#oldPassword").val();

+        data.password = $("#password").val();

+        return data;

+    }

+

+    function getUserDetails(id) {

+        return Rest.http({

+            url: USER_SERVICE + "/" + id + "?=" + new Date().getTime(),

+            type: "GET",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json"

+        })

+    }

+

+    function listUserDetails(data) {

+        $("#userName").val(data.name);

+    }

+

+

+    function changePsd(data) {

+        return Rest.http({

+            url: USER_SERVICE + "/" + userId + "/password" + "?=" + new Date().getTime(),

+            type: "POST",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json",

+            data: JSON.stringify(data)

+        })

+    }

+

+    function getId() {

+        var qs = location.search;

+        qs = qs.indexOf("?") === 0 ? qs : ("?" + qs);

+        var start = qs.indexOf("id=") + 3;

+        var end = qs.indexOf("&") === -1 ? qs.length : qs.indexOf("&") - start;

+        return qs.substr(start, end);

+    }

+

+    function showError($Obj, message) {

+        $Obj.text(message);

+        $Obj.css("visibility", "visible");

+        setTimeout(function() {

+            hideError($Obj);

+        }, 5000)

+    }

+

+    function hideError($Obj) {

+        $Obj.css("visibility", "hidden");

+    }

+

+    initialPage();

+})

diff --git a/portal-auth/src/main/webapp/user/js/createUser.js b/portal-auth/src/main/webapp/user/js/createUser.js
new file mode 100644
index 00000000..5c780ab8
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/js/createUser.js
@@ -0,0 +1,189 @@
+/*

+ * Copyright 2016 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.

+ */

+$(document).ready(function() {

+

+    var USER_SERVICE = "/openoapi/auth/v1/users";

+    var $userName = $("#userName");

+    var $password = $("#password");

+    var $cfPsdError = $("#cfPsdError");

+    var $userNameError = $("#userNameError");

+    var $passwordError = $("#passwordError");

+

+    function initialPage() {

+        /*initial the event*/

+        $("#confirm").click(function(e) {

+            if (!checkUserRules()) {

+                return;

+            }

+            var data = getCreateUser();

+            createUser(data).done(function() {

+                window.document.location = "/openoui/user/user.html";

+            })

+        })

+        $("#cancel").click(function(e) {

+            window.document.location = "/openoui/user/user.html";

+        })

+    }

+

+    function getCreateUser() {

+        var data = {};

+        data.userName = $userName.val();

+        data.password = $password.val();

+        data.description = $("#description").val();

+        data.email = "xxxx@xxxx.com";

+        return data;

+    }

+

+    function createUser(data) {

+        return Rest.http({

+            url: USER_SERVICE + "?=" + new Date().getTime(),

+            type: "POST",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json",

+            data: JSON.stringify(data)

+        })

+    }

+

+    function checkUserRules() {

+        if (!checkMandatory()) {

+            return false;

+        }

+

+        if (!checkCfPassword()) {

+            return false;

+        }

+

+        if (!checkUserNameRule()) {

+            return false;

+        }

+

+        if (!checkPasswordRule()) {

+            return false;

+        }

+        return true;

+    }

+

+    function checkMandatory() {

+        if ($userName.val() == "") {

+            showError($userNameError, "Mandatory.");

+            return false;

+        }

+

+        if ($password.val() == "") {

+            showError($passwordError, "Mandatory.");

+            return false;

+        }

+        return true;

+    }

+

+    function checkUserNameRule() {

+        var username = $userName.val();

+        if (!checkLength(5, 30, username)) {

+            showError($userNameError, "The user name length should between 5 and 30.");

+            return false

+        }

+

+        if (!checkOnlySpecials(username, /[0-9]|[a-z]|[A-Z]|_/g)) {

+            showError($userNameError, "Only Character(a-z\,A-Z\,0-9,_) is allowed.");

+            return false

+        }

+

+        if(!checkUderScore(username)) {

+            showError($userNameError, 'The character "_" is only allowed in the middle of the user name.');

+            return false

+        }

+

+        if (!checkNoSpace(username)) {

+            showError($userNameError, "The user name should not contain space.");

+            return false

+        }

+

+        return true

+    }

+

+    function checkPasswordRule() {

+        var password = $password.val();

+

+        if (!checkLength(8, 32, password)) {

+            showError($passwordError, "The password length should between 8 and 32.");

+            return false

+        }

+

+        if (!checkCotainSpecial(password)) {

+            showError($passwordError, "At least contain: one uppercase letter, one lowercase letter, and one digit, one special character;");

+            return false

+        }

+

+        if (!checkNoContainAndReverse(password, $userName.val())) {

+            showError($passwordError, "The password should not contain the user name or reverse.");

+            return false

+        }

+

+        if (!checkNoSpace(password)) {

+            showError($passwordError, "The password should not contain space.");

+            return false

+        }

+        return true

+    }

+

+    function checkLength(min, max, str) {

+        return str.length >= min && str.length <= max;

+    }

+

+    function checkOnlySpecials(str, reg) {

+        return str.match(reg) && str.match(reg).length == str.length

+    }

+

+    function checkCotainSpecial(password) {

+        return password.match(/\~|\`|\@|\#|\$|\%|\^|\&|\*|\-|\_|\=|\+|\||\?|\/|\(|\)|\<|\>|\[|\]|\{|\}|\"|\,|\.|\;|\'|\!/g) != null 

+                && password.match(/[0-9]/g) != null && password.match(/[a-z]/g) != null && password.match(/[A-Z]/g) != null;

+    }

+

+    function checkUderScore(str) {

+        return str.indexOf("_") != 0 && str.lastIndexOf("_") != str.length - 1;

+    }

+

+    function checkNoContainAndReverse(str, str2) {

+        return str.indexOf(str2) == -1 && str.indexOf(str2.split("").reverse().join("")) == -1;

+    }

+

+    function checkNoSpace(str) {

+        return str.indexOf(" ") == -1;

+    }

+

+    function checkCfPassword() {

+        if ($password.val() == $("#cfPassword").val()) {

+            return true;

+        }

+        showError($cfPsdError, "The password is not the same.");

+        return false;

+    }

+

+    function showError($Obj, message) {

+        $Obj.text(message);

+        $Obj.css("visibility", "visible");

+        setTimeout(function() {

+            hideError($Obj);

+        }, 5000)

+    }

+

+    function hideError($Obj) {

+        $Obj.css("visibility", "hidden");

+    }

+

+    initialPage();

+})

diff --git a/portal-auth/src/main/webapp/user/js/modifyUser.js b/portal-auth/src/main/webapp/user/js/modifyUser.js
new file mode 100644
index 00000000..7e571448
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/js/modifyUser.js
@@ -0,0 +1,78 @@
+/*

+ * Copyright 2016 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.

+ */

+$(document).ready(function() {

+    var USER_SERVICE = "/openoapi/auth/v1/users";

+    var userId;

+    function initialPage() {

+        userId = getId();

+        getUserDetails(userId).done(function(data) {

+            listUserDetails(data);

+        });

+

+        /*initial the event*/

+        $("#confirm").click(function(e) {

+            var data = getModifyUser();

+            modifyUser(data).done(function() {

+                window.document.location = "/openoui/user/user.html";

+            })

+        })

+        $("#cancel").click(function(e) {

+            window.document.location = "/openoui/user/user.html";

+        })

+    }

+

+    function getModifyUser() {

+        var data = {};

+        data.description = $("#description").val();

+        data.email = "xxxx@xxxx.com";

+        return data;

+    }

+    function getUserDetails(id) {

+        return Rest.http({

+            url: USER_SERVICE + "/" + id + "?=" + new Date().getTime(),

+            type: "GET",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json"

+        })

+    }

+

+    function listUserDetails(data) {

+        $("#userName").val(data.name);

+        $("#description").val(data.description);

+    }

+

+    function modifyUser(data) {

+        return Rest.http({

+            url: USER_SERVICE + "/" + userId + "?=" + new Date().getTime(),

+            type: "PATCH",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json",

+            data: JSON.stringify(data)

+        })

+    }

+

+    function getId() {

+        var qs = location.search;

+        qs = qs.indexOf("?") === 0 ? qs : ("?" + qs);

+        var start = qs.indexOf("id=") + 3;

+        var end = qs.indexOf("&") === -1 ? qs.length : qs.indexOf("&") - start;

+        return qs.substr(start, end);

+    }

+

+    initialPage();

+})
\ No newline at end of file
diff --git a/portal-auth/src/main/webapp/user/js/user.js b/portal-auth/src/main/webapp/user/js/user.js
new file mode 100644
index 00000000..7be00a3d
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/js/user.js
@@ -0,0 +1,109 @@
+/*

+ * Copyright 2016 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.

+ */

+$(document).ready(function() {

+    var USER_SERVICE = "/openoapi/auth/v1/users";

+    var deleteEditOpt = "<img class='edit' title='edit' src='/openoui/user/images/edit.png'><img class='changePsd' title='Change Password' src='/openoui/user/images/reset.png'><img class='delete' title='delete' src='/openoui/user/images/delete.png'>";

+    var editOpt = "<img class='edit' title='edit' src='/openoui/user/images/edit.png'><img class='changePsd' title='Change Password' src='/openoui/user/images/reset.png'>";

+

+    var userListHeader = [

+        { title: "User", data: "User",width: "20%"},

+        { title: "Description", data: "Description",width: "60%"},

+        { title: "Operations", data: "Operations",width: "20%"}

+    ];

+    function initialPage() {

+        /*get the user list data;*/

+        getUserList().done(function(data) {

+            var data = formatUsers(data);

+            Table.create(data, "table_id", userListHeader);

+            $(".hw_body").css("visibility", "visible");

+        }).error(function(data) {

+            if (data.status == 403) {

+                $(".hw_body").html("<span style='font-size:20px;'>" + JSON.parse(data.responseText).error.message + "</span>");

+            }

+        });

+

+        /*add the listener*/

+        $("#table_id tbody").on("click", "td", function(e) {

+            var classname = e.target.className;

+            var id = $("#table_id").DataTable().row(this).data().rowid;

+            if (classname == "delete") {

+                top.bootbox.confirm("Are you sure to delete this user?", function(result) {

+                    if (result) {

+                        deleteUser(id).done(function() {

+                            getUserList().done(function(data) {

+                                var data = formatUsers(data);

+                                var datatable = $("#table_id").dataTable().api();

+                                datatable.clear();

+                                datatable.rows.add(data);

+                                datatable.draw();

+                            })

+                        })

+                    }

+                })

+            } else if (classname == "edit") {

+                window.document.location = "/openoui/user/modifyUser.html" + "?id=" + id;

+            } else if (classname == "changePsd") {

+                window.document.location = "/openoui/user/changePassword.html" + "?id=" + id;

+            }

+        })

+

+        $("#create").click(function(e) {

+            window.document.location = "/openoui/user/createUser.html";

+        })

+    }

+

+    function getUserList() {

+        return Rest.http({

+            url: USER_SERVICE + "?=" + new Date().getTime(),

+            type: "GET",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json"

+        })

+    }

+

+    function deleteUser(id) {

+        return Rest.http({

+            url: USER_SERVICE + "/" + id + "?=" + new Date().getTime(),

+            type: "DELETE",

+            async: false,

+            contentType: 'application/json',

+            dataType: "json"

+        })

+    }

+

+    function formatUsers(data) {

+        var tableData = [];

+        for (var i = 0; i < data.length; i++) {

+            var temp = {};

+            temp.rowid = data[i].id;

+            temp.User = data[i].name;

+            temp.Description = data[i].description;

+            if (data[i].name == "admin") {

+                temp.Operations = editOpt;

+            } else {

+                temp.Operations = deleteEditOpt;

+            }

+            tableData.push(temp);

+        }

+        return tableData;

+    }

+    initialPage();

+

+    setTimeout(function() {

+        Table.enableToolTips("table_id");

+    }, 0)

+});

diff --git a/portal-auth/src/main/webapp/user/js/userTools.js b/portal-auth/src/main/webapp/user/js/userTools.js
new file mode 100644
index 00000000..f6aa84ff
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/js/userTools.js
@@ -0,0 +1,88 @@
+/*

+ * Copyright 2016 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.

+ */

+var Table = {};

+Table.create = function(data, id, columns) {

+        $('#' + id).DataTable({

+            data: data,

+            bSort: false,

+            "sDom": "<t<'left'li><'right'p>>",

+            columns: columns

+        });

+    }

+    /**

+     *  update the table data, the cloumns must be same with the create one.

+     *  data: the update data. as the create structure

+     *  id: the table id.

+     */

+Table.updata = function(data, id) {

+    var datatable = $('#' + id).dataTable().api();

+    datatable.clear();

+    datatable.rows.add(data);

+    datatable.draw();

+}

+

+Table.enableToolTips = function(id) {

+    $("#" + id + " tr th").each(function(index, sdom){

+        sdom.title = sdom.textContent;

+    })

+    $("#" + id + " tbody tr td").each(function(index, sdom){

+        sdom.title = sdom.textContent;

+    })

+}

+

+var Rest = {};

+

+Rest.http = function(setting) {

+    var ret = $.ajax(setting);

+    ret.fail(function(data) {

+        try {

+            if (data.responseText.indexOf("login") != -1) {

+                top.window.document.location.reload()

+            }

+            var result = JSON.parse(data.responseText);

+            if (result.error && result.error.message) {

+                top.bootbox.alert(result.error.message, function() {});

+            }

+        } catch (e) {

+        }

+

+    })

+    return ret;

+}

+

+Rest.turn2URI = function(url) {

+    var cookies = document.cookie.split(";");

+    var cookie = "";

+    for (var i = 0; i < cookies.length; i++) {

+        if (cookies[i].split("=")[0] == "X-Auth-Token") {

+            cookie = cookies[i].split("=")[1];

+            break;

+        }

+    }

+    $.ajax({

+        url: "/openoapi/auth/v1/tokens",

+        type: "HEAD",

+        headers: {

+            "X-Auth-Token": cookie

+        },

+        success: function(data) {

+            window.document.location = url;

+        },

+        error: function(data) {

+            top.window.document.location.reload();

+        }

+    })

+}