import { Component } from '@angular/core'

import { PageHeaderComponent } from '@k-core/modules/page/components/header/cmp.page-header'

@Component({
	selector: 'page-header',
	templateUrl: 'tpl.page-header.pug',
	styleUrls: ['sty.page-header.scss']
})
export class PageHeaderSuntexComponent extends PageHeaderComponent {

	// ---- Variables ---- \\
	first_word: string
	remaining_title: string




	// ---- Lifecycle hooks ---- \\

	ngOnInit() {
		if(this.pageContent) {
			this.first_word = this.pageContent.title.split(' ')[0] 
			this.remaining_title = this.removeFirstWord(this.pageContent.title)
		}
	}

	ngOnChanges() {
		if(this.pageContent) {
			this.first_word = this.pageContent.title.split(' ')[0] 
			this.remaining_title = this.removeFirstWord(this.pageContent.title)
		}
	}


	
	// ---- Function ---- \\

	/**
	 * Removes the first word from string and returns filtered string
	 * @param sentence 
	 */
	removeFirstWord(sentence: string) {
		let words = sentence.split(' ')
		let filtered_sentence: string
		words.shift()
		filtered_sentence = words.join(' ')

		return filtered_sentence
	}
}