src/app/checkout/address/delivery-address/delivery-address.component.ts
selector | app-delivery-address |
styleUrls | delivery-address.component.scss |
templateUrl | ./delivery-address.component.html |
address
|
Type: |
constructor()
|
ngOnInit |
ngOnInit()
|
Returns:
void
|
import { Address } from './../../../core/models/address';
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-delivery-address',
templateUrl: './delivery-address.component.html',
styleUrls: ['./delivery-address.component.scss']
})
export class DeliveryAddressComponent implements OnInit {
@Input() address: Address;
constructor() { }
ngOnInit() {
}
}
<div class="items">
<div class="address-row">
<div class="name">{{address.full_name}}</div>
<div class="address">
<div class="address-content">
<div class="address-field">{{address.address1}}</div>
<div class="address-field">{{address.address2}}</div>
<span class="address-field">{{address.city}}</span>
<span class="address-field">-{{address.zipcode}}</span>
<div class="mob">
<span class="mob-lbl">Mobile: </span>
<span class="mob-no">{{address.phone}}</span>
</div>
</div>
</div>
<div class="serviceability">
<div class="try-and-buy">
<span class="mid-dot">•</span>
Try and Buy available
</div>
<div class="cod">
<span class="mid-dot">•</span>
Cash/Card on Delivery available
</div>
<div class="standard">
<span class="mid-dot">•</span>
Standard Delivery available
</div>
</div>
<button class="select"></button>
<!--<div class="remove-edit">
<span class="remove">Remove</span>
<span class="edit">Edit</span>
</div>-->
</div>
</div>