/**
 * Made by mkcomponent.sh
*/

import { Component, Input, Inject } from '@angular/core'
import { Router, ActivatedRoute }           from '@angular/router'

@Component({
    moduleId: module.id+ '',
    selector: 'product-variants',
    templateUrl: './tpl.variants.pug',
    styleUrls: ['sty.variants.scss']
})

export class VariantsComponent {

    // Variables
    @Input('variants') variants: any

    constructor(
        private _router: Router,
        private _route: ActivatedRoute
    ) { }

    // Lifehooks
    ngOnChanges() {
        console.log(this.variants)

        this.variants = this.variants.sort(function(a,b){
            return a.color.label.localeCompare(b.color.label);
        });
    }


    // Functions
    navigateTo(urlkey) {
        this._router.navigate(['../'+urlkey], { relativeTo: this._route })
    }
}