Custom Pipes

1. PhoneNumberPipe

File: src/app/pipes/phone-number.pipe.ts

Formats phone numbers according to Indonesian format.

Usage:

{{ phoneNumber | phoneNumber }}

2. ShortNumberPipe

File: src/app/pipes/short-number-pipe.pipe.ts

Converts large numbers to shortened format (e.g., 1000 → 1K).

Usage:

{{ largeNumber | shortNumber }}

3. TimeAgoPipe

File: src/app/pipes/time-ago.pipe.ts

Converts timestamps to relative time (e.g., "2 hours ago").

Usage:

{{ timestamp | timeAgo }}

4. TransformCityPipe

File: src/app/pipes/transform-city.pipe.ts

Formats city names according to application standards.

Usage:

{{ cityName | transformCity }}

5. SafePipe

File: src/app/safe.pipe.ts

Bypasses Angular's security for trusted content (URLs, HTML, etc.).

Usage:

<iframe [src]="url | safe:'resourceUrl'"></iframe>

6. NumberPipe

File: src/app/number.pipe.ts

Custom number formatting for Indonesian locale.

Usage:

{{ price | number }}