TC
/
arozos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
							<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>ArozOS - Users</title>
        <link rel="stylesheet" href="script/tocas/tocas.css">
        <link rel="stylesheet" href="script/ao.css">
        <script type="application/javascript" src="script/tocas/tocas.js"></script>
        <script type="application/javascript" src="script/jquery.min.js"></script>
        <script type="application/javascript" src="script/ao_module.js"></script>
        <style>
            body{
                background-color:white;
            }
            .themebackground{
                background-color:#588ce0 !important;
                color:white !important;
                background-image: url("/img/public/slate.png") !important;
                background-repeat: no-repeat !important;
                background-attachment: fixed !important;
            }
            .required{
                color:red;
            }
            .actionbtns{
                text-align:right;
            }
        </style>
    </head>
    <body>
        <div class="ts heading fluid padded slate themebackground" >
            <span class="header"><i class="add icon"></i> New User</span>
            <span class="description">Fill in the following user information to proceed.</span>
        </div>
        <br><br>
        <div class="ts container">
            <div class="ts horizontal form">
                <div class="field">
                    <label>Username <span class="required">*</span></label>
                    <input id="username" type="text">
                </div>
            <!--
                <div class="field">
                    <label>Description</label>
                    <input id="desc" type="text">
                </div>
            -->
                <div class="field">
                    <label>Password <span class="required">*</span></label>
                    <input id="magic" type="password">
                </div>
                <div class="field">
                    <label>Confirm Password <span class="required">*</span></label>
                    <input id="repeatMagic" type="password">
                </div>
                <div class="field">
                    <label>User Group</label>
                    <select id="usergroups">
                        <option>Loading...</option>
                    </select>
                </div>
            </div>
            <br>
            <p><span class="required">*</span> This field is required.</p>
            <div class="ts negative segment" id="err" style="display:none;">
                <p><i class="remove icon"></i> <span id="errmsg"></span></p>
            </div>
            <div class="ts section divider"></div>
            <div id="actionbtns" align="right">
                <button class="ts primary button" onclick="createUser();">Create</button>
                <button id="cancelbtn" class="ts button" onclick="cancel();">Cancel</button>
            </div>
           
        </div>
        <script>
            //Initiate the form items
            //Get usergroups and list them in the usergroup list
            $.get("system/permission/listgroup",function(data){
                $("#usergroups").html("");
                for(var i = 0; i < data.length; i++){
                    $("#usergroups").append(`<option>${data[i]}</option>`);
                }
            });

            //Detect on enter keypress
            $("input").on("keydown",function(event){
                if (event.keyCode === 13) {
                    event.preventDefault();
                    createUser();
                }
            });

            //Hide the cancel button if not in VDI
            if ((!(!parent.isDesktopMode)) == false){
                $("#cancelbtn").hide();
            }

            //Create the new user
            function createUser(){
                var username = $("#username").val();
                var password = $("#magic").val();
                var usergroup = $("#usergroups").val();
                var valud = true;
                //Clear previous error record
                $("#magic").parent().removeClass("error");
                $("#repeatMagic").parent().removeClass("error");
                $("#username").parent().removeClass("error");

                //Check if the username is correct
                if (username == ""){
                    $("#username").parent().addClass("error");
                    valud = false;
                }
                //Check if the password match with the confirm
                if (password != $("#repeatMagic").val()){
                    //Confirm password not match
                    $("#repeatMagic").parent().addClass("error");
                    valud = false;
                }
                if (password == ""){
                    //Password cannot be empty
                    $("#magic").parent().addClass("error");
                    $("#repeatMagic").parent().addClass("error");
                    valud = false;
                }

                if (!valud){
                    //Current input is invalid.
                    return;
                }

                //Create post reqest for user registering
                $.post("system/auth/register",{username: username, password: password, group:usergroup}).done(function(data){
                    console.log(data);
                    if (data.includes("Error") == false){
                        //Everyhing is ok
                        //Check if user already logged in. If no, redirect to login interface
                        $.get("system/auth/checkLogin",function(data){
                            if (data == true){
                                if (!(!parent.isDesktopMode)){
                                    //Perform a parent callback to check if there are any functions that requires update
                                    ao_module_parentCallback(true);
                                    parent.closeFwProcess($(window.frameElement).parent().parent().attr("windowId"));
                                }else{
                                    //Tell the user to close this UI
                                    window.location.href = "SystemAO/closeTabInsturction.html"
                                }
                            }else{
                                window.location.href = "/login.system";
                            }
                        });
                       
                    }else{
                        //There are errors.
                        $("#errmsg").text(data);
                        $("#err").slideDown('fast');
                    }
                });
            }

            function cancel(){
                if (!(!parent.isDesktopMode)){
                    parent.closeFwProcess($(window.frameElement).parent().parent().attr("windowId"));
                }
            }
        </script>
    </body>
</html>