diff options
Diffstat (limited to 'vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts')
-rw-r--r-- | vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts b/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts new file mode 100644 index 000000000..b25458d6d --- /dev/null +++ b/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts @@ -0,0 +1,12 @@ +import {PipeTransform, Pipe} from '@angular/core'; +import * as _ from 'lodash'; + +@Pipe({ name: 'highlight' }) +export class HighlightPipe implements PipeTransform { + transform(text: string, search: string): string { + if(_.isNil(text)) return text; + let pattern = search.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&'); + let regex = new RegExp(pattern, 'gi'); + return search ? text.replace(regex, (match) => `<span class="highlight">${match}</span>`) : text; + } +} |