@sumaris-net/ngx-components 2.5.13 → 2.5.14-rc2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.5.13",
+  "version": "2.5.14-rc2",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -117,6 +117,7 @@ export * from './src/app/shared/debug/debug.module';
 export * from './src/app/shared/debug/debug.component';
 export * from './src/app/core/core.module';
 export * from './src/app/core/services/model/account.model';
+export * from './src/app/core/services/model/token.model';
 export * from './src/app/core/services/model/config.model';
 export * from './src/app/core/services/model/department.model';
 export * from './src/app/core/services/model/entity.model';
@@ -182,8 +183,10 @@ export * from './src/app/core/home/home';
 export * from './src/app/core/home/home.module';
 export * from './src/app/core/settings/settings.page';
 export * from './src/app/core/settings/settings.module';
-export * from './src/app/core/account/account.page';
 export * from './src/app/core/account/account.module';
+export * from './src/app/core/account/account.page';
+export * from './src/app/core/account/token.table';
+export * from './src/app/core/account/new-token.modal';
 export * from './src/app/core/auth/auth.form';
 export * from './src/app/core/auth/auth.modal';
 export * from './src/app/core/auth/auth.module';

package/src/app/core/account/account.module.d.ts

@@ -1,12 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./account.page";
-import * as i2 from "@angular/common";
-import * as i3 from "../../shared/shared.module";
-import * as i4 from "@ngx-translate/core";
-import * as i5 from "../form/buttons/form-buttons-bar.module";
-import * as i6 from "../form/properties/properties.module";
+import * as i2 from "./token.table";
+import * as i3 from "./new-token.modal";
+import * as i4 from "@angular/common";
+import * as i5 from "../../shared/shared.module";
+import * as i6 from "@ngx-translate/core";
+import * as i7 from "../form/buttons/form-buttons-bar.module";
+import * as i8 from "../form/properties/properties.module";
+import * as i9 from "../table/table.module";
 export declare class AppAccountModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppAccountModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppAccountModule, [typeof i1.AccountPage], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.TranslateModule, typeof i5.AppFormButtonsBarModule, typeof i6.AppPropertiesFormModule], [typeof i4.TranslateModule, typeof i1.AccountPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppAccountModule, [typeof i1.AccountPage, typeof i2.UserTokenTable, typeof i3.NewTokenModal], [typeof i4.CommonModule, typeof i5.SharedModule, typeof i6.TranslateModule, typeof i7.AppFormButtonsBarModule, typeof i8.AppPropertiesFormModule, typeof i9.AppTableModule], [typeof i6.TranslateModule, typeof i1.AccountPage, typeof i2.UserTokenTable, typeof i3.NewTokenModal]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppAccountModule>;
 }

package/src/app/core/account/account.page.d.ts

@@ -13,6 +13,7 @@ import { NetworkService } from '../services/network.service';
 import { MatTabGroup } from '@angular/material/tabs';
 import { ConfigService } from '../services/config.service';
 import { AppPropertiesTable } from '../form/properties/properties.table';
+import { UserTokenTable } from './token.table';
 import * as i0 from "@angular/core";
 export declare class AccountPage extends AppForm<Account> implements OnInit, OnDestroy, CanLeave {
     formBuilder: UntypedFormBuilder;
@@ -24,6 +25,7 @@ export declare class AccountPage extends AppForm<Account> implements OnInit, OnD
     protected cd: ChangeDetectorRef;
     tabGroup: MatTabGroup;
     propertiesTable: AppPropertiesTable;
+    tokensTable: UserTokenTable;
     selectedTabIndex: number;
     isLogin: boolean;
     changesSubscription: Subscription;

package/src/app/core/account/new-token.modal.d.ts

@@ -0,0 +1,41 @@
+import { AppEntityEditorModal, IEntityEditorModalOptions } from '../form/entity/entity-editor-modal.class';
+import { TokenScope, UserToken } from '../services/model/token.model';
+import { UntypedFormGroup } from '@angular/forms';
+import { Injector, OnInit } from '@angular/core';
+import { UserTokenValidatorService } from '../services/validator/user-token.validator';
+import { TranslateService } from '@ngx-translate/core';
+import { MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
+import { IAppForm } from '../form/form.utils';
+import { AccountService } from '../services/account.service';
+import * as i0 from "@angular/core";
+export interface INewTokenModalOptions extends IEntityEditorModalOptions<UserToken> {
+    tokenScopes: TokenScope[];
+    existingNames: string[];
+}
+export declare class NewTokenModal extends AppEntityEditorModal<UserToken> implements OnInit, INewTokenModalOptions {
+    private injector;
+    protected translate: TranslateService;
+    protected validator: UserTokenValidatorService;
+    protected accountService: AccountService;
+    tokenForm: UntypedFormGroup;
+    tokenAppForm: IAppForm;
+    tokenConfig: MatAutocompleteFieldConfig;
+    copiedLabel: string;
+    tokenScopes: TokenScope[];
+    existingNames: string[];
+    constructor(injector: Injector, translate: TranslateService, validator: UserTokenValidatorService, accountService: AccountService);
+    get valid(): boolean;
+    get invalid(): boolean;
+    ngOnInit(): void;
+    protected computeTitle(data: UserToken): Promise<string>;
+    protected get form(): UntypedFormGroup;
+    protected getFirstInvalidTabIndex(): number;
+    protected registerForms(): void;
+    protected setValue(data: UserToken): Promise<void> | void;
+    protected getValue(): Promise<UserToken>;
+    generate(event: UIEvent): Promise<void>;
+    copy(event: UIEvent): Promise<void>;
+    protected getFlags(scopes: TokenScope[]): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NewTokenModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewTokenModal, "app-new-token-modal", never, { "tokenScopes": "tokenScopes"; "existingNames": "existingNames"; }, {}, never, ["*"], false>;
+}

package/src/app/core/account/token.table.d.ts

@@ -0,0 +1,25 @@
+import { Injector, OnInit } from '@angular/core';
+import { UntypedFormBuilder } from '@angular/forms';
+import { ValidatorService } from '@e-is/ngx-material-table';
+import { TokenScope, UserToken } from '../services/model/token.model';
+import { AppInMemoryTable } from '../table/memory-table.class';
+import { Environment } from '../../../environments/environment.class';
+import * as i0 from "@angular/core";
+export declare class UserTokenTable extends AppInMemoryTable<UserToken> implements OnInit {
+    protected injector: Injector;
+    protected formBuilder: UntypedFormBuilder;
+    protected validatorService: ValidatorService;
+    protected tokenScopes: TokenScope[];
+    useSticky: boolean;
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, validatorService: ValidatorService, environment: Environment, tokenScopes: TokenScope[]);
+    ngOnInit(): void;
+    get value(): UserToken[];
+    set value(data: UserToken[]);
+    setValue(value: UserToken[], opts?: {
+        emitEvent?: boolean;
+    }): void;
+    addToken(event: UIEvent): Promise<void>;
+    display(scopes: TokenScope[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserTokenTable, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserTokenTable, "app-user-token-table", never, { "useSticky": "useSticky"; }, {}, never, never, false>;
+}

package/src/app/core/form/entity/entity-editor-modal.class.d.ts

@@ -72,7 +72,7 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
     unload(opts?: {
         emitEvent?: boolean;
     }): Promise<void>;
-    updateView(data: T | null, opts?: {
+    updateView(data: T, opts?: {
         emitEvent?: boolean;
         openTabIndex?: number;
     }): Promise<void>;

package/src/app/core/form/form.class.d.ts

@@ -8,7 +8,7 @@ import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTransl
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
 import * as i0 from "@angular/core";
-export declare abstract class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormControlPathTranslator {
+export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormControlPathTranslator {
     private _subscription;
     private _form;
     protected _enable: boolean;
@@ -71,7 +71,7 @@ export declare abstract class AppForm<T> implements IAppForm, OnInit, OnDestroy,
     get form(): UntypedFormGroup;
     onCancel: EventEmitter<any>;
     onSubmit: EventEmitter<any>;
-    protected constructor(injector: Injector, form?: UntypedFormGroup);
+    constructor(injector: Injector, form?: UntypedFormGroup);
     ngOnInit(): void;
     ngOnDestroy(): void;
     cancel(): Promise<void>;

package/src/app/core/services/account.service.d.ts

@@ -19,6 +19,7 @@ import { ShowToastOptions } from '../../shared/toast/toasts';
 import { OverlayEventDetail } from '@ionic/core';
 import { ToastController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
+import { TokenScope, UserToken } from './model/token.model';
 import * as i0 from "@angular/core";
 export declare interface AccountDetails {
     loaded: boolean;
@@ -42,10 +43,16 @@ export interface UserSettingsOptions {
     options: FormFieldDefinitionMap;
 }
 export declare const APP_USER_SETTINGS_OPTIONS: InjectionToken<UserSettingsOptions>;
+export declare const APP_USER_TOKEN_SCOPES: InjectionToken<TokenScope[]>;
 export declare interface IsEmailExistsVariables {
     email: string;
     hash: string;
 }
+interface IAuthChallenge {
+    pubkey: string;
+    challenge: string;
+    signature: string;
+}
 export interface AccountWatchOptions {
     intervalInSeconds?: number;
 }
@@ -115,6 +122,7 @@ export declare class AccountService extends BaseGraphqlService<Account, any, num
         offline?: boolean;
         fetchPolicy?: FetchPolicy;
     }): Promise<Account | undefined>;
+    generateToken(flags: number): Promise<string | undefined>;
     /**
      * Check if email is available for new account registration.
      * Throw an error if not available
@@ -164,12 +172,15 @@ export declare class AccountService extends BaseGraphqlService<Account, any, num
      */
     protected saveSettingsRemotely(settings: UserSettings): Promise<void>;
     protected authenticateAndGetToken(token?: string, counter?: number): Promise<string>;
+    protected getAuthChallenge(): Promise<IAuthChallenge>;
     protected startListenRemoteChanges(opts?: AccountWatchOptions): Subscription;
     protected stopListenRemoteChanges(): void;
     protected watchChanges(opts?: AccountWatchOptions): Observable<Account>;
     protected copyIdAndUpdateDate(source: Account | undefined, target: Account): void;
     protected copyIdAndUpdateDateSettings(source: UserSettings | undefined, target: UserSettings): void;
+    protected copyIdAndUpdateDateToken(sources: UserToken[] | undefined, targets: UserToken[]): void;
     protected showToast<T = any>(opts: ShowToastOptions): Promise<OverlayEventDetail<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccountService, [null, null, null, null, null, { optional: true; }, { optional: true; }, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AccountService>;
 }
+export {};

package/src/app/core/services/model/account.model.d.ts

@@ -2,12 +2,14 @@ import { LocalSettings } from './settings.model';
 import { Person } from './person.model';
 import { Entity, EntityAsObjectOptions } from './entity.model';
 import { LatLongPattern } from '../../../shared/material/latlong/latlong.utils';
+import { UserToken } from './token.model';
 /**
  * A user account
  */
 export declare class Account extends Person<Account> {
     static fromObject: (source: any, opts?: any) => Account;
     settings: UserSettings;
+    tokens: UserToken[];
     constructor();
     asObject(opts?: EntityAsObjectOptions): any;
     fromObject(source: any): void;

package/src/app/core/services/model/token.model.d.ts

@@ -0,0 +1,21 @@
+import { Entity, EntityAsObjectOptions } from './entity.model';
+import { Moment } from 'moment/moment';
+export declare class TokenScope {
+    id: string;
+    flag: number;
+    name: string;
+}
+export declare class UserToken extends Entity<UserToken> {
+    static fromObject: (source: any, opts?: any) => UserToken;
+    pubkey: string;
+    token: string;
+    name: string;
+    flags: number;
+    scopes: TokenScope[];
+    expirationDate: Moment;
+    lastUsedDate: Moment;
+    creationDate: Moment;
+    constructor();
+    asObject(opts?: EntityAsObjectOptions): any;
+    fromObject(source: any, opts?: any): void;
+}

package/src/app/core/services/validator/user-token.validator.d.ts

@@ -0,0 +1,13 @@
+import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, ValidationErrors, ValidatorFn } from '@angular/forms';
+import { AppValidatorService } from './base.validator.class';
+import { UserToken } from '../model/token.model';
+import * as i0 from "@angular/core";
+export declare class UserTokenValidatorService extends AppValidatorService<UserToken> {
+    constructor(formBuilder: UntypedFormBuilder);
+    getFormGroup(data?: UserToken): UntypedFormGroup;
+    updateFormGroup(formGroup: UntypedFormGroup, existingNames: string[]): void;
+    static notAlreadyExists(existingNames: string[]): ValidatorFn;
+    static notEmptyArray(control: UntypedFormControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserTokenValidatorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserTokenValidatorService>;
+}

package/src/app/shared/pipes/pipes.module.d.ts

@@ -21,6 +21,6 @@ import * as i19 from "@ionic/angular";
 import * as i20 from "@ngx-translate/core";
 export declare class SharedPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe], [typeof i18.CommonModule, typeof i19.IonicModule, typeof i20.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe], [typeof i18.CommonModule, typeof i19.IonicModule, typeof i20.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/app/shared/pipes/string.pipes.d.ts

@@ -10,6 +10,11 @@ export declare class IsNilOrBlankPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<IsNilOrBlankPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsNilOrBlankPipe, "isNilOrBlank", false>;
 }
+export declare class IsNilOrNaNPipe implements PipeTransform {
+    transform(value: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsNilOrNaNPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsNilOrNaNPipe, "isNilOrNaN", false>;
+}
 export declare class IsNotNilOrNaNPipe implements PipeTransform {
     transform(value: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsNotNilOrNaNPipe, never>;
@@ -20,6 +25,11 @@ export declare class IsNotNilPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<IsNotNilPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsNotNilPipe, "isNotNil", false>;
 }
+export declare class IsNilPipe implements PipeTransform {
+    transform(value: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsNilPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsNilPipe, "isNil", false>;
+}
 export declare class ToStringPipe implements PipeTransform {
     transform(value: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToStringPipe, never>;

package/src/assets/i18n/en-US.json

@@ -294,6 +294,38 @@
         "VALUE": "Value"
       }
     },
+    "TOKENS": {
+      "TITLE": "Tokens",
+      "DESCRIPTION": "Authentication tokens",
+      "SCOPES": {
+        "READ": "Read",
+        "WRITE": "Write",
+        "ADMIN": "Administration"
+      },
+      "TABLE": {
+        "NAME": "Name",
+        "UNKNOWN": "Unknown token",
+        "FLAGS": "Scopes (numeric)",
+        "SCOPES": "Scopes",
+        "CREATION_DATE": "Creation date",
+        "UPDATE_DATE": "Update date",
+        "LAST_USED_DATE": "Last used date",
+        "EXPIRATION_DATE": "Expiration date"
+      },
+      "CREATE": {
+        "TITLE": "Create new token",
+        "DESCRIPTION": "Give this token a name, but don't enter any sensitive information that could be recovered by a third party!",
+        "NAME": "Name",
+        "NAME_ALREADY_EXISTS": "This name already exists",
+        "SCOPES": "Scopes",
+        "EXPIRATION_DATE": "Expiration date",
+        "BTN_GENERATE": "Generate",
+        "BTN_GENERATE_TITLE": "Generate",
+        "COPY_HELP": "Please copy the token below to the clipboard by clicking on the button. Once validated, this token will no longer be visible.",
+        "BTN_COPY_TITLE": "Copy the token to the clipboard",
+        "COPIED": "Copied"
+      }
+    },
     "INFO": {
       "RELOADED": "Your user account has been updated!"
     },

package/src/assets/i18n/en.json

@@ -294,6 +294,38 @@
         "VALUE": "Value"
       }
     },
+    "TOKENS": {
+      "TITLE": "Tokens",
+      "DESCRIPTION": "Authentication tokens",
+      "SCOPES": {
+        "READ": "Read",
+        "WRITE": "Write",
+        "ADMIN": "Administration"
+      },
+      "TABLE": {
+        "NAME": "Name",
+        "UNKNOWN": "Unknown token",
+        "FLAGS": "Scopes (numeric)",
+        "SCOPES": "Scopes",
+        "CREATION_DATE": "Creation date",
+        "UPDATE_DATE": "Update date",
+        "LAST_USED_DATE": "Last used date",
+        "EXPIRATION_DATE": "Expiration date"
+      },
+      "CREATE": {
+        "TITLE": "Create new token",
+        "DESCRIPTION": "Give this token a name, but don't enter any sensitive information that could be recovered by a third party!",
+        "NAME": "Name",
+        "NAME_ALREADY_EXISTS": "This name already exists",
+        "SCOPES": "Scopes",
+        "EXPIRATION_DATE": "Expiration date",
+        "BTN_GENERATE": "Generate",
+        "BTN_GENERATE_TITLE": "Generate",
+        "COPY_HELP": "Please copy the token below to the clipboard by clicking on the button. Once validated, this token will no longer be visible.",
+        "BTN_COPY_TITLE": "Copy the token to the clipboard",
+        "COPIED": "Copied"
+      }
+    },
     "INFO": {
       "RELOADED": "Your user account has been updated!"
     },

package/src/assets/i18n/fr.json

@@ -291,6 +291,38 @@
         "VALUE": "Valeur"
       }
     },
+    "TOKENS": {
+      "TITLE": "Jetons",
+      "DESCRIPTION": "Liste des jetons d'authentification",
+      "SCOPES": {
+        "READ": "Lecture",
+        "WRITE": "Écriture",
+        "ADMIN": "Administration"
+      },
+      "TABLE": {
+        "NAME": "Nom",
+        "UNKNOWN": "Jeton inconnu",
+        "FLAGS": "Droits (numeric)",
+        "SCOPES": "Droits",
+        "CREATION_DATE": "Date de création",
+        "UPDATE_DATE": "Date de modification",
+        "LAST_USED_DATE": "Date de dernière utilisation",
+        "EXPIRATION_DATE": "Date d'expiration"
+      },
+      "CREATE": {
+        "TITLE": "Création d'un nouveau jeton",
+        "DESCRIPTION": "Donnez un nom à ce jeton, mais n'entrez pas d'information sensible qui pourrait être récupérée par une tierce personne !",
+        "NAME": "Nom",
+        "NAME_ALREADY_EXISTS": "Ce nom est déjà utilisé",
+        "SCOPES": "Droits",
+        "EXPIRATION_DATE": "Date d'expiration",
+        "BTN_GENERATE": "Générer",
+        "BTN_GENERATE_TITLE": "Générer",
+        "COPY_HELP": "Veuillez copier le jeton ci-dessous dans le presse-papier en cliquant sur le bouton. Une fois validé, ce jeton ne sera plus visible.",
+        "BTN_COPY_TITLE": "Copier le jeton dans le presse-papier",
+        "COPIED": "Copié"
+      }
+    },
     "INFO": {
       "RELOADED": "Votre compte utilisateur a été <b>actualisé</b> !"
     },