OAuthButtons

Domain

Google, GitHub, Discord ve Microsoft OAuth butonları. providers dizisiyle hangi butonların gösterileceği seçilir.

All providers

Preview

Code

<%- include('modules/domain/common/auth/OAuthButtons', {
  action: '/auth/oauth',
  providers: ['google', 'github', 'discord', 'microsoft']
}) %>

Google + GitHub only

Preview

Code

<%- include('modules/domain/common/auth/OAuthButtons', {
  action: '/auth/oauth',
  providers: ['google', 'github']
}) %>

Source modules/domain/common/auth/OAuthButtons.ejs

<%
  var _providers = locals.providers || ['google', 'github', 'discord', 'microsoft'];
  var _action    = locals.action    || '#';
  var _method    = locals.method    || 'post';

  var providerMeta = {
    google:    { label: 'Continue with Google',    icon: 'fa-brands fa-google',    iconColor: 'text-[#EA4335]' },
    github:    { label: 'Continue with GitHub',    icon: 'fa-brands fa-github',    iconColor: 'text-text-primary' },
    discord:   { label: 'Continue with Discord',   icon: 'fa-brands fa-discord',   iconColor: 'text-[#5865F2]' },
    microsoft: { label: 'Continue with Microsoft', icon: 'fa-brands fa-microsoft', iconColor: 'text-[#00A4EF]' },
  };
%>

  <% _providers.forEach(function (provider) { %>
  <%
    var meta = providerMeta[provider] || { label: 'Continue with ' + provider, icon: 'fa-brands fa-' + provider, iconColor: 'text-text-primary' };
  %>
  
    
    
  
  <% }); %>