export class Technology{

    private classColors :Array<string> = [
        'bg-primary',
        'bg-secondary',
        'bg-success',
        'bg-danger',
        'bg-warning',
        'bg-info',
        'bg-dark',
    ];


    constructor(private image: string, private progression: string, private color?: string){
        if(color === undefined)
            this.setColor();
    }

    setColor(){
        this.color = this.classColors[this.getRandomInt(this.classColors.length- 1)];
    }

    private getRandomInt(max) {
        return Math.floor(Math.random() * Math.floor(max));
    }
}

export const technologies: Array<Technology> = [
    new Technology("/assets/angular.png", "90%"),
    new Technology("/assets/java.png", "85%"),
    new Technology("/assets/nodejs.png","83%"),
    new Technology("/assets/ionic.png","80%"),
    new Technology("/assets/flutter.png", "60%"),
    new Technology("/assets/kafka.png", "50%"),
    new Technology("/assets/symfony.png","50%"),
    new Technology("/assets/wordpress.png", "60%"),
    new Technology("/assets/spring-boot.png", "70%"),
    new Technology("/assets/oracle.png", "90%"),
    new Technology("/assets/docker.png", "50%"),
    new Technology("/assets/sass.png", "70%")
]