ErrorState

App

Hata durumu: uyarı banner'ı + merkezi boş durum kombinasyonu. retryHref ile yeniden deneme linki.

Default

Preview

Something went wrong

Failed to load user data. Please check your connection.

Unable to load data

There was a problem loading this content.

Code

<%- include('modules/app/ErrorState', {
  message: 'Failed to load user data. Please check your connection.'
}) %>

With retry link

Preview

Database connection failed

Could not connect to the database. Please try again.

Try again

Unable to load data

Try again

Code

<%- include('modules/app/ErrorState', {
  title:      'Database connection failed',
  message:    'Could not connect to the database. Please try again.',
  retryHref:  req.originalUrl,
  retryLabel: 'Try again'
}) %>

Source modules/app/ErrorState.ejs

<%
  var _title      = locals.title      || 'Something went wrong';
  var _retryLabel = locals.retryLabel || 'Try again';
%>

  
    
    
      <%= _title %>
      <% if (locals.message) { %><%= locals.message %><% } %>
    
    <% if (locals.retryHref) { %>
    
      <%= _retryLabel %>
    
    <% } %>
  
  
    
      
    
    Unable to load data
    There was a problem loading this content.
    <% if (locals.retryHref) { %>
    
      <%= _retryLabel %>
    
    <% } %>