vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

automatically show firebase auth providers

Browse source
This commit is contained in:
BlackSigKill 2026-02-12 22:55:24 +01:00
parent decdacc812
commit f12567ce55
1 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
public/login.html
View file

@ -183,7 +183,7 @@
<div id="error" class="error-msg"></div> <div id="error" class="error-msg"></div>
<button id="google-btn" class="btn" onclick="googleSignIn()"> <button id="google-btn" class="btn" onclick="googleSignIn()" style="display:none">
<svg class="google-icon" viewBox="0 0 24 24"> <svg class="google-icon" viewBox="0 0 24 24">
<path <path
fill="#4285F4" fill="#4285F4"
@ -205,9 +205,9 @@
Sign in with Google Sign in with Google
</button> </button>
<div class="divider">or</div> <div class="divider" style="display:none">or</div>
<form id="email-form" onsubmit="emailAuth(event)"> <form id="email-form" onsubmit="emailAuth(event)" style="display:none">
<div class="form-group"> <div class="form-group">
<input type="email" id="email" placeholder="Email" required autocomplete="email" /> <input type="email" id="email" placeholder="Email" required autocomplete="email" />
</div> </div>
@ -277,6 +277,25 @@
const auth = getAuth(fbApp); const auth = getAuth(fbApp);
const provider = new GoogleAuthProvider(); const provider = new GoogleAuthProvider();
// Reveal auth providers based on Firebase project config (non-blocking)
fetch(`https://www.googleapis.com/identitytoolkit/v3/relyingparty/getProjectConfig?key=${firebaseConfig.apiKey}`)
.then(res => res.ok ? res.json() : null)
.then(data => {
if (!data) return;
const providers = (data.idpConfig || []).filter(p => p.enabled).map(p => p.provider);
const hasGoogle = providers.includes('google.com');
const hasPassword = (data.signIn || {}).allowPasswordSignup !== false;
if (hasGoogle) document.getElementById('google-btn').style.display = '';
if (hasPassword) document.getElementById('email-form').style.display = '';
if (hasGoogle && hasPassword) document.querySelector('.divider').style.display = '';
})
.catch(() => {
// Fallback: show everything if the check fails
document.getElementById('google-btn').style.display = '';
document.getElementById('email-form').style.display = '';
document.querySelector('.divider').style.display = '';
});
function showError(msg) { function showError(msg) {
const el = document.getElementById('error'); const el = document.getElementById('error');
el.textContent = msg; el.textContent = msg;