import { Component } from '@angular/core';

@Component({
selector: 'software-engineer',
template: `<div align="center">
            <h2>A little about me</h2>
                <p>{{ sayHi() }}</p>
                <ul>
                    <li *ngFor="let technology of technologiesInterests">
                        {{technology}}
                    </li>
                </ul>
            </div>`
})
export class SoftwareEngineer {
    name: string = '';
    role: string = '';
    company: string = '';
    hobby: string = '';
    sport: string = '';
    workExperience: number = 0;
    technologiesInterests: Array<string> = [];
    
    constructor() {
        this.name = 'Ivan Cherkas';
        this.role = 'Full-stack developer';
        this.company = 'NeatSoft company';
        this.hobby = 'Leather craft';
        this.sport = 'Kung Fu';
        this.workExperience = 3;
        this.technologiesInterests = ['Angular', 'SSR', 'NestJS', 'NodeJS', 'React', 'Redux', 'NgRx'];
    }
    
    sayHi(): string {
        return `Hi all! My name is ${this.name} and for ${this.workExperience}+ years I have been a ${this.role}.
                At the moment I work for the autsorce ${this.company} and I will be glad to report that although it is small in number,
                it is not based on quantity but on quality. Absolutely all employees are decent guys and highly qualified specialists.
                Besides work, I have another important process in my life: my hobby. ${this.hobby} ome may find it boring,
                but I see it as a form of meditation. For sports I prefer ${this.sport}
                Thanks for reading!`;
    }
}