LocationPicker

Domain

Ülke seçici (countries-list), şehir, bölge, posta kodu ve isteğe bağlı enlem/boylam alanları. 2 sütun grid.

Empty

Preview

Country

City

State / Province

Postal Code

Latitude

Longitude

Code

<%- include('modules/domain/common/location/LocationPicker', {
  action: '/locations/update',
  countries: countryList
}) %>

Pre-filled

Preview

Country

City

State / Province

Postal Code

Latitude

Longitude

Code

<%- include('modules/domain/common/location/LocationPicker', {
  action: '/locations/update',
  cancelHref: '/settings',
  countries: countryList,
  initial: { city: 'Istanbul', countryCode: 'TR', postalCode: '34000', latitude: 41.0082, longitude: 28.9784 }
}) %>

Source modules/domain/common/location/LocationPicker.ejs

<%
  var _action     = locals.action     || '#';
  var _method     = locals.method     || 'post';
  var _initial    = locals.initial    || {};
  var _cancelHref = locals.cancelHref || null;
  var _error      = locals.error      || '';
  var _countries  = locals.countries  || [];
%>

  <% if (_error) { %>
  
    
    <%= _error %>
  
  <% } %>

  
    
      Country
      
        
        
          
        
      
    

    <%- include('../../../ui/Input', {
      id: 'loc-city', label: 'City', name: 'city',
      value: _initial.city || ''
    }) %>

    <%- include('../../../ui/Input', {
      id: 'loc-state', label: 'State / Province', name: 'state',
      value: _initial.state || ''
    }) %>

    <%- include('../../../ui/Input', {
      id: 'loc-postal', label: 'Postal Code', name: 'postalCode',
      value: _initial.postalCode || ''
    }) %>

    <%- include('../../../ui/Input', {
      id: 'loc-lat', label: 'Latitude', name: 'latitude', type: 'number',
      value: _initial.latitude !== null && _initial.latitude !== undefined ? _initial.latitude : ''
    }) %>

    <%- include('../../../ui/Input', {
      id: 'loc-lng', label: 'Longitude', name: 'longitude', type: 'number',
      value: _initial.longitude !== null && _initial.longitude !== undefined ? _initial.longitude : ''
    }) %>
  

  
    <% if (_cancelHref) { %>
    <%- include('../../../ui/Button', { variant: 'outline', children: 'Cancel', href: _cancelHref }) %>
    <% } %>
    <%- include('../../../ui/Button', { type: 'submit', children: 'Save Location' }) %>