chore: created isFalsy pipe to handle no-negated-async linting rule

apps/dsp-app/src/app/app.module.ts

@@ -162,6 +162,7 @@ import { apiConnectionTokenProvider } from './providers/api-connection-token.pro
 import { NgxsStoreModule } from '@dasch-swiss/vre/shared/app-state';
 import { AppProgressIndicatorComponent } from "@dasch-swiss/vre/shared/app-progress-indicator";
 import {AppStringLiteralComponent} from "@dasch-swiss/vre/shared/app-string-literal";
+import { IsFalsyPipe } from './main/pipes/isFalsy.piipe';
 
 // translate: AoT requires an exported function for factories
 export function httpLoaderFactory(httpClient: HttpClient) {
@@ -293,6 +294,7 @@ export function httpLoaderFactory(httpClient: HttpClient) {
         ProjectTileComponent,
         CommentFormComponent,
         DataModelsComponent,
+        IsFalsyPipe,
     ],
     imports: [
         AngularSplitModule,

apps/dsp-app/src/app/main/pipes/isFalsy.piipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'isFalsy',
+  pure: false,
+})
+export class IsFalsyPipe implements PipeTransform {
+  transform(value: any): any {
+    return value ? false : true;
+  }
+}

apps/dsp-app/src/app/project/ontology/ontology.component.html

@@ -33,7 +33,7 @@
                     <p class="mat-caption space-reducer">Data model configuration</p>
                     <span
                         [matTooltip]="((isAdmin$ | async) ? ((lastModificationDate$ | async) ? 'Edit data model info' : 'This data model can\'t be edited because of missing lastModificationDate!') : null)">
-                        <button *ngIf="(currentOntology$ | async) as currentOntology" color="primary" mat-button [disabled]="!!(lastModificationDate$ | async) || (isAdmin$ | async) === false"
+                        <button *ngIf="(currentOntology$ | async) as currentOntology" color="primary" mat-button [disabled]="(lastModificationDate$ | async | isFalsy) || (isAdmin$ | async) === false"
                             (click)="$event.stopPropagation(); openOntologyForm('editOntology', currentOntology.id)">
                             <mat-icon>edit</mat-icon>
                             Edit
@@ -43,7 +43,7 @@
                         [matTooltip]="((isAdmin$ | async) ? ((lastModificationDate$ | async) ? ((currentOntologyCanBeDeleted$ | async) ? 'Delete data model' : 'This data model can\'t be deleted because it is in use!') : 'This data model can\'t be deleted because of missing lastModificationDate!') : null)">
                         <button color="warn" mat-button
                             *ngIf="(currentOntology$ | async) as currentOntology"
-                            [disabled]="(!!(lastModificationDate$ | async) || (currentOntologyCanBeDeleted$ | async) === false) || ((isAdmin$ | async) === false)"
+                            [disabled]="((lastModificationDate$ | async | isFalsy) || (currentOntologyCanBeDeleted$ | async) === false) || ((isAdmin$ | async) === false)"
                             (click)="$event.stopPropagation(); delete('Ontology', {iri: currentOntology.id, label: currentOntology.label})">
                             <mat-icon>delete</mat-icon>
                             Delete
@@ -69,7 +69,7 @@
                             [matTooltip]="'This data model can\'t be edited because of missing \'lastModificationDate\'!'"
                             [matTooltipDisabled]="lastModificationDate$ | async">
                             <button mat-button [matMenuTriggerFor]="addResClassMenu"
-                                [disabled]="!!(lastModificationDate$ | async)">
+                                [disabled]="lastModificationDate$ | async | isFalsy">
                                 <mat-icon>add</mat-icon>
                                 Create new class
                             </button>
@@ -88,7 +88,7 @@
                         [matTooltip]="'This data model can\'t be edited because of missing \'lastModificationDate\'!'"
                         [matTooltipDisabled]="lastModificationDate$ | async">
                         <button mat-button *ngIf="view === 'properties'" [matMenuTriggerFor]="addPropertyMenu"
-                            [disabled]="!!(lastModificationDate$ | async)">
+                            [disabled]="lastModificationDate$ | async | isFalsy">
                             <mat-icon>add</mat-icon>
                             Create new property
                         </button>

apps/dsp-app/src/app/user/overview/overview.component.html

@@ -33,7 +33,7 @@
             </div>
         </div>
         <!-- user is logged in and not a system admin -->
-        <div *ngIf="(isSysAdmin$ | async) === false && !!(user$ | async)">
+        <div *ngIf="(isSysAdmin$ | async) === false && (user$ | async | isFalsy)">
             <div class="title-bar">
                 <div class="title">
                     <p>My Projects</p>
@@ -69,7 +69,7 @@
         </div>
 
         <!-- user is not logged in -->
-        <div *ngIf="((isProjectsLoading$ | async) === false) && !!((user$ | async))">
+        <div *ngIf="((isProjectsLoading$ | async) === false) && user$ | async | isFalsy">
             <!-- list all projects -->
             <div class="title-bar admin">
                 <div class="title">

apps/dsp-app/src/app/user/profile/profile.component.html

@@ -1,4 +1,4 @@
-<dasch-swiss-app-progress-indicator *ngIf="(isLoading$ | async) === true && !!(user$ | async)"></dasch-swiss-app-progress-indicator>
+<dasch-swiss-app-progress-indicator *ngIf="(isLoading$ | async) === true && (user$ | async | isFalsy)"></dasch-swiss-app-progress-indicator>
 
 <ng-container *ngIf="(isLoading$ | async) === false && loggedInUser">
 <ng-container *ngIf="(user$ | async) as user">