mirror of
https://github.com/Retropex/mempool.git
synced 2025-05-13 02:30:41 +02:00
21 lines
1.0 KiB
HTML
21 lines
1.0 KiB
HTML
<span class="truncate" [style.max-width]="maxWidth ? maxWidth + 'px' : null" [style.justify-content]="textAlign" [class.inline]="inline">
|
|
<ng-container *ngIf="link">
|
|
<a [routerLink]="link" [queryParams]="queryParams" class="truncate-link" [target]="external ? '_blank' : '_self'" [class.disabled]="disabled">
|
|
<ng-container *ngIf="rtl; then rtlTruncated; else ltrTruncated;"></ng-container>
|
|
</a>
|
|
</ng-container>
|
|
<ng-container *ngIf="!link">
|
|
<ng-container *ngIf="rtl; then rtlTruncated; else ltrTruncated;"></ng-container>
|
|
</ng-container>
|
|
<ng-content></ng-content>
|
|
</span>
|
|
|
|
<ng-template #ltrTruncated>
|
|
<span class="first">{{text.slice(0,-lastChars)}}</span><span class="last-four">{{text.slice(-lastChars)}}</span>
|
|
<div class="hidden-content">{{ text }}</div>
|
|
</ng-template>
|
|
|
|
<ng-template #rtlTruncated>
|
|
<span class="first">{{text.slice(lastChars)}}</span><span class="last-four">{{text.slice(0,lastChars)}}</span>
|
|
<div class="hidden-content">{{ text }}</div>
|
|
</ng-template> |