@if (isContentExpanded || (content && content['length'] < 1000)) {
  <div class="comment-viewer" [innerHTML]="sanitizeHtml(content)"></div>
}
@if (!isContentExpanded && content && content['length'] > 1000) {
  <div class="comment-viewer" [innerHTML]="sanitizeHtml(content | slice:0:1000)"></div>
}

@if (!isContentExpanded && content && content['length'] > 1000) {
  <a href="javascript:;" (click)="toggleContent()" class="btn text-primary">{{'Read More' | translate}}</a>
}
@if (isContentExpanded) {
  <a href="javascript:;" (click)="toggleContent()" class="btn text-primary">{{'Read Less' | translate}}</a>
}