Commits
Rezart Vata authored 377214c9966
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()"> |