[NAE-1758] Task on single task view is not rendering

- added check for null value

Author: renczesstefan

projects/netgrif-components-core/src/lib/data-fields/enumeration-field/enumeration-autocomplete-select-field/abstract-enumeration-autocomplete-select-field.component.ts

@@ -1,5 +1,5 @@
 import {Component, Input, OnDestroy, OnInit, ViewChild} from '@angular/core';
-import {FormControl, NgModel} from '@angular/forms';
+import { AbstractControl, FormControl, NgModel, ValidationErrors } from '@angular/forms';
 import {Observable, of} from 'rxjs';
 import {map, startWith} from 'rxjs/operators';
 import {EnumerationField, EnumerationFieldValidation, EnumerationFieldValue} from '../models/enumeration-field';
@@ -21,12 +21,14 @@ export abstract class AbstractEnumerationAutocompleteSelectFieldComponent implem
     public tmpValue: string;
 
     filteredOptions: Observable<Array<EnumerationFieldValue>>;
+    filteredOptionsArray: Array<EnumerationFieldValue>;
 
     constructor(protected _translate: TranslateService) {
     }
 
     ngOnInit() {
         this.tmpValue = this.formControlRef.value ?? '';
+        this.formControlRef.addValidators(this.checkFilteredOptions);
         this.filteredOptions = this.formControlRef.valueChanges.pipe(
             startWith(''),
             map(value => this._filter(value))
@@ -121,4 +123,12 @@ export abstract class AbstractEnumerationAutocompleteSelectFieldComponent implem
             return this._translate.instant('dataField.validations.enumeration');
         }
     }
+
+    private checkFilteredOptions(control: AbstractControl): ValidationErrors | null {
+        if (!!this.filteredOptionsArray && this.filteredOptionsArray.length === 0) {
+            return {wrongValue: true};
+        }
+        return null;
+    }
+
 }

projects/netgrif-components/src/lib/panel/panel.component.html

@@ -1,8 +1,7 @@
 <mat-expansion-panel [@.disabled]="expansionDisabled" hideToggle (afterExpand)="emitExpand()"
                      (afterCollapse)="emitCollapse()" #matExpansionPanel class="panel-margin"
-                     [ngClass]="{'margin-top':first, 'margin-bottom':last}" [disabled]='preventCollapse'>
-    <mat-expansion-panel-header *ngIf="showPanelHeader()"
-                                (click)="expandPanel()" class="panel-color header-padding header-min-height"
+                     [ngClass]="{'margin-top':first, 'margin-bottom':last}">
+    <mat-expansion-panel-header (click)="expandPanel()" class="panel-color header-padding header-min-height"
                                 [ngStyle]="{'background': caseColor, 'color': getCaseFontColor()}">
         <mat-panel-description *ngTemplateOutlet="panelHeader">
         </mat-panel-description>

projects/netgrif-components/src/lib/panel/task-panel-single/single-task.component.html

@@ -7,7 +7,7 @@
             <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>
         </div>
 
-        <div class='full-width full-heigh task-tab-background' fxFlex='100'>
+        <div class='full-width full-height task-tab-background' fxFlex='100'>
             <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>
             <nc-task-panel
                 [textEllipsis]='textEllipsis'
@@ -16,10 +16,8 @@
                 [responsiveBody]='responsiveBody'
                 (taskEvent)='emitTaskEvent($event)'
                 (panelRefOutput)='setPanelRef($event)'
-                [preventCollapse]='preventCollapse'
-                [hidePanelHeader]='hidePanelHeader'
-                [actionButtonTemplates]='actionButtonTemplates'
-                [actionRowJustifyContent]='actionRowJustifyContent'
+                [first]='true'
+                [last]='true'
                 class='panel-expanded-spacing'>
             </nc-task-panel>
 
@@ -36,7 +34,7 @@
         </ng-template>
 
         <ng-template #defaultPageFooter>
-            <mat-card class='bootom-card footer'>
+            <mat-card class='bottom-card footer'>
                 <span class="bottom-card-title footer-font"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>
             </mat-card>
         </ng-template>

projects/netgrif-components/src/lib/panel/task-panel-single/single-task.component.scss

@@ -7,7 +7,7 @@
 }
 
 .full-height {
-    height: 100%;
+    height: 100vh;
 }
 
 .task-panel-scroll-container {

projects/netgrif-components/src/lib/panel/task-panel/task-panel.component.html

@@ -1,6 +1,5 @@
 <nc-app-panel [panelContent]="taskPanelContent" [panelHeader]="taskPanelHeader"
-              (stopLoading)="stopLoading()" (getExpansionPanelRef)="setPanelRef($event)" [first]="first" [last]="last"
-              [preventCollapse]='preventCollapse' [hidePanelHeader]='hidePanelHeader'>
+              (stopLoading)="stopLoading()" (getExpansionPanelRef)="setPanelRef($event)" [first]="first" [last]="last">
     <ng-template #taskPanelHeader>
         <div fxLayoutAlign="start center" fxLayout="row" fxFlex="95" (click)="preventSelectionClick($event)">
             <div *ngFor="let field of featuredFieldsValues; let i = index" fxFlex