Kavita/UI/Web/src/app/cards/entity-title/entity-title.component.html

<ng-container *transloco="let t; read: 'entity-title'">
  @switch (libraryType) {
    @case (LibraryType.Comic) {
      @if (titleName !== '' && prioritizeTitleName) {
        @if (isChapter && includeChapter) {
          {{t('issue-num') + ' '  + number + ' - ' }}
        }

        {{titleName}}
      } @else {
        @if (includeVolume && volumeTitle !== '') {
          {{number !== LooseLeafOrSpecial ? (isChapter && includeVolume ? volumeTitle : '') : ''}}
        }
        {{number !== LooseLeafOrSpecial ? (isChapter ? t('issue-num') + number : volumeTitle) : t('special')}}
      }
    }

    @case (LibraryType.ComicVine) {
      @if (titleName !== '' && prioritizeTitleName) {
        @if (isChapter && includeChapter) {
          {{t('issue-num') + ' '  + number + ' - ' }}
        }

        {{titleName}}
      } @else {
        @if (includeVolume && volumeTitle !== '') {
          {{number !== LooseLeafOrSpecial ? (isChapter && includeVolume ? volumeTitle : '') : ''}}
        }
        {{number !== LooseLeafOrSpecial ? (isChapter ? t('issue-num') + number : volumeTitle) : t('special')}}
      }
    }

    @case (LibraryType.Manga) {
      @if (titleName !== '' && prioritizeTitleName) {
        @if (isChapter && includeChapter) {
          @if (number === LooseLeafOrSpecial) {
            {{t('chapter') + ' - ' }}
          } @else {
            {{t('chapter') + ' '  + number + ' - ' }}
          }

        }
        {{titleName}}
      } @else {
        @if (includeVolume && volumeTitle !== '') {
          @if (number !== LooseLeafOrSpecial && isChapter && includeVolume) {
            {{volumeTitle}}
          }
        }

        @if (number !== LooseLeafOrSpecial) {
          @if (isChapter) {
            {{t('chapter') + ' ' + number}}
          } @else {
            {{volumeTitle}}
          }
        } @else {
          {{t('special')}}
        }
      }
    }

    @case (LibraryType.Book) {
      @if (titleName !== '' && prioritizeTitleName) {
        {{titleName}}
      } @else if (number === LooseLeafOrSpecial) {
        {{null | defaultValue}}
      } @else {
        {{t('book-num', {num: volumeTitle})}}
      }
    }

    @case (LibraryType.LightNovel) {
      @if (titleName !== '' && prioritizeTitleName) {
        {{titleName}}
      } @else if (number === LooseLeafOrSpecial) {
        {{null | defaultValue}}
      } @else {
        {{t('book-num', {num: (isChapter ? number : volumeTitle)})}}
      }
    }

    @case (LibraryType.Images) {
      {{number !== LooseLeafOrSpecial ? (isChapter ? (t('chapter') + ' ')  + number : volumeTitle) : t('special')}}
    }
  }
</ng-container>