@sumaris-net/ngx-components 2.8.1-beta2 → 2.8.1-beta3

package/package.json

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

package/public_api.d.ts

@@ -200,6 +200,7 @@ export * from './src/app/core/table/entities-table-datasource.class';
 export * from './src/app/core/table/entities-async-table-datasource.class';
 export * from './src/app/core/table/table-select-columns.component';
 export * from './src/app/core/table/actions-column.component';
+export * from './src/app/core/table/row-field.component';
 export * from './src/app/core/icon/icon.component';
 export * from './src/app/core/icon/icon.module';
 export * from './src/app/core/home/home';

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

@@ -43,6 +43,7 @@ export declare class AccountPage extends AppForm<Account> implements OnInit, OnD
     readonly mobile: boolean;
     get valid(): boolean;
     protected showApiTokens: boolean;
+    protected showLatLonFormat: boolean;
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, accountService: AccountService, network: NetworkService, navController: NavController, validatorService: AccountValidatorService, configService: ConfigService, cd: ChangeDetectorRef, locales: LocaleConfig[]);
     ngOnInit(): void;
     ngOnDestroy(): void;

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

@@ -8,6 +8,7 @@ import { IAppForm } from '../form/form.utils';
 import { AccountService } from '../services/account.service';
 import * as i0 from "@angular/core";
 export interface INewTokenModalOptions extends IEntityEditorModalOptions<UserToken> {
+    showScopes: boolean;
     tokenScopes: TokenScope[];
     existingNames: string[];
 }
@@ -18,6 +19,7 @@ export declare class NewTokenModal extends AppEntityEditorModal<UserToken> imple
     tokenForm: UntypedFormGroup;
     tokenAppForm: IAppForm;
     tokenConfig: MatAutocompleteFieldConfig;
+    showScopes: boolean;
     tokenScopes: TokenScope[];
     existingNames: string[];
     private readonly platform;
@@ -35,5 +37,5 @@ export declare class NewTokenModal extends AppEntityEditorModal<UserToken> imple
     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": { "alias": "tokenScopes"; "required": false; }; "existingNames": { "alias": "existingNames"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewTokenModal, "app-new-token-modal", never, { "showScopes": { "alias": "showScopes"; "required": false; }; "tokenScopes": { "alias": "tokenScopes"; "required": false; }; "existingNames": { "alias": "existingNames"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -4,15 +4,20 @@ 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 { ConfigService } from '../services/config.service';
+import { Configuration } from '../services/model/config.model';
 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 cd: ChangeDetectorRef;
+    protected configService: ConfigService;
     protected tokenScopes: TokenScope[];
     useSticky: boolean;
-    constructor(injector: Injector, formBuilder: UntypedFormBuilder, validatorService: ValidatorService, cd: ChangeDetectorRef, environment: Environment, tokenScopes: TokenScope[]);
+    protected showScopes: boolean;
+    protected defaultScope: string;
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, validatorService: ValidatorService, cd: ChangeDetectorRef, configService: ConfigService, environment: Environment, tokenScopes: TokenScope[]);
     ngOnInit(): void;
     get value(): UserToken[];
     set value(data: UserToken[]);
@@ -21,7 +26,8 @@ export declare class UserTokenTable extends AppInMemoryTable<UserToken> implemen
     }): void;
     addToken(event: UIEvent): Promise<void>;
     display(scopes: TokenScope[]): string;
+    protected onConfigLoaded(config: Configuration): void;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UserTokenTable, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserTokenTable, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserTokenTable, "app-user-token-table", never, { "useSticky": { "alias": "useSticky"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/core/form/properties/properties.table.d.ts

@@ -55,6 +55,7 @@ export declare class AppPropertiesTable extends AppInMemoryTable<PropertyEntity,
     ngOnInit(): void;
     get value(): PropertyEntity[];
     set value(data: PropertyEntity[]);
+    definitionByRow: (row: TableElement<PropertyEntity>) => FormFieldDefinition;
     setValue(value: PropertyEntity[], opts?: {
         emitEvent?: boolean;
     }): void;

package/src/app/core/services/config/core.config.d.ts

@@ -4,9 +4,12 @@ export declare const CORE_CONFIG_OPTIONS: Readonly<{
     FAVICON: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DEFAULT_LOCALE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DEFAULT_LAT_LONG_FORMAT: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    DEFAULT_LAT_LONG_FORMAT_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     REGISTRATION_ENABLE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     AUTH_TOKEN_TYPE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     AUTH_API_TOKEN_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    AUTH_API_TOKEN_SCOPE_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    DEFAULT_AUTH_API_TOKEN_SCOPE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     GRAVATAR_ENABLE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     GRAVATAR_URL: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     TESTING: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;

package/src/app/core/table/row-field.component.d.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
+import { PredefinedColors } from '@ionic/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { AppFloatLabelType, FormFieldDefinition } from '../../shared/form/field.model';
+import { MatColumnDef, MatTable } from '@angular/material/table';
+import { AsyncTableElement, TableElement } from '@e-is/ngx-material-table';
+import * as i0 from "@angular/core";
+export declare class AppRowField implements OnInit, OnDestroy {
+    protected cd: ChangeDetectorRef;
+    matTable: MatTable<any>;
+    columnDef: MatColumnDef;
+    name: string;
+    definition: FormFieldDefinition;
+    definitionFn: (row: TableElement<any> | AsyncTableElement<any>) => FormFieldDefinition;
+    headerI18n: string;
+    sortable: boolean;
+    resizable: boolean;
+    required: boolean;
+    readonly: boolean;
+    sticky: boolean;
+    draggable: boolean;
+    disabled: boolean;
+    placeholder: string;
+    compact: boolean;
+    floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
+    tabindex: number;
+    autofocus: boolean;
+    clearable: boolean;
+    chipColor: ThemePalette | PredefinedColors;
+    classList: string;
+    debug: boolean;
+    protected logPrefix: string;
+    constructor(cd: ChangeDetectorRef, matTable: MatTable<any>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppRowField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppRowField, "app-row-field", never, { "name": { "alias": "name"; "required": false; }; "definition": { "alias": "definition"; "required": false; }; "definitionFn": { "alias": "definitionFn"; "required": false; }; "headerI18n": { "alias": "headerI18n"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -1,11 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./table-select-columns.component";
 import * as i2 from "./actions-column.component";
-import * as i3 from "./table.pipes";
-import * as i4 from "../../shared/shared.module";
-import * as i5 from "@ngx-translate/core";
+import * as i3 from "./row-field.component";
+import * as i4 from "./table.pipes";
+import * as i5 from "../../shared/shared.module";
+import * as i6 from "@ngx-translate/core";
+import * as i7 from "../../shared/directives/resizable/resizable.module";
 export declare class AppTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppTableModule, [typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.IsAllSelectedPipe, typeof i3.IsNotAllSelectedPipe], [typeof i4.SharedModule, typeof i5.TranslateModule], [typeof i5.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.IsAllSelectedPipe, typeof i3.IsNotAllSelectedPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppTableModule, [typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.AppRowField, typeof i4.IsAllSelectedPipe, typeof i4.IsNotAllSelectedPipe, typeof i4.DisplayByDefinitionPipe], [typeof i5.SharedModule, typeof i6.TranslateModule, typeof i7.ResizableModule], [typeof i6.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.AppRowField, typeof i4.IsAllSelectedPipe, typeof i4.IsNotAllSelectedPipe, typeof i4.DisplayByDefinitionPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppTableModule>;
 }

package/src/app/core/table/table.pipes.d.ts

@@ -3,6 +3,8 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { AbstractSelectionModelPipe } from '../../shared/pipes/selection.pipes';
 import { AppTable } from './table.class';
 import { Subscription } from 'rxjs';
+import { FormFieldDefinition } from '../../shared/form/field.model';
+import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export type AppTableRowCountProperty = 'visibleRowCount' | 'totalRowCount';
 export declare abstract class AbstractTableSelectionPipe<R, O, T extends AppTable<any> = AppTable<any>> extends AbstractSelectionModelPipe<any, R, O> {
@@ -26,3 +28,9 @@ export declare class IsNotAllSelectedPipe extends IsAllSelectedPipe implements P
     static ɵfac: i0.ɵɵFactoryDeclaration<IsNotAllSelectedPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsNotAllSelectedPipe, "isNotAllSelected", false>;
 }
+export declare class DisplayByDefinitionPipe implements PipeTransform {
+    protected translate: TranslateService;
+    transform(value: any, definition: FormFieldDefinition): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisplayByDefinitionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DisplayByDefinitionPipe, "displayByDefinition", false>;
+}

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

@@ -152,6 +152,7 @@
       "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
+      "ENABLE_DEFAULT_LATLONG_FORMAT": "Show default lat/lon format",
       "APP_MIN_VERSION": "App > Minimal compatible version (x.y.z)",
       "HELP_URL": "App > User manual (URL)",
       "FORUM_URL": "App > Forum address (URL)",
@@ -203,7 +204,9 @@
         "TOKEN": "Crypto",
         "BASIC_AND_TOKEN": "Basic and crypto"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens"
+      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens",
+      "ENABLE_AUTH_API_TOKENS_SCOPE": "API > Enable rights on auth tokens",
+      "DEFAULT_AUTH_API_TOKEN_SCOPE": "API > Default right on new auth token"
     }
   },
   "MENU": {

package/src/assets/i18n/en.json

@@ -152,6 +152,7 @@
       "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
+      "ENABLE_DEFAULT_LATLONG_FORMAT": "Show default lat/lon format",
       "APP_MIN_VERSION": "App > Minimal compatible version (x.y.z)",
       "HELP_URL": "App > User manual (URL)",
       "FORUM_URL": "App > Forum address (URL)",
@@ -203,7 +204,9 @@
         "TOKEN": "Crypto",
         "BASIC_AND_TOKEN": "Basic and crypto"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens"
+      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens",
+      "ENABLE_AUTH_API_TOKENS_SCOPE": "API > Enable rights on auth tokens",
+      "DEFAULT_AUTH_API_TOKEN_SCOPE": "API > Default right on new auth token"
     }
   },
   "MENU": {

package/src/assets/i18n/fr.json

@@ -152,6 +152,7 @@
       "ENABLE_GRAVATAR": "Utilisateur > Utiliser Gravatar ?",
       "DEFAULT_LOCALE": "Langue par défaut",
       "DEFAULT_LATLONG_FORMAT": "Format lat/lon par défaut",
+      "ENABLE_DEFAULT_LATLONG_FORMAT": "Affichage du format lat/lon par défaut",
       "APP_MIN_VERSION": "App > Version minimale compatible (x.y.z)",
       "HELP_URL": "App > Adresse du manuel utilisateur (URL)",
       "FORUM_URL": "App > Adresse du forum (URL)",
@@ -203,7 +204,9 @@
         "TOKEN": "Cryptographique",
         "BASIC_AND_TOKEN": "Basique et cryptographique"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Activer les jetons d'authentification"
+      "ENABLE_AUTH_API_TOKENS": "API > Activer les jetons d'authentification",
+      "ENABLE_AUTH_API_TOKENS_SCOPE": "API > Activer les droits des jetons d'authentification",
+      "DEFAULT_AUTH_API_TOKEN_SCOPE": "API > Droit par défaut d'un nouveau jeton d'authentification"
     }
   },
   "MENU": {

package/src/theme/_ngx-components.table.scss

@@ -91,7 +91,7 @@
       transition: none !important;
     }
 
-    .mat-sort-header-arrow:not([style*="opacity: 1"]) {
+    .mat-sort-header-arrow:not([style*='opacity: 1']) {
       display: none;
     }
   }
@@ -108,7 +108,6 @@
     .mat-mdc-header-cell,
     .mat-mdc-cell,
     .mat-mdc-footer-cell {
-
       // Remove default padding
       padding-inline: 0;
 
@@ -126,7 +125,6 @@
 
       /* Add a start padding to content (but not the cell itself) (e.g. tables with odd/event style - like BatchGroupsTable) */
       &.mat-mdc-cell-content-start-padding {
-
         // Reset start padding here (only apply cell's content)
         padding-inline-start: 0;
 
@@ -221,7 +219,7 @@
     .mat-mdc-cell-computed,
     .mat-cell-computed,
     .mat-mdc-cell ion-text.computed,
-    .mat-mdc-cell ion-label.computed,{
+    .mat-mdc-cell ion-label.computed {
       --ion-text-color: var(--app-form-color-computed, #{$app-form-color-computed}) !important;
       color: var(--ion-text-color) !important;
       font-style: italic;
@@ -229,7 +227,6 @@
   }
 
   .mat-mdc-row {
-
     // Disabled row
     &.mat-mdc-row-disabled *,
     &.mat-row-disabled * {
@@ -250,7 +247,7 @@
     &.mat-mdc-row-selected,
     &.mat-row-selected {
       --ion-text-color: var(--app-table-row-item-selected-text-color) !important;
-      --ion-background-color: var(--app-table-row-item-selected-background-color) !important;;
+      --ion-background-color: var(--app-table-row-item-selected-background-color) !important;
 
       --mdc-filled-text-field-input-text-color: var(--ion-text-color);
       --mat-select-enabled-trigger-text-color: var(--ion-text-color);
@@ -271,7 +268,6 @@
       &.mat-row-disabled:hover {
         background-color: var(--ion-background-color) !important;
       }
-
     }
 
     // Dirty row
@@ -303,7 +299,7 @@
       color: inherit;
 
       .mdc-floating-label {
-          visibility: hidden;
+        visibility: hidden;
       }
     }
 
@@ -343,7 +339,8 @@
       .mat-mdc-form-field-icon-prefix {
         padding: 0;
 
-        ion-icon, .mat-icon {
+        ion-icon,
+        .mat-icon {
           $font-size: calculateRem(18px);
           $margin-vertical: calculateRem(4px);
           height: $font-size;
@@ -375,13 +372,13 @@
           white-space: nowrap;
         }
 
-        input[type=number]::-webkit-outer-spin-button,
-        input[type=number]::-webkit-inner-spin-button {
+        input[type='number']::-webkit-outer-spin-button,
+        input[type='number']::-webkit-inner-spin-button {
           -webkit-appearance: none;
           margin: 0;
         }
 
-        input[type=number] {
+        input[type='number'] {
           //text-align: right;
           -moz-appearance: textfield;
         }
@@ -396,7 +393,8 @@
           --mdc-icon-button-state-layer-size: 24px;
           padding: 0;
 
-          ion-icon, .mat-icon {
+          ion-icon,
+          .mat-icon {
             $font-size: calculateRem(18px);
             font-size: $font-size;
             line-height: 1.125;
@@ -406,7 +404,6 @@
             width: var(--mdc-icon-button-state-layer-size);
           }
         }
-
       }
 
       // Specific behavior for chips
@@ -427,7 +424,7 @@
         visibility: hidden;
       }
 
-      &.mat-form-field-hide-placeholder .mat-mdc-select-placeholder  {
+      &.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
         /* TODO use variables select theme */
         color: rgba(0, 0, 0, 0.6) !important;
         -webkit-text-fill-color: rgba(0, 0, 0, 0.6) !important;
@@ -449,7 +446,6 @@
     .mat-boolean-field-button.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
     .mat-boolean-field-button .mat-mdc-form-field-infix {
       // Increase top border (because of button height)
-
     }
 
     mat-date-time-field {
@@ -555,16 +551,24 @@
     --mdc-icon-button-state-layer-size: var(--mat-paginator-container-size) !important;
     padding: 6px !important;
   }
+}
 
+// -------------------------
+// Specific Properties table
+// -------------------------
+app-properties-table {
+  .mat-column-value {
+    min-width: 50%;
+    max-width: 50%;
+    width: 50%;
+  }
 }
 
 html.plt-mobile {
-
   // fixme: class mat-paginator-footer not used anymore, use .mat-mdc-paginator
   .mat-paginator-footer {
     .mat-paginator-outer-container {
       .mat-paginator-container {
-
         // Move paginator to the left,
         // because floating button are on the right
         margin-top: 0 !important;