#1704 added pulling of institution descriptions, deleted hardcoded c…

…olumns, fixed comments in pr
ita-social-projects · Nov 7, 2022 · 26872a0 · 26872a0
1 parent af0e7f3
commit 26872a0
Show file tree

Hide file tree

Showing 7 changed files with 157 additions and 7 deletions.
diff --git a/...tions-institution-hierarchies-list/directions-institution-hierarchies-list.component.html b/...tions-institution-hierarchies-list/directions-institution-hierarchies-list.component.html
@@ -0,0 +1,19 @@
+<div class="wrapper">
+  <div [hidden]="!dataSource" class="table-container mat-elevation-z8">
+    <table mat-table [dataSource]="dataSource" matSort appStretchTable>
+      <ng-container *ngFor="let column of displayedColumns; index as i">
+        <ng-container matColumnDef="{{column}}" sticky>
+          <th mat-header-cell *matHeaderCellDef mat-sort-header>
+            {{column}}
+          </th>
+          <td mat-cell *matCellDef="let element" class="tab">
+            <div class="tab-text"> {{ element[i] }}
+            </div>
+          </td>
+        </ng-container>
+      </ng-container>
+      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+      <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
+    </table>
+  </div>
+</div>
diff --git a/...tions-institution-hierarchies-list/directions-institution-hierarchies-list.component.scss b/...tions-institution-hierarchies-list/directions-institution-hierarchies-list.component.scss
@@ -0,0 +1 @@
+@import "src/app/shared/styles/tables.scss";
diff --git a/...ns-institution-hierarchies-list/directions-institution-hierarchies-list.component.spec.ts b/...ns-institution-hierarchies-list/directions-institution-hierarchies-list.component.spec.ts
@@ -0,0 +1,30 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatTableModule } from '@angular/material/table';
+import { NgxsModule } from '@ngxs/store';
+import { DirectionsInstitutionHierarchiesListComponent } from './directions-institution-hierarchies-list.component';
+
+describe('DirectionsInstitutionHierarchiesListComponent', () => {
+  let component: DirectionsInstitutionHierarchiesListComponent;
+  let fixture: ComponentFixture<DirectionsInstitutionHierarchiesListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NgxsModule.forRoot([]), MatTableModule],
+      declarations: [DirectionsInstitutionHierarchiesListComponent]
+    })
+      .compileComponents();
+
+    fixture = TestBed.createComponent(DirectionsInstitutionHierarchiesListComponent);
+    component = fixture.componentInstance;
+    component.institution = {
+      id: "id", 
+      title: 'title',
+      numberOfHierarchyLevels: 2
+    };
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/...ections-institution-hierarchies-list/directions-institution-hierarchies-list.component.ts b/...ections-institution-hierarchies-list/directions-institution-hierarchies-list.component.ts
@@ -0,0 +1,84 @@
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { Select, Store } from '@ngxs/store';
+import { distinctUntilChanged, filter, map, Observable, Subject, takeUntil } from 'rxjs';
+import { Institution, InstituitionHierarchy, InstitutionFieldDescription } from '../../../../../shared/models/institution.model';
+import { GetFieldDescriptionByInstitutionId, GetAllInstitutionsHierarchy } from '../../../../../shared/store/meta-data.actions';
+import { MetaDataState } from '../../../../../shared/store/meta-data.state';
+
+
+@Component({
+  selector: 'app-directions-institution-hierarchies-list',
+  templateUrl: './directions-institution-hierarchies-list.component.html',
+  styleUrls: ['./directions-institution-hierarchies-list.component.scss']
+})
+export class DirectionsInstitutionHierarchiesListComponent implements OnInit, OnDestroy {
+  @Input() institution: Institution;
+
+  @Select(MetaDataState.instituitionsHierarchyAll)
+  institutionsHierarchies$: Observable<InstituitionHierarchy[]>;
+  @Select(MetaDataState.institutionFieldDesc)
+  institutionFieldDesc$: Observable<InstitutionFieldDescription[]>;
+
+
+  destroy$: Subject<boolean> = new Subject<boolean>();
+
+  displayedColumns: string[];
+  institutionalHierarchies: InstituitionHierarchy[];
+  records: string[][];
+  dataSource: MatTableDataSource<object> = new MatTableDataSource([{}]);
+
+  constructor(private store: Store) {
+  }
+
+  ngOnInit(): void {
+    this.store.dispatch(new GetFieldDescriptionByInstitutionId(this.institution.id));
+    this.store.dispatch(new GetAllInstitutionsHierarchy());
+
+    this.institutionFieldDesc$.pipe(
+      filter((institutionFieldDesc: InstitutionFieldDescription[]) => !!institutionFieldDesc),
+      takeUntil(this.destroy$),
+      distinctUntilChanged()
+    ).subscribe((institutionFieldDesc: InstitutionFieldDescription[]) => {
+        this.displayedColumns = institutionFieldDesc.map((ins: InstitutionFieldDescription) => ins.title);
+      });
+    this.institutionsHierarchies$.pipe(
+      filter((institutiionHierarchies: InstituitionHierarchy[]) => !!institutiionHierarchies),
+      takeUntil(this.destroy$),
+      distinctUntilChanged(),
+      map((institutionHierarchies: InstituitionHierarchy[]) =>
+        this.createDirectionTableRecords(institutionHierarchies.filter(i => i.institution.title == this.institution.title))
+      ),
+    ).subscribe(() => {this.dataSource = new MatTableDataSource(this.records);});
+  }
+
+  createDirectionTableRecords(institutionalHierarchies: InstituitionHierarchy[]) {
+    if (institutionalHierarchies) {
+      this.institutionalHierarchies = institutionalHierarchies;
+      this.records = [];
+      let firstLevelInstitutions = this.institutionalHierarchies.filter((ins: InstituitionHierarchy) => ins.hierarchyLevel == 1);
+      firstLevelInstitutions.forEach((ins: InstituitionHierarchy) => {
+        let records: string[] = [];
+        this.createDirectionTableRecord(ins, [...records]);
+      });
+    }
+  }
+
+  createDirectionTableRecord(parent: InstituitionHierarchy, records: string[]) {
+    records.push(parent.title);
+    let children = this.institutionalHierarchies.filter((ins: InstituitionHierarchy) => ins.parentId == parent.id);
+    if (!children.length) {
+      this.records.push(records);
+    }
+    else {
+      children.forEach((child: InstituitionHierarchy) => {
+        this.createDirectionTableRecord(child, [...records]);
+      })
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.destroy$.next(true);
+    this.destroy$.unsubscribe();
+  }
+}
diff --git a/src/app/shell/admin-tools/data/directions-wrapper/directions-wrapper.component.html b/src/app/shell/admin-tools/data/directions-wrapper/directions-wrapper.component.html
@@ -3,9 +3,13 @@
     <mat-tab label="Напрямки для користувача">
       <app-directions></app-directions>
     </mat-tab>
-    <mat-tab label="МОН"> </mat-tab>
-    <mat-tab label="МКІП"> </mat-tab>
-    <mat-tab label="Мінспорт"> </mat-tab>
-    <mat-tab label="Інші"> </mat-tab>
+    <ng-container *ngFor="let institution of (institutions$ | async)">
+      <mat-tab label="{{institution.title}}">
+        <ng-template matTabContent>
+          <app-directions-institution-hierarchies-list [institution]="institution">
+          </app-directions-institution-hierarchies-list>
+        </ng-template>
+      </mat-tab>
+    </ng-container>
   </mat-tab-group>
 </div>
diff --git a/src/app/shell/admin-tools/data/directions-wrapper/directions-wrapper.component.spec.ts b/src/app/shell/admin-tools/data/directions-wrapper/directions-wrapper.component.spec.ts
@@ -1,15 +1,19 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatTabsModule } from '@angular/material/tabs';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgxsModule } from '@ngxs/store';
 import { DirectionsWrapperComponent } from './directions-wrapper.component';
+import { DirectionsComponent } from './directions/directions.component';
 
 describe('DirectionsWrapperComponent', () => {
   let component: DirectionsWrapperComponent;
   let fixture: ComponentFixture<DirectionsWrapperComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [NgxsModule.forRoot([])],
-      declarations: [DirectionsWrapperComponent]
+      imports: [NgxsModule.forRoot([]), MatTabsModule, MatDialogModule, BrowserAnimationsModule],
+      declarations: [DirectionsWrapperComponent, DirectionsComponent],
     }).compileComponents();
 
     fixture = TestBed.createComponent(DirectionsWrapperComponent);

diff --git a/src/app/shell/admin-tools/data/directions-wrapper/directions-wrapper.component.ts b/src/app/shell/admin-tools/data/directions-wrapper/directions-wrapper.component.ts
@@ -1,17 +1,25 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { Store } from '@ngxs/store';
+import { Select, Store } from '@ngxs/store';
+import { Observable } from 'rxjs';
 import { NavBarName } from '../../../../shared/enum/navigation-bar';
 import { PopNavPath, PushNavPath } from '../../../../shared/store/navigation.actions';
+import { MetaDataState } from '../../../../shared/store/meta-data.state';
+import { Institution } from '../../../../shared/models/institution.model';
+import { GetAllInstitutions } from '../../../../shared/store/meta-data.actions';
 
 @Component({
   selector: 'app-directions-wrapper',
   templateUrl: './directions-wrapper.component.html',
   styleUrls: ['./directions-wrapper.component.scss']
 })
 export class DirectionsWrapperComponent implements OnInit, OnDestroy {
+  @Select(MetaDataState.institutions)
+  institutions$: Observable<Institution[]>;
+
   constructor(private store: Store) {}
 
   ngOnInit(): void {
+    this.store.dispatch(new GetAllInstitutions());
     this.store.dispatch(
       new PushNavPath({
         name: NavBarName.Directions,