Pg-field-loading

client/apps/app-toolbox/src/app/components/analysis/layouts/analysis-layout-base/analysis-layout-base.component.html

@@ -7,7 +7,7 @@
   -------------------------------------------------------------------->
   <as-split-area [size]="t.splitSizeLeft" class="d-flex flex-column">
 
-    <gv-detail-top-bar [openRightAreaBtn]="t.layoutMode=='left-only'" [closeLeftAreaBtn]="t.layoutMode=='both'"
+    <gv-detail-top-bar [openRightAreaBtn]="t.layoutMode==='left-only'" [closeLeftAreaBtn]="t.layoutMode==='both'"
       (closeLeft)="t.setLayoutMode('right-only')" (openRight)="t.setLayoutMode('both'); run();">
 
       <!-- Details -->
@@ -20,14 +20,14 @@
 
       <ng-content select="[settingsTopBar]"> </ng-content>
 
-      <button mat-button class="ml-auto border-right-0" color="primary" *ngIf="!pkAnalysis"
-        [disabled]="a.saving" (click)="create()">
+      <button mat-button class="ml-auto border-right-0" color="primary" *ngIf="!pkAnalysis" [disabled]="a.saving"
+        (click)="create()">
         <mat-icon svgIcon="content-save-outline" color="primary"></mat-icon>
         Save...
       </button>
 
       <!-- Save button -->
-      <button mat-button class="ml-auto border-right-0" *ngIf="pkAnalysis" [matMenuTriggerFor]="appMenu">
+      <button mat-button class="ml-auto border-right-0" *ngIf="pkAnalysis" (click)="save()">
         <mat-icon svgIcon="content-save-outline"></mat-icon>
         Save
       </button>
@@ -62,9 +62,9 @@
   <!-------------------------------------------------------------------
     Analysis Results
   -------------------------------------------------------------------->
-  <as-split-area [size]="t.splitSizeRight" *ngIf="!(t.layoutMode=='left-only')" class="d-flex flex-column">
+  <as-split-area [size]="t.splitSizeRight" *ngIf="!(t.layoutMode==='left-only')" class="d-flex flex-column">
 
-    <gv-detail-top-bar [openLeftAreaBtn]="t.layoutMode=='right-only'" [closeRightAreaBtn]="t.layoutMode=='both'"
+    <gv-detail-top-bar [openLeftAreaBtn]="t.layoutMode==='right-only'" [closeRightAreaBtn]="t.layoutMode==='both'"
       (closeRight)="t.setLayoutMode('left-only')" (openLeft)="t.setLayoutMode('both');">
       <span class="ml-2 mat-caption mat-text-secondary">
         Analysis Results

client/apps/app-toolbox/src/app/components/editor/entity-field/entity-field.component.ts

@@ -1,30 +1,31 @@
-import { AsyncPipe, NgClass, NgFor, NgIf } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ActiveProjectPipesService, Field, FieldPage, GvFieldTargets, InformationPipesService, StateFacade } from '@kleiolab/lib-redux';
-import { GvFieldPage, GvFieldPageReq, GvFieldPageScope, GvFieldSourceEntity } from '@kleiolab/lib-sdk-lb4';
-import { values } from 'ramda';
-import { Observable, Subject, firstValueFrom } from 'rxjs';
-import { first, map, takeUntil } from 'rxjs/operators';
-import { P_1879_HAS_VALUE_ID } from '../../../lib/constants/ontome-ids';
-import { ActiveProjectService } from '../../../services/active-project.service';
-import { EditModeService } from '../../../services/edit-mode.service';
-import { PaginationService } from '../../../services/pagination.service';
-import { READ_ONLY } from '../../../tokens/READ_ONLY';
-import { ClassInfoComponent } from '../../misc/class-info/class-info.component';
-import { EntityPreviewComponent } from '../../misc/entity-preview/entity-preview.component';
-import { OntoPropertyInfoComponent } from '../../misc/onto-property-info/onto-property-info.component';
-import { FieldLabelComponent } from '../field-label/field-label.component';
-import { ViewFieldDialogComponent, ViewFieldDialogData } from '../view-field-dialog/view-field-dialog.component';
+import {AsyncPipe, NgClass, NgFor, NgIf} from '@angular/common';
+import {ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Inject, Input, OnInit, Optional} from '@angular/core';
+import {MatDialog} from '@angular/material/dialog';
+import {MatTooltipModule} from '@angular/material/tooltip';
+import {ActiveProjectPipesService, Field, FieldPage, GvFieldTargets, InformationPipesService, StateFacade} from '@kleiolab/lib-redux';
+import {GvFieldPage, GvFieldPageReq, GvFieldPageScope, GvFieldSourceEntity} from '@kleiolab/lib-sdk-lb4';
+import {values} from 'ramda';
+import {Observable, Subject, firstValueFrom} from 'rxjs';
+import {first, map, takeUntil} from 'rxjs/operators';
+import {PassiveLinkDirective} from '../../../directives/passive-link/passive-link.directive';
+import {P_1879_HAS_VALUE_ID} from '../../../lib/constants/ontome-ids';
+import {ActiveProjectService} from '../../../services/active-project.service';
+import {EditModeService} from '../../../services/edit-mode.service';
+import {PaginationService} from '../../../services/pagination.service';
+import {READ_ONLY} from '../../../tokens/READ_ONLY';
+import {ClassInfoComponent} from '../../misc/class-info/class-info.component';
+import {EntityPreviewComponent} from '../../misc/entity-preview/entity-preview.component';
+import {OntoPropertyInfoComponent} from '../../misc/onto-property-info/onto-property-info.component';
+import {FieldLabelComponent} from '../field-label/field-label.component';
+import {ViewFieldDialogComponent, ViewFieldDialogData} from '../view-field-dialog/view-field-dialog.component';
 
 @Component({
   selector: 'gv-entity-field',
   templateUrl: './entity-field.component.html',
   styleUrls: ['./entity-field.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [NgIf, NgClass, ClassInfoComponent, OntoPropertyInfoComponent, FieldLabelComponent, MatTooltipModule, NgFor, EntityPreviewComponent, AsyncPipe]
+  imports: [NgIf, NgClass, ClassInfoComponent, OntoPropertyInfoComponent, FieldLabelComponent, MatTooltipModule, NgFor, EntityPreviewComponent, AsyncPipe, PassiveLinkDirective]
 })
 export class EntityFieldComponent implements OnInit {
   destroy$ = new Subject<boolean>();
@@ -95,7 +96,7 @@ export class EntityFieldComponent implements OnInit {
   getFieldTargets(field: Field): GvFieldTargets {
     const res: GvFieldTargets = {}
     values(field.targets).forEach(t => {
-      res[t.targetClass] = t.viewType.nestedResource ? { entityPreview: 'true' } : t.viewType
+      res[t.targetClass] = t.viewType.nestedResource ? {entityPreview: 'true'} : t.viewType
     })
     return res
   }
@@ -123,9 +124,9 @@ export class EntityFieldComponent implements OnInit {
       page: {
         isOutgoing: false,
         limit: 1, offset: 0,
-        property: { fkProperty: P_1879_HAS_VALUE_ID },
-        scope: { inProject: pkProject },
-        source: { fkData: pkDigital }
+        property: {fkProperty: P_1879_HAS_VALUE_ID},
+        scope: {inProject: pkProject},
+        source: {fkData: pkDigital}
       },
       pkProject,
       targets: {}

client/apps/app-toolbox/src/app/components/editor/view-field-body/view-field-body.component.ts

@@ -141,7 +141,7 @@ export class ViewFieldBodyComponent implements OnInit, OnDestroy {
      * For UX-Performance: trigger field load with limit 0 to get the total count of statements
      * in that field (without the need to query nested fields)
      */
-    this.loadFieldCount(until$);
+    // this.loadFieldCount(until$);
 
     const page$ = pagination$.pipe(
       delay(0),

client/apps/app-toolbox/src/app/pages/project/project-edit/project-edit.component.html

@@ -1,7 +1,7 @@
 <gv-navbar>
   <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a routerLink="/"><i class="fa fa-home"></i> Home</a></li>
-    <li class="breadcrumb-item"><a routerLink="/projects">Your Projects</a></li>
+    <li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i> Home</a></li>
+    <li class="breadcrumb-item"><a href="/projects">Your Projects</a></li>
     <li class="breadcrumb-item">{{(projectLabel$|async)}}</li>
   </ol>
 
@@ -15,8 +15,7 @@
 <mat-drawer-container class="gv-flex-fh">
 
   <!-- Main Categories (Sources, Entities …) -->
-  <mat-drawer class="gv-main-drawer" mode="side" [opened]=true [disableClose]="true"
-    style="width: 80px">
+  <mat-drawer class="gv-main-drawer" mode="side" [opened]=true [disableClose]="true" style="width: 80px">
 
     <div class="h-100 d-flex flex-column mat-bg-grey-200">
 
@@ -180,4 +179,4 @@
 
 
   </mat-drawer-content>
-</mat-drawer-container>
+</mat-drawer-container>