|
|
@@ -12,7 +12,7 @@
|
|
|
<script type="text/javascript" src="./script/applocale.js"></script>
|
|
|
<style>
|
|
|
|
|
|
- document, body{
|
|
|
+ body{
|
|
|
height: 100%;
|
|
|
}
|
|
|
.themeColor{
|
|
|
@@ -367,6 +367,25 @@
|
|
|
.disabled{
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
+
|
|
|
+ #alternativeAccountList{
|
|
|
+ padding-bottom: 0.6em;
|
|
|
+ }
|
|
|
+
|
|
|
+ .alternativeAccount{
|
|
|
+ padding-top: 0.6em !important;
|
|
|
+ padding-bottom: 0.6em !important;
|
|
|
+ margin: 0;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .alternativeAccount .usericon{
|
|
|
+ width: 35px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .alternativeAccount .username{
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -396,11 +415,21 @@
|
|
|
<img class="usericon" src="img/desktop/system_icon/user.svg">
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
- <dic class="author" id="username">User</dic>
|
|
|
- <div class="text" id="usergroups">@user</div>
|
|
|
+ <dic class="author" id="username" style="font-weight: 600 !important;">User</dic>
|
|
|
+ <div class="text" id="usergroups" style="color: #616162;">@user</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="ui divider"></div>
|
|
|
+ <div id="alternativeAccountList">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="ui fluid basic button" style="" onclick="openSwitchAccountPanel(); toggleProfileInfo();">
|
|
|
+ <i class="ui blue user plus icon" style="margin-right: 0.6em;"></i> <span locale="account/switch/addAccount">Add another account</span>
|
|
|
+ </div>
|
|
|
+ <div id="signoutAllButton" style="margin-top: 0.6em; margin-bottom: 1.2em;" class="ui fluid basic black button" onclick="logoutAllAccounts();">
|
|
|
+ <i class="log out icon icon" style="margin-right: 0.6em;"></i> <span locale="account/switch/signoutAll">Sign-out all accounts</span>
|
|
|
+ </div>
|
|
|
<button locale="quickAccess/logout" onclick="logout();" class="ui basic blue mini button" style="position: absolute; top: 1em; right: 1em;">Logout</button>
|
|
|
<button onclick="toggleProfileInfo();" class="circular ui themecolor icon button" style="position: absolute; bottom: 0px; right: 0px; margin-bottom: -10px; margin-right: -10px; color: white;">
|
|
|
<i class="remove icon"></i>
|
|
|
@@ -1415,6 +1444,8 @@
|
|
|
if (data.UserIcon !== ""){
|
|
|
$(".usericon").attr("src",data.UserIcon);
|
|
|
}
|
|
|
+
|
|
|
+ listAllStoredAccounts();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
@@ -1539,6 +1570,120 @@
|
|
|
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
|
|
|
}
|
|
|
|
|
|
+ /*
|
|
|
+ Account switching functions
|
|
|
+ */
|
|
|
+
|
|
|
+ function listAllStoredAccounts(){
|
|
|
+ $("#alternativeAccountList").empty();
|
|
|
+
|
|
|
+ //Request server side for the account pool
|
|
|
+ $.get("system/auth/u/list", function(data){
|
|
|
+ if (data.error != undefined){
|
|
|
+ $("#signoutAllButton").addClass('disabled');
|
|
|
+ $("#alternativeAccountList").append(`<div class="ui message">
|
|
|
+ <i class="ui green check circle icon"></i> ${applocale.getString("account/switch/noAlternative", "No other account stored on this browser")}
|
|
|
+ </div>`);
|
|
|
+ return;
|
|
|
+ }else{
|
|
|
+ if (data.length > 1){
|
|
|
+ data.forEach(function(account){
|
|
|
+ if (account.Username == userInfo.Username){
|
|
|
+ //Skip
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ $.get("system/desktop/user?target=" + account.Username, function(data){
|
|
|
+ let userIcon = data.UserIcon;
|
|
|
+ if (userIcon == ""){
|
|
|
+ userIcon = "img/desktop/system_icon/user.svg"
|
|
|
+ }
|
|
|
+ $("#alternativeAccountList").append(`
|
|
|
+ <div class="alternativeAccount ${account.IsExpired?"expired":""}" acname="${account.Username}" onclick="switchAccount(this);">
|
|
|
+ <div class="ui header">
|
|
|
+ <img class="usericon" src="${userIcon}">
|
|
|
+ <div class="content" style="font-size: 95% !important;">
|
|
|
+ <span class="username">${account.Username}</span> ${(data.IsAdmin)?'<i style="margin-left: 0.4em; color: rgb(38, 50, 56);" class="small shield alternate icon themed text isAdminIcon"></i>':""}
|
|
|
+ <div class="sub header usergroup">${!account.IsExpired?"<i class='ui green check circle icon' style='margin-right: 0px;'></i> " + applocale.getString("account/switch/sessionValid", "Session Valid"):"<i class='ui red times circle icon' style='margin-right: 0px;'></i> " + applocale.getString("account/switch/sessionExpired", "Session Expired")}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ `);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $("#signoutAllButton").removeClass('disabled');
|
|
|
+ }else{
|
|
|
+ $("#signoutAllButton").addClass('disabled');
|
|
|
+ $("#alternativeAccountList").append(`<div class="ui message">
|
|
|
+ <i class="ui green check circle icon"></i> ${applocale.getString("account/switch/noAlternative", "No other account stored on this browser")}
|
|
|
+ </div>`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function switchAccount(object){
|
|
|
+ let targetUsername = $(object).attr("acname");
|
|
|
+ if (targetUsername == undefined || targetUsername == ""){
|
|
|
+ console.log("Unable to load username from element")
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ //Check if it is expired
|
|
|
+ if ($(object).hasClass("expired")){
|
|
|
+ openSwitchAccountPanel();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ url: "system/auth/u/switch",
|
|
|
+ data: {
|
|
|
+ "username": targetUsername,
|
|
|
+ },
|
|
|
+ success: function(data){
|
|
|
+ if (data.error != undefined){
|
|
|
+ alert(data.error);
|
|
|
+ }else{
|
|
|
+ window.location.reload();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function openSwitchAccountPanel(){
|
|
|
+ var uuid = newFloatWindow({
|
|
|
+ url: 'SystemAO/advance/switchAccount.html',
|
|
|
+ width: 470,
|
|
|
+ height: 680,
|
|
|
+ appicon: "SystemAO/desktop/img/account-switch.png",
|
|
|
+ title: "Switch Account"
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function logoutAllAccounts(){
|
|
|
+ if (confirm(applocale.getString("account/switch/logout/confirm", "This will logout all other accounts from this browser. Confirm?"))){
|
|
|
+ $.ajax({
|
|
|
+ url: "system/auth/u/logoutAll",
|
|
|
+ success: function(data){
|
|
|
+ if (data.error != undefined){
|
|
|
+ alert(data.error);
|
|
|
+ }else{
|
|
|
+ //Reset the browser pool id
|
|
|
+ localStorage.removeItem("ao_acc");
|
|
|
+ listAllStoredAccounts();
|
|
|
+ toggleProfileInfo();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //mobile mode not support re-initialization. Refresh page.
|
|
|
+ function initDesktop(){
|
|
|
+ window.location.reload();
|
|
|
+ }
|
|
|
+
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
Toby Chui