Angular和Typescript - 从管理员登录中停用其他用户时发出问题

Question

In my web application, when I login as ' Admin ', I will be able to view, activate , delete etc. the user profiles of my application. When admin activates an user profile, the user will be able to access the application. When Admin deactivates an user profile, the user will not be able to access the application. The problem arises in the following scenario. I am logged in as some ACTIVATED user XYZ in one browser (say IE). I am logged in as ADMIN in another browser (say Chrome). Now, I am deactivating that activated user.

My expected behavior is, XYZ which is open in another browser should be logged out and be redirected to the Login page for a fresh sign-in. But right now, what happens is, even after deactivating XYZ, that session is in login state only.

I have tried n-number of ways to solve this issue but of no gain. Since my code is too long, here is the snippet of code that deals with this issue.

HTML:

<tbody *ngIf = "users">
<tr *ngFor = "let user of users; trackBy: trackIdentity">
<td>
    <button class="btn btn-danger btn-sm" (click)="setActive(user, true)" *ngIf="!user.activated">Deactivated</button>
    <button class="btn btn-success btn-sm" (click)="setActive(user, false)" *ngIf="user.activated" [disabled]="currentAccount.login === user.login">Activated</button>
</td>
</tr>
</tbody>

Component.ts:

setActive(user, isActivated) {
user.activated = isActivated;
this.userService.update(user).subscribe(
(response) => {
if(response.status === 200) {
    this.error = null;
    this.success = 'OK';
    this.loadAll();
    }
else {
    this.success = null;
    this.error = 'ERROR';
    }
}}

Suggestions and code snippets that could possibly solve my issue are most welcome. Workarounds in jQuery and Javascript are also welcome!

Answer 1

As you selected JWT authentication type, there's no session.

Until his/her token expires, authenticated user will stay authenticated and authorized.