// app/translate/translate.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import { TranslateService } from '../services/translate-service'; // our translate service

/**
 * @desc Pipes transform displayed values within a template.
 * 
 * @export
 * @class TranslatePipe
 * @implements {PipeTransform}
 */
@Pipe({
    name: 'translate',
    pure: false // impure pipe, update pipe value when we change language
})

export class TranslatePipe implements PipeTransform {

	constructor(private _translate: TranslateService) { }
	// take the word as input which need to be translated and use service to translate it 
	transform(value: string, args: string | string[]): any {
		if (!value) return;
		return this._translate.instant(value, args);
	}
}