Login page button : If you have set authentication active (not None) then we get the loginpage, if we run the SW in real HMI server.

Logout button: Logout the current user and _SystemGuest will be active  

Few users and groups have been created with different access right as shown in the following Beckhoff page.

All Users and Groups: It will display all users in the system, if we want to use it we must login as admin of the system. Following JavaScript code is executed.

 HmiUserList = [];
TcHmi.Server.UserManagement.listUserGroupsEx(
    null,
    {
        timeout: 2000
    },
    function(data) {
        if (data.error === TcHmi.Errors.NONE) {
            if (
                !data
                ||
                !data.groupDetailsList
                ||
                !data.groupDetailsList.__SystemGuests
            ) {
                console.log('Data related error while getting the list of UserGroups');
                return;
            }
            var dicLengthGroup = Object.keys(data.groupDetailsList).length;
            var arrayList = Object.keys(data.groupDetailsList);
            for (let i = 0; i < dicLengthGroup; i++) {
                TcHmi.Server.UserManagement.listUsersInGroupEx(
                    arrayList[i],
                    null,
                    {
                        timeout: 2000
                    },
                    function(dataUser) {
                        if (dataUser.error === TcHmi.Errors.NONE) 
                            //console.log(dataUser.userList);
                            var dicLengthUserListLength = Object.keys(dataUser.userList).length;
                            var userNameList = Object.keys(dataUser.userList);
                            //console.log(`User Length = ${dicLengthUserListLength}`);
                            for (let ii = 0; ii < dicLengthUserListLength; ii++) {
                                oco = new Object();
                                oco.UserName = dataUser.userList[ii];
                                oco.GroupName = arrayList[i];
                                var count = HmiUserList.push(oco);
                                console.log(`count = ${count}`);
                                var targetControl = TcHmi.Controls.get("TcHmi_Controls_Beckhoff_TcHmiDatagrid");
                                targetControl.setSrcData(JSON.stringify(HmiUserList));
                            }
                        } else {
                            // Error
                        }
                    });
            }
        } else {
            cosole.log('Call related error while calling the function');
        }
    }
);