hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 01:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

CST-11045 Dynamically creating dropdowns based on the coarconfig

Browse Source
This commit is contained in:
Mattia Vianelli
2023-10-25 23:03:24 +02:00
parent 7ed4d1457d
commit 0682b7b45f
2 changed files with 48 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/submission/sections/section-coar-notify/section-coar-notify.component.html
View File

@@ -1,31 +1,15 @@
<div class="container"> <div class="container">
<ds-alert [content]="'submission.sections.notify.info'" [dismissible]="true" [type]="AlertTypeEnum.Info"></ds-alert>
<ds-alert [content]="'submission.sections.notify.info'"
[dismissible]="true"
[type]="AlertTypeEnum.Info"></ds-alert>
<div class="dropdown-section"> <div class="dropdown-section">
<div class="dropdown"> <ng-container *ngIf="patternsLoaded">
<label>Request a Review at the following service</label> <div class="dropdown" *ngFor="let pattern of patterns">
<select [(ngModel)]="requestReview"> <label>Request a {{ pattern }} at the following service</label>
<option *ngFor="let reviewPatternService of (ldnServicesRD$ | async)?.payload?.page" <select [(ngModel)]="selectedServices[pattern]">
[value]="reviewPatternService">{{ reviewPatternService.name }}</option> <option *ngFor="let service of (ldnServicesRD$ | async)?.payload?.page" [value]="service">
</select> {{ service.name }}
</div> </option>
<div class="dropdown">
<label>Request an Endorsement at the following service</label>
<select [(ngModel)]="requestEndorsement">
<option *ngFor="let endorsementPatternService of (coarNotifyConfigRD$ | async)?.payload?.page"
[value]="endorsementPatternService">{{ endorsementPatternService.patterns }}</option>
</select>
</div>
<div class="dropdown">
<label>Dropdown 3</label>
<select [(ngModel)]="requestIngest">
<option *ngFor="let ingestPatternService of (ldnServicesRD$ | async)?.payload?.page"
[value]="ingestPatternService">{{ ingestPatternService.name }}</option>
</select> </select>
</div> </div>
</ng-container>
</div> </div>
</div> </div>

29
src/app/submission/sections/section-coar-notify/section-coar-notify.component.ts
View File

@@ -57,12 +57,11 @@ export class SubmissionSectionCoarNotifyComponent extends SectionModelComponent
ldnServicesRD$: Observable<RemoteData<PaginatedList<LdnService>>>; ldnServicesRD$: Observable<RemoteData<PaginatedList<LdnService>>>;
selectedServiceValues: any[] = [];
/** patterns: string[] = [];
* The AlertType enumeration selectedServices: { [key: string]: LdnService } = {};
* @type {AlertType} patternsLoaded = false;
*/
public AlertTypeEnum = AlertType; public AlertTypeEnum = AlertType;
/** /**
* The form model * The form model
@@ -171,7 +170,15 @@ export class SubmissionSectionCoarNotifyComponent extends SectionModelComponent
*/ */
setCoarNotifyConfig() { setCoarNotifyConfig() {
this.coarNotifyConfigRD$ = this.coarNotifyConfigDataService.findAll().pipe( this.coarNotifyConfigRD$ = this.coarNotifyConfigDataService.findAll().pipe(
getFirstCompletedRemoteData()); getFirstCompletedRemoteData()
);
this.coarNotifyConfigRD$.subscribe((data) => {
if (data.hasSucceeded) {
this.patterns = data.payload.page[0].patterns;
this.patternsLoaded = true;
}
});
} }
/** /**
@@ -296,6 +303,16 @@ export class SubmissionSectionCoarNotifyComponent extends SectionModelComponent
this.ldnServicesRD$ = this.ldnServicesService.findAll().pipe( this.ldnServicesRD$ = this.ldnServicesService.findAll().pipe(
getFirstCompletedRemoteData() getFirstCompletedRemoteData()
); );
this.ldnServicesRD$.subscribe((data) => {
if (this.patternsLoaded) {
this.patterns.forEach((pattern) => {
this.selectedServices[pattern] = data.payload.page.find((service) =>
this.hasInboundPattern(service, `Request ${pattern}`)
);
});
}
});
} }
protected getSectionStatus(): Observable<boolean> { protected getSectionStatus(): Observable<boolean> {