import {Component, OnInit, Input} from '@angular/core';
import {ContactAddress} from "~/shared/models/contact-model";

@Component({
    selector: 'app-contact-address',
    templateUrl: './contact-address.component.html',
    styleUrls: ['./contact-address.component.css']
})
export class ContactAddressComponent implements OnInit {
    formattedAddressLine1: string;
    formattedAddressLine2: string;

    address: ContactAddress;

    @Input('address')
    set in(a: ContactAddress) {
        this.address = a;
        let {line1, line2} = formatAddress(a);
        this.formattedAddressLine1 = line1;
        this.formattedAddressLine2 = line2;
    }

    constructor() {
    }

    ngOnInit() {
    }
}

function formatAddress(address: ContactAddress) {
    return {
        line1: formatLine(
            address.street1, address.street2, address.street3, address.street4,
            address.street5, address.street6, address.street7, address.street8
        ),
        line2: formatLine(
            address.city, address.state, address.zIP, address.countryId + ""
        )
    }
}

function formatLine(...array: string[]) {
    return array.map(s => (s || "").trim())
        .filter(s => !!s)
        .join(" ")
}