DigitaleBibliothek / Frontend / dd049270a7e

Commits

Giuseppe Digilio authored dd049270a7e 06 Jun 2022

[CST-5270] add info alert for section info message

src/app/submission/sections/sherpa-policies/section-sherpa-policies.component.html

Modified

-1
+<ds-alert [type]="'alert-info'" *ngIf="hasNoData()" [content]="'submission.sections.sherpa-policy.title-empty'">
-2
+</ds-alert>
-3
--
+<div *ngIf="!hasNoData()" class="d-flex justify-content-between align-items-center mt-2 mb-2">
--
+    <div class="text-information-section mr-2">
--
+        <span>
--
+            {{'submission.sections.sherpa.publisher.policy.description' | translate}}
--
+        </span>
--
+    </div>
--
+    <button type="button" class="btn btn-secondary pull-right h-100" (click)="refresh()" data-test="refresh-btn">
--
+        <span><i class="fas fa-sync"></i> {{'submission.sections.sherpa.publisher.policy.refresh' | translate}} </span>
-+
+<div *ngIf="!hasNoData()" class="d-flex flex-column flex-nowrap mt-2 mb-4">
-+
+  <ds-alert [type]="'alert-info'" >
-+
+    {{'submission.sections.sherpa.publisher.policy.description' | translate}}
-+
+  </ds-alert>
-+
+  <div>
-+
+    <button type="button" class="btn btn-secondary float-right" (click)="refresh()" data-test="refresh-btn">
-+
+      <span><i class="fas fa-sync"></i> {{'submission.sections.sherpa.publisher.policy.refresh' | translate}} </span>
-11
+    </button>
-+
+  </div>
-13
+</div>
-14
-15
+<ng-container *ngVar="(sherpaPoliciesData$ | async)?.sherpaResponse as sherpaData">
-16
+    <ng-container *ngIf="!hasNoData() && (!!sherpaData && !sherpaData.error)">
-17
+        <ng-container *ngFor="let journal of sherpaData.journals;let j=index;">
-18
+            <div class="mb-3 border-bottom" data-test="collapse">
--
+                <div class="w-100 d-flex justify-content-between collapse-toggle" (click)="collapse.toggle()">
-+
+                <div class="w-100 d-flex justify-content-between collapse-toggle mb-3" (click)="collapse.toggle()">
-20
+                    <button type="button" class="btn btn-link p-0" (click)="$event.preventDefault()"
-21
+                        [attr.aria-expanded]="!collapse.collapsed" aria-controls="collapseExample">
-22
+                        {{'submission.sections.sherpa.publication.information' | translate}}
-23
+                    </button>
-24
+                    <div class="d-inline-block">
-25
+                        <span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
-26
+                        <span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
-27
+                    </div>
-28
+                </div>
-29
+                <div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">
-30
+                    <ds-publication-information [journal]="journal"></ds-publication-information>
-31
+                </div>
-32
+            </div>
-33
+            <div *ngFor="let policy of journal.policies; let p=index;" class="mb-3 border-bottom" data-test="collapse">
--
+                <div class="w-100 d-flex justify-content-between collapse-toggle" (click)="collapse.toggle()">
-+
+                <div class="w-100 d-flex justify-content-between collapse-toggle mb-3" (click)="collapse.toggle()">
-35
+                    <button type="button" class="btn btn-link p-0" (click)="$event.preventDefault()"
-36
+                        [attr.aria-expanded]="!collapse.collapsed" aria-controls="collapseExample">
-37
+                        {{'submission.sections.sherpa.publisher.policy' | translate}}
-38
+                    </button>
-39
+                    <div class="d-inline-block">
-40
+                        <span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
-41
+                        <span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
-42
+                    </div>
-43
+                </div>
-44
+                <div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">
-45
+                    <ds-publisher-policy [policy]="policy"></ds-publisher-policy>
-46
+                </div>
-47
+            </div>
-48
+        </ng-container>
-49
-50
+        <div class="mb-3 border-bottom" data-test="collapse">
--
+            <div class="w-100 d-flex justify-content-between collapse-toggle" (click)="collapse.toggle()">
-+
+            <div class="w-100 d-flex justify-content-between collapse-toggle mb-3" (click)="collapse.toggle()">
-52
+                <button type="button" class="btn btn-link p-0" (click)="$event.preventDefault()"
-53
+                    [attr.aria-expanded]="!collapse.collapsed" aria-controls="collapseExample">
-54
+                    {{'submission.sections.sherpa.record.information' | translate}}
-55
+                </button>
-56
+                <div class="d-inline-block">
-57
+                    <span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
-58
+                    <span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
-59
+                </div>
-60
+            </div>
-61
+            <div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">
-62
+                <ds-metadata-information [metadata]="sherpaData.metadata"></ds-metadata-information>
-63
+            </div>
-64
+        </div>
-65
+    </ng-container>
-66
-67
+    <ng-container *ngIf="!!sherpaData && sherpaData.error">
-68
+        <ds-alert [type]="AlertTypeEnum.Error"
-69
+            [content]="!!sherpaData.message ? sherpaData.message : 'submission.sections.sherpa.error.message'| translate">
-70
+        </ds-alert>
-71
+    </ng-container>
--
+</ng-container>
-+
+</ng-container>

Frontend

Commits

Jira Issues

Add shortcut