/** Angular Imports */
import { Pipe, PipeTransform } from '@angular/core';

/**
 * URL to String pipe.
 * Transform eg: `self-service/users` :: `Self Service | Users`
 */
@Pipe({
  name: 'urlToString'
})
export class UrlToStringPipe implements PipeTransform {

  transform(url: string): any {
    const urlSubstrings: string[] = url.slice(1).split('/');
    const stringRepresentation =
      urlSubstrings
        .map((path: string) => {
          return path.split('-')
            .map((str: string) => {
              return str.charAt(0).toUpperCase() + str.slice(1);
            })
            .join(' ');
        })
        .join(' | ');
    return stringRepresentation;
  }

}