Commits

Rezart Vata authored 377214c9966
[CST-5270] Finished improvements
No tags

src/app/submission/sections/container/section-container.component.html

Modified
1 1 <div dsSection #sectionRef="sectionRef" [attr.id]="'section_' + sectionData.id"
2 2 [ngClass]="{ 'section-focus' : sectionRef.isSectionActive() }" [mandatory]="sectionData.mandatory"
3 3 [submissionId]="submissionId" [sectionType]="sectionData.sectionType" [sectionId]="sectionData.id">
4 4 <ngb-accordion #acc="ngbAccordion" *ngIf="(sectionRef.isEnabled() | async)"
5 5 (panelChange)="sectionRef.sectionChange($event)" activeIds="{{ sectionData.id }}" [destroyOnHide]="false">
6 - <ngb-panel id="{{ sectionData.id }}" [type]="sectionRef.isInfo() ? 'alert-info' : ''">
6 + <ngb-panel id="{{ sectionData.id }}" [type]="sectionRef.isInfo() ? 'info' : ''">
7 7 <ng-template ngbPanelTitle>
8 - <span [ngClass]="{ 'light' : sectionRef.isInfo()}" class="float-left section-title" tabindex="0">{{
8 + <span [ngClass]="{ 'text-white' : sectionRef.isInfo()}" class="float-left section-title" tabindex="0">{{
9 9 'submission.sections.'+sectionData.header | translate
10 10 }}</span>
11 11 <div class="d-inline-block float-right">
12 12 <i *ngIf="!(sectionRef.isValid() | async) && !(sectionRef.hasErrors()) && !(sectionRef.isInfo())"
13 13 class="fas fa-exclamation-circle text-warning mr-3"
14 14 title="{{'submission.sections.status.warnings.title' | translate}}" role="img"
15 15 [attr.aria-label]="'submission.sections.status.warnings.aria' | translate"></i>
16 16 <i *ngIf="(sectionRef.hasErrors()) && !(sectionRef.isInfo())"
17 17 class="fas fa-exclamation-circle text-danger mr-3"
18 18 title="{{'submission.sections.status.errors.title' | translate}}" role="img"
19 19 [attr.aria-label]="'submission.sections.status.errors.aria' | translate"></i>
20 20 <i *ngIf="(sectionRef.isValid() | async) && !(sectionRef.hasErrors()) && !(sectionRef.isInfo())"
21 21 class="fas fa-check-circle text-success mr-3"
22 22 title="{{'submission.sections.status.valid.title' | translate}}" role="img"
23 23 [attr.aria-label]="'submission.sections.status.valid.aria' | translate"></i>
24 - <i *ngIf="sectionRef.isInfo()" class="fas fa-info-circle text-info mr-3"
24 + <i *ngIf="sectionRef.isInfo()" class="fas fa-info-circle mr-3 text-white"
25 25 title="{{'submission.sections.status.info.title' | translate}}" role="img"
26 26 [attr.aria-label]="'submission.sections.status.info.aria' | translate"></i>
27 27 <a class="close" tabindex="0" role="button"
28 28 [attr.aria-label]="(sectionRef.isOpen() ? 'submission.sections.toggle.aria.close' : 'submission.sections.toggle.aria.open') | translate: {sectionHeader: ('submission.sections.'+sectionData.header | translate)}"
29 29 [title]="(sectionRef.isOpen() ? 'submission.sections.toggle.close' : 'submission.sections.toggle.open') | translate">
30 - <span *ngIf="sectionRef.isOpen()" class="fas fa-chevron-up fa-fw"></span>
30 + <span *ngIf="sectionRef.isOpen()" [ngClass]="{ 'text-white' : sectionRef.isInfo()}"
31 + class="fas fa-chevron-up fa-fw"></span>
31 32 <span *ngIf="!sectionRef.isOpen()" class="fas fa-chevron-down fa-fw"></span>
32 33 </a>
33 34 <a href="javascript:void(0);" class="close mr-3" *ngIf="!sectionRef.isMandatory()"
34 35 (click)="removeSection($event)">
35 36 <i class="fas fa-trash-o" aria-hidden="true" tabindex="0"></i>
36 37 </a>
37 38 </div>
38 39 </ng-template>
39 40 <ng-template ngbPanelContent>
40 41 <div id="sectionGenericError_{{sectionData.id}}" *ngIf="sectionRef.hasGenericErrors()">

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut