ghostfolio/libs/ui/src/lib/access-level-icon/access-level-icon.component.html

<span class="align-items-center d-flex">
  @switch (accessLevel()) {
    @case ('CREATE_READ_RESTRICTED_UPDATE_DELETE') {
      <span aria-hidden="true" class="mr-1">🔏</span>
      <ng-container i18n>Restricted view and manage</ng-container>
    }
    @case ('CREATE_READ_UPDATE_DELETE') {
      <span aria-hidden="true" class="mr-1">🖋️</span>
      <ng-container i18n>View and manage</ng-container>
    }
    @case ('READ') {
      <span aria-hidden="true" class="mr-1">🔓</span>
      <ng-container i18n>View</ng-container>
    }
    @case ('READ_RESTRICTED') {
      <span aria-hidden="true" class="mr-1">🔒</span>
      <ng-container i18n>Restricted view</ng-container>
    }
  }
</span>