SplashScreen

App

Uygulama başlatma tam ekran bindirme katmanı. logoContent slotu, ilerleme çubuğu ve mesaj alanı içerir.

Logo + progress + message

Preview

Acme

Loading your workspace…

Code

<%- include('modules/app/SplashScreen', {
  logoContent: 'Acme',
  message:  'Loading your workspace…',
  progress: loadProgress
}) %>

Spinner only

Preview

Code

<%- include('modules/app/SplashScreen') %>

Source modules/app/SplashScreen.ejs

<%
  var _visible  = locals.visible !== false;
  var _progress = (locals.progress !== undefined && locals.progress !== null) ? locals.progress : null;
%>

  <% if (locals.logoContent) { %>
  <%- locals.logoContent %>
  <%- include('../ui/Spinner', { size: 'lg' }) %>
  <% } else { %>
  <%- include('../ui/Spinner', { size: 'xl' }) %>
  <% } %>

  <% if (_progress !== null) { %>
  
    
    
  
  <% } %>

  <% if (locals.message) { %>
  <%= locals.message %>
  <% } %>