AddressSelector

Domain

Selectable list of saved addresses built on AddressCard. Supports add, edit, and delete callbacks.

Preview

Jane Doe

123 Main Street, Apt 4B

Near Central Park

New York, NY, 10001

United States (US)

+1 555 000 0000

John Smith

456 Oak Avenue

Los Angeles, CA, 90001

United States (US)

Code

<%- include('modules/domain/common/address/AddressSelector', {
  addresses: savedAddresses,
  selectedIndex: 0,
  addHref: '/addresses/new'
}) %>

Preview

No saved addresses.

+ Add new address

Code

<%- include('modules/domain/common/address/AddressSelector', {
  addresses: [],
  addHref: '/addresses/new'
}) %>

<%
  var _addresses     = locals.addresses     || [];
  var _selectedIndex = locals.selectedIndex !== undefined ? locals.selectedIndex : -1;
  var _addHref       = locals.addHref       || null;
%>

  Select delivery address

  <% if (_addresses.length === 0) { %>
  No saved addresses.
  <% } else { %>
  
    <% _addresses.forEach(function(addr, i) { %>
    
      
        class="sr-only">
      <%- include('../address/AddressCard', {
        address: addr,
        selected: _selectedIndex === i,
        editHref: addr.editHref || null,
        deleteAction: addr.deleteAction || null
      }) %>
    
    <% }); %>
  
  <% } %>

  <% if (_addHref) { %>
  
    + Add new address
  
  <% } %>

AddressSelector

Multiple addresses

Empty state