AddressSelector

Domain

AddressCard üzerine kurulu seçilebilir adres listesi. Ekle, düzenle ve sil callback'leri destekler.

Multiple addresses

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'
}) %>

Empty state

Preview

No saved addresses.

+ Add new address

Code

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

Source modules/domain/common/address/AddressSelector.ejs

<%
  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
  
  <% } %>