thingsboard/ui-ngx/src/app/shared/pipe/highlight.pipe.ts

28 lines
1.1 KiB
TypeScript
Raw Normal View History

2019-08-12 19:34:23 +03:00
///
2024-01-09 10:46:16 +02:00
/// Copyright © 2016-2024 The Thingsboard Authors
2019-08-12 19:34:23 +03:00
///
/// Licensed under the Apache License, Version 2.0 (the "License");
/// you may not use this file except in compliance with the License.
/// You may obtain a copy of the License at
///
/// http://www.apache.org/licenses/LICENSE-2.0
///
/// Unless required by applicable law or agreed to in writing, software
/// distributed under the License is distributed on an "AS IS" BASIS,
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
/// See the License for the specific language governing permissions and
/// limitations under the License.
///
import { Pipe, PipeTransform } from '@angular/core';
2019-08-12 19:34:23 +03:00
@Pipe({ name: 'highlight' })
export class HighlightPipe implements PipeTransform {
2023-07-07 17:27:59 +03:00
transform(text: string, search: string, includes = false, flags = 'i'): string {
2019-08-12 19:34:23 +03:00
const pattern = search
.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
2023-07-07 17:27:59 +03:00
const regex = new RegExp((!includes ? '^' : '') + pattern, flags);
2019-08-12 19:34:23 +03:00
return search ? text.replace(regex, match => `<b>${match}</b>`) : text;
}
}