added create-from functionality

2025-10-08 02:24:11 +00:00 · 2020-06-29 22:17:41 +02:00
parent 32c8d9de03
commit 1cb0bb72e4
50 changed files with 408 additions and 237 deletions
--- a/src/app/process-page/form/scripts-select/scripts-select.component.ts
+++ b/src/app/process-page/form/scripts-select/scripts-select.component.ts
@@ -0,0 +1,100 @@
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Optional, Output } from '@angular/core';
+import { ScriptDataService } from '../../../core/data/processes/script-data.service';
+import { Script } from '../../scripts/script.model';
+import { Observable, Subscription } from 'rxjs';
+import { distinctUntilChanged, filter, map, switchMap, take } from 'rxjs/operators';
+import { getRemoteDataPayload, getSucceededRemoteData } from '../../../core/shared/operators';
+import { PaginatedList } from '../../../core/data/paginated-list';
+import { ActivatedRoute, Params, Router } from '@angular/router';
+import { hasNoValue, hasValue } from '../../../shared/empty.util';
+import { ControlContainer, NgForm } from '@angular/forms';
+import { controlContainerFactory } from '../process-form.component';
+
+const SCRIPT_QUERY_PARAMETER = 'script';
+
+/**
+ * Component used to select a script
+ */
+@Component({
+  selector: 'ds-scripts-select',
+  templateUrl: './scripts-select.component.html',
+  styleUrls: ['./scripts-select.component.scss'],
+  viewProviders: [ { provide: ControlContainer,
+    useFactory: controlContainerFactory,
+    deps: [[new Optional(), NgForm]] } ]
+})
+export class ScriptsSelectComponent implements OnInit, OnDestroy {
+  @Output() select: EventEmitter<Script> = new EventEmitter<Script>();
+  scripts$: Observable<Script[]>;
+  private _selectedScript: Script;
+  private routeSub: Subscription;
+
+  constructor(
+    private scriptService: ScriptDataService,
+    private router: Router,
+    private route: ActivatedRoute,
+  ) {
+  }
+
+  /**
+   * Sets all available scripts
+   * Checks if the route contains a script ID and auto selects this scripts
+   */
+  ngOnInit() {
+    this.scripts$ = this.scriptService.findAll({ elementsPerPage: Number.MAX_SAFE_INTEGER })
+      .pipe(
+        getSucceededRemoteData(),
+        getRemoteDataPayload(),
+        map((paginatedList: PaginatedList<Script>) => paginatedList.page)
+      );
+
+    this.routeSub = this.route.queryParams
+      .pipe(
+        filter((params: Params) => hasNoValue(params.id)),
+        map((params: Params) => params[SCRIPT_QUERY_PARAMETER]),
+        distinctUntilChanged(),
+        switchMap((id: string) =>
+          this.scripts$
+            .pipe(
+              take(1),
+              map((scripts) =>
+                scripts.find((script) => script.id === id)
+              )
+            )
+        )
+      ).subscribe((script: Script) => {
+        this._selectedScript = script;
+        this.select.emit(script);
+      });
+  }
+
+  /**
+   * Returns the identifier of the selected script
+   */
+  get selectedScript(): string {
+    return this._selectedScript ? this._selectedScript.id : undefined;
+  }
+
+  /**
+   * Sets the currently selected script by navigating to the correct route using the scripts ID
+   * @param value The identifier of the script
+   */
+  set selectedScript(value: string) {
+    this.router.navigate([],
+      {
+        queryParams: { [SCRIPT_QUERY_PARAMETER]: value },
+      }
+    );
+  }
+
+  @Input()
+  set script(value: Script) {
+     this._selectedScript = value;
+  }
+
+  ngOnDestroy(): void {
+    if (hasValue(this.routeSub)) {
+      this.routeSub.unsubscribe();
+    }
+  }
+}