AddressCard

Domain

Salt okunur adres kartı. Ad, telefon, adres satırları, şehir/bölge/posta kodu ve ülge. Seçili durum ve edit/delete butonları.

Default

Preview

Jane Doe

123 Main Street, Apt 4B

Near Central Park

New York, NY, 10001

United States (US)

+1 555 000 0000

Code

<%- include('modules/domain/common/address/AddressCard', {
  address: savedAddress,
  editHref: '/addresses/1/edit',
  deleteAction: '/addresses/1/delete'
}) %>

Selectable list

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/AddressCard', {
  address: address,
  selected: selectedIdx === i
}) %>

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

<%
  var _addr     = locals.address  || {};
  var _selected = locals.selected || false;
  var _editHref = locals.editHref || null;
  var _deleteAction = locals.deleteAction || null;

  var cityLine    = [_addr.city, _addr.state, _addr.postalCode].filter(Boolean).join(', ');
  var countryLine = [_addr.country, _addr.countryCode ? '(' + _addr.countryCode + ')' : ''].filter(Boolean).join(' ');
  var borderClass = _selected
    ? 'border-primary ring-2 ring-primary ring-offset-1'
    : 'border-border';
%>

  <% if (_selected !== undefined) { %>
  
    <% if (_selected) { %><% } %>
  
  <% } %>

  <% if (_addr.fullName) { %>
  
    
    <%= _addr.fullName %>
  
  <% } %>

  
    
    
      <%= _addr.addressLine1 %>
      <% if (_addr.addressLine2) { %><%= _addr.addressLine2 %><% } %>
      <% if (cityLine)           { %><%= cityLine %><% } %>
      <% if (countryLine)        { %><%= countryLine %><% } %>
    
  

  <% if (_addr.phone) { %>
  
    
    <%= _addr.phone %>
  
  <% } %>

  <% if (_editHref || _deleteAction) { %>
  
    <% if (_editHref) { %>
    Edit
    <% } %>
    <% if (_deleteAction) { %>
    
      
    
    <% } %>
  
  <% } %>