vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import { Component, Input } from '@angular/core';

@Component({
  selector : 'custom-ellipsis',
  template: `
    <span 
          class="ellipsis"
          id="{{id}}"
          tooltip="{{value}}">{{value}}</span>`,
  styles : [
    `
      .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 99%;
        text-align: left;
      }
    `
  ]
})
export class EllipsisComponent {
  @Input() value : string;
  @Input() id : string;

}