new accessStatusClass atribute

(cherry picked from commit 6378dbec4a)
This commit is contained in:
Paulo Graça
2023-11-10 00:09:46 +00:00
committed by github-actions[bot]
parent ff03243298
commit a12488c827

View File

@@ -11,7 +11,8 @@ import { ITEM } from '../../../../../core/shared/item.resource-type';
@Component({ @Component({
selector: 'ds-access-status-badge', selector: 'ds-access-status-badge',
templateUrl: './access-status-badge.component.html' templateUrl: './access-status-badge.component.html',
styleUrls: ['./access-status-badge.component.scss']
}) })
/** /**
* Component rendering the access status of an item as a badge * Component rendering the access status of an item as a badge
@@ -26,6 +27,11 @@ export class AccessStatusBadgeComponent {
*/ */
showAccessStatus: boolean; showAccessStatus: boolean;
/**
* Value based stylesheet class for access status badge
*/
accessStatusClass: string;
/** /**
* Initialize instance variables * Initialize instance variables
* *
@@ -57,5 +63,12 @@ export class AccessStatusBadgeComponent {
map((status: string) => `access-status.${status.toLowerCase()}.listelement.badge`), map((status: string) => `access-status.${status.toLowerCase()}.listelement.badge`),
catchError(() => observableOf('access-status.unknown.listelement.badge')) catchError(() => observableOf('access-status.unknown.listelement.badge'))
); );
// stylesheet based on the access status value
this.accessStatus$.pipe(
map((accessStatusClass: string) => accessStatusClass.replace(/\./g, '-'))
).subscribe((accessStatusClass: string) => {
this.accessStatusClass = accessStatusClass;
});
} }
} }