diff --git a/src/app/profile/profile-structure/profile-structure.component.html b/src/app/profile/profile-structure/profile-structure.component.html index c8454650e2a645982952863d32f6ffda2cca5e21..7d1574853c169417841944fff1c73c95bd752840 100644 --- a/src/app/profile/profile-structure/profile-structure.component.html +++ b/src/app/profile/profile-structure/profile-structure.component.html @@ -1,4 +1,10 @@ -<app-collapse [variant]="collapseVariant" [size]="'medium'" [boxShadow]="true"> +<app-collapse + class="borderWarning" + [variant]="collapseVariant" + [size]="'medium'" + [boxShadow]="true" + [warningBorder]="!isValid()" +> <app-collapse-header> <div class="collapseHeader"> <div class="left"> diff --git a/src/app/shared/components/v3/collapse/collapse.component.ts b/src/app/shared/components/v3/collapse/collapse.component.ts index 2d4275e96ae4a084efbd42dd73d01953f96011b8..46777b8b80511c0a92900ae62d5a6c23c427c77d 100644 --- a/src/app/shared/components/v3/collapse/collapse.component.ts +++ b/src/app/shared/components/v3/collapse/collapse.component.ts @@ -22,6 +22,8 @@ export class CollapseComponent implements AfterContentInit { /** Box-shadow when expanded? */ @Input() boxShadow? = false; + @Input() warningBorder? = false; + /** Default expanded value */ @Input() expanded? = false; @@ -39,6 +41,12 @@ export class CollapseComponent implements AfterContentInit { } public get classes(): string[] { - return [this.variant, this.size, this.expanded ? 'expanded' : '', this.boxShadow ? 'boxShadow' : '']; + return [ + this.variant, + this.size, + this.expanded ? 'expanded' : '', + this.boxShadow ? 'boxShadow' : '', + this.warningBorder ? 'warningBorder' : '', + ]; } }