import { Component, Input, SimpleChanges, OnChanges, OnInit } from '@angular/core';
import { UtilService } from 'src/app/core/services/util-service/util.service';
import { LabelService } from 'src/app/core/services/label-service/label-service.service';
import { ConstantsService } from 'src/app/shared/constants/constants.service';

@Component ({
	selector: 'div[technical-specification]',
	templateUrl: './technical-specification.component.html',
	styleUrls: ['./technical-specification.component.scss']
})
export class TechnicalSpecificationComponent implements OnInit, OnChanges {

	@Input() data;

	technicalData = [];
	sortData;
	technicalSpecLabel: string;
	calcButtonLabel: string;
	calcButtonUrl: string;
	compId: string;

	constructor(
		private util: UtilService,
		private labelService: LabelService,
		private constants: ConstantsService
	) {}

	ngOnInit(): void {
		this.labelService.getLabel('technicalSpecificationOnPDPs').then(res => this.technicalSpecLabel = res);
		this.labelService.getLabel('pimPDPcalculateButton').then(res => this.calcButtonLabel = res);
		this.calcButtonUrl = this.constants.CALCULATE_BEARING_URL;
		this.compId = `${this.constants.COMPONENT_ID_PREFIX}-spec`;
	}

	ngOnChanges(changes: SimpleChanges): void {
		if (changes && this.data) {
			this.technicalData = this.util.extract(this.data, 'documentList', 'documents', [0], 'technical_data');
			this.sortData = {
				systems: this.data['systems'],
				sortOptions: null,
				tableData: null
			};
		}
	}
}