{{ refresh_token_expire() }} ‒ {{ time_to_refresh_token_expire }}
+
+
{{ adminModeService.status() ? "ON" : "OFF" }}
+
@if (usersService.user.isLoading()) {
diff --git a/src/app/components/user-info/user-info.component.scss b/src/app/components/user-info/user-info.component.scss
index 2d15902..113d29c 100644
--- a/src/app/components/user-info/user-info.component.scss
+++ b/src/app/components/user-info/user-info.component.scss
@@ -31,4 +31,14 @@
}
}
}
+}
+
+.admin-mode-container {
+ display: inline-flex;
+
+ button {
+ margin: auto 5px;
+ padding: 0px 10px;
+ min-width: 0px;
+ }
}
\ No newline at end of file
diff --git a/src/app/components/user-info/user-info.component.ts b/src/app/components/user-info/user-info.component.ts
index f753bf0..e70c1c7 100644
--- a/src/app/components/user-info/user-info.component.ts
+++ b/src/app/components/user-info/user-info.component.ts
@@ -1,4 +1,6 @@
import { Component, computed, booleanAttribute, inject, input, OnDestroy, OnInit } from "@angular/core";
+import { faRepeat } from "@fortawesome/free-solid-svg-icons";
+import { AdminModeService } from "src/app/services/adminMode.service";
import { AuthService } from "src/app/services/auth.service";
import { UsersService } from "src/app/services/users.service";
@@ -11,6 +13,9 @@ import { UsersService } from "src/app/services/users.service";
export class UserInfoComponent implements OnInit, OnDestroy {
protected readonly authService = inject(AuthService);
protected readonly usersService = inject(UsersService);
+ protected readonly adminModeService = inject(AdminModeService);
+
+ protected readonly toggleIcon = faRepeat;
readonly show_favorite_events = input(true, {
transform: booleanAttribute,
diff --git a/src/app/services/adminMode.service.ts b/src/app/services/adminMode.service.ts
new file mode 100644
index 0000000..a75c88f
--- /dev/null
+++ b/src/app/services/adminMode.service.ts
@@ -0,0 +1,42 @@
+import { inject, Injectable } from '@angular/core';
+import { StorageService } from './storage.service';
+import { LoggingService } from './logging.service';
+import { StorageKeys } from '../tokens/storage.tokens';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { map } from 'rxjs';
+import { mapBoolean } from '../utils/booleanMapper';
+
+@Injectable({
+ providedIn: 'root',
+})
+export class AdminModeService {
+ readonly #logging = inject(LoggingService);
+ readonly #storageService = inject(StorageService);
+
+ readonly status = toSignal(this.#storageService.storageEvent$(StorageKeys.ADMIN_MODE).pipe(
+ map(v => mapBoolean(v.currentValue))
+ ), {
+ initialValue: this.#storageService.getBoolean(StorageKeys.ADMIN_MODE) ,
+ });
+
+ constructor() {
+ this.#storageService.setIfNull(StorageKeys.ADMIN_MODE, "false", () => {
+ this.#logging.log("adminMode", `Set default initial value. Current value: ${this.status()}.`)
+ });
+ }
+
+ on(): void {
+ this.#storageService.set(StorageKeys.ADMIN_MODE, "true");
+ this.#logging.log("adminMode", `Force ON. Current value: ${this.status()}.`);
+ }
+
+ off(): void {
+ this.#storageService.set(StorageKeys.ADMIN_MODE, "false");
+ this.#logging.log("adminMode", `Force OFF. Current value: ${this.status()}.`);
+ }
+
+ toggle(): void {
+ this.#storageService.set(StorageKeys.ADMIN_MODE, String(!this.status()));
+ this.#logging.log("adminMode", `Toggle. Current value: ${this.status()}.`);
+ }
+}
diff --git a/src/app/services/logging.service.ts b/src/app/services/logging.service.ts
index f67491d..99984f3 100644
--- a/src/app/services/logging.service.ts
+++ b/src/app/services/logging.service.ts
@@ -3,7 +3,7 @@
// import { Injectable, isDevMode } from "@angular/core";
import { Injectable } from "@angular/core";
-const interestedFields = ["auth", "ws", "swUpdate", "user", "dashboardEventLoad", "userInfo"] as const;
+const interestedFields = ["auth", "ws", "swUpdate", "user", "dashboardEventLoad", "userInfo", "adminMode"] as const;
export type Fields = typeof interestedFields[number];
@@ -13,7 +13,7 @@ export type Fields = typeof interestedFields[number];
export class LoggingService {
readonly #output = true;
// readonly #output = !isDevMode();
- readonly #interestedFields = new Set
(["auth", "ws", "swUpdate", "user", "dashboardEventLoad", "userInfo"]);
+ readonly #interestedFields = new Set(["auth", "ws", "swUpdate", "user", "dashboardEventLoad", "userInfo", "adminMode"]);
log(field: Fields, message?: any, ...optionalParams: any[]) {
if (this.#output && this.#interestedFields.has(field)) {
diff --git a/src/app/services/storage.service.ts b/src/app/services/storage.service.ts
index 1869824..3f05f30 100644
--- a/src/app/services/storage.service.ts
+++ b/src/app/services/storage.service.ts
@@ -2,6 +2,7 @@ import { Injectable } from "@angular/core";
import { fromEvent, filter, map, type Observable, merge, Subject } from "rxjs";
import { StorageKeys } from "../tokens/storage.tokens";
+import { mapBoolean } from "../utils/booleanMapper";
type CustomStorageEvent = {
readonly currentValue: string | null;
@@ -48,13 +49,10 @@ export class StorageService {
}
getBoolean(key: StorageKeys, fallback = false): boolean {
- const v = this.get(key);
- if (typeof v === 'boolean') return v;
- if (typeof v === 'number') return v !== 0;
+ const v = this.get(key);
if (typeof v === 'string') {
const s = v.trim().toLowerCase();
- if (['true', '1', 'yes', 'y', 'on'].includes(s)) return true;
- if (['false', '0', 'no', 'n', 'off', ''].includes(s)) return false;
+ return mapBoolean(v) || fallback;
}
return fallback;
}
@@ -72,9 +70,12 @@ export class StorageService {
return this;
}
- setIfNull(key: StorageKeys, value: T): this {
+ setIfNull(key: StorageKeys, value: T, cb?: () => void): this {
if (this.get(key) === null) {
this.set(key, value);
+ if (cb) {
+ cb();
+ }
}
return this;
}
diff --git a/src/app/tokens/storage.tokens.ts b/src/app/tokens/storage.tokens.ts
index 1c52d26..d7fe6ef 100644
--- a/src/app/tokens/storage.tokens.ts
+++ b/src/app/tokens/storage.tokens.ts
@@ -7,6 +7,7 @@ export const StorageKeys = {
THEME: "theme",
BROWSER_CORE_CHECK: "browser_core_check",
SUDO_PASSWORD_MODE: "sudo_password_mode",
+ ADMIN_MODE: "admin_mode",
} as const;
// TODO
diff --git a/src/app/utils/booleanMapper.ts b/src/app/utils/booleanMapper.ts
new file mode 100644
index 0000000..c1d67c9
--- /dev/null
+++ b/src/app/utils/booleanMapper.ts
@@ -0,0 +1,6 @@
+export function mapBoolean(v: string | number | null): boolean {
+ if (typeof v === "string") {
+ return ['true', '1', 'yes', 'y', 'on'].includes(v);
+ }
+ return Boolean(v);
+}