Add text truncation component

2023-01-05 11:00:08 -06:00
parent 05a8154db0
commit 44147f5976
4 changed files with 51 additions and 0 deletions
--- a/frontend/src/app/shared/components/truncate/truncate.component.html
+++ b/frontend/src/app/shared/components/truncate/truncate.component.html
@@ -0,0 +1,5 @@
+<span class="truncate" [class.rtl]="rtl" [style.max-width]="maxWidth ? maxWidth + 'px' : null">
+  <span class="first">{{text.slice(0,-lastChars)}}</span>
+  <span class="last-four">{{text.slice(-lastChars)}}</span>
+  <ng-content></ng-content>
+</span>