Spaces:

vsmdvic
/

sge

Sleeping

App Files Files Community

vsmdvic commited on Mar 12

Commit

28170cc

verified ·

1 Parent(s): 2ac48fc

Upload 15 files

Browse files

Files changed (6) hide show

static/503.html +145 -0
static/elev-dashboard.html +5 -1
static/index.html +29 -27
static/profesor-dashboard.html +1 -1
static/reset.html +1 -1
static/signup.html +1 -1

static/503.html ADDED Viewed

	@@ -0,0 +1,145 @@

+<!DOCTYPE html>
+<html lang="ro">
+<head>
+<link rel="icon" type="image/svg+xml" href="favicon.svg">
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+<title>SGE | 503</title>
+<link rel="stylesheet" href="style.css">
+<style>
+  body {
+    display:flex; flex-direction:column;
+    align-items:center; justify-content:center;
+    min-height:100dvh; padding:28px 20px;
+    text-align:center;
+  }
+  .e-logo {
+    width:38px; height:38px; opacity:0.18;
+    margin-bottom:28px;
+    animation:fadeIn 0.6s ease both;
+  }
+  .e-code {
+    font-family:'Cormorant Garamond', serif;
+    font-size:96px; font-weight:600;
+    line-height:1; letter-spacing:10px;
+    color:rgba(240,240,240,0.05);
+    animation:fadeIn 0.6s ease 0.05s both;
+    user-select:none;
+  }
+  .e-title {
+    font-family:'Cormorant Garamond', serif;
+    font-size:26px; letter-spacing:3px;
+    margin-top:4px; margin-bottom:10px;
+    animation:fadeIn 0.6s ease 0.1s both;
+  }
+  .e-sub {
+    font-size:10px; color:var(--white-dim);
+    letter-spacing:2px; line-height:2.4;
+    margin-bottom:0;
+    animation:fadeIn 0.6s ease 0.15s both;
+  }
+  /* Banner mentenanță — mai jos, bine spațiat */
+  .maintenance-banner {
+    display:none;
+    margin-top:32px; margin-bottom:0;
+    padding:14px 24px;
+    border:1px solid rgba(255,200,60,0.28);
+    background:rgba(35,26,4,0.7);
+    font-size:9px; letter-spacing:2px;
+    color:rgba(255,205,60,0.85);
+    animation:fadeIn 0.5s ease 0.2s both;
+  }
+  .maintenance-banner .mb-dot {
+    display:inline-block;
+    width:6px; height:6px; border-radius:50%;
+    background:rgba(255,200,60,0.8);
+    margin-right:8px; vertical-align:middle;
+    animation:blink 1.6s ease-in-out infinite;
+  }
+  /* Status DB */
+  .db-status {
+    margin-top:32px;
+    font-size:9px; color:var(--white-faint);
+    letter-spacing:1px; line-height:2.6;
+    animation:fadeIn 0.6s ease 0.25s both;
+  }
+  .db-ok  { color:rgba(77,154,77,0.7); }
+  .db-err { color:rgba(180,60,60,0.7); }
+  /* Buton */
+  .e-actions {
+    margin-top:36px;
+    animation:fadeIn 0.6s ease 0.3s both;
+    display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
+  }
+</style>
+</head>
+<body>
+<img src="logo.svg" class="e-logo" alt="SGE">
+<div class="e-code">503</div>
+<div class="e-title">Serviciu Indisponibil</div>
+<div class="e-sub">
+  Serverul este temporar indisponibil sau în mentenanță.<br>
+  Te rugăm să revii în câteva minute.
+</div>
+<div class="maintenance-banner" id="maintenance-banner">
+  <span class="mb-dot"></span>
+  SERVER ÎN MENTENANȚĂ &nbsp;·&nbsp; REVENIRE ÎN ~15 MINUTE
+</div>
+<div class="db-status">
+  <div><span class="db-ok">✓</span>&nbsp; Firebase Firestore — ACTIV</div>
+  <div><span class="db-ok">✓</span>&nbsp; Cloudinary Storage — ACTIV</div>
+  <div id="server-line"><span class="db-ok">✓</span>&nbsp; Server Flask — SE VERIFICĂ</div>
+</div>
+<div class="e-actions" id="e-actions">
+  <a href="index.html" class="btn-primary" style="text-decoration:none;padding:13px 28px;letter-spacing:3px;">
+    ← LOGIN
+  </a>
+</div>
+<script>
+const isMaintenance = localStorage.getItem('sge_maintenance') === '1';
+const isAdmin = sessionStorage.getItem('vs_role') === 'admin';
+if (isMaintenance) {
+  document.getElementById('maintenance-banner').style.display = 'block';
+}
+if (isAdmin) {
+  document.getElementById('e-actions').innerHTML = `
+    <a href="admin-dashboard.html" class="btn-primary" style="text-decoration:none;padding:13px 28px;letter-spacing:3px;">
+      ADMIN PANEL →
+    </a>
+    <a href="index.html" class="btn-ghost" style="text-decoration:none;padding:13px 20px;">
+      LOGIN
+    </a>`;
+}
+// Ping server
+fetch('/drive/test', { signal: AbortSignal.timeout(5000) })
+  .then(r => {
+    const line = document.getElementById('server-line');
+    if (r.ok) {
+      line.innerHTML = '<span class="db-ok">✓</span>&nbsp; Server Flask — ACTIV';
+    } else {
+      line.innerHTML = '<span class="db-err">✕</span>&nbsp; Server Flask — EROARE ' + r.status;
+    }
+  })
+  .catch(() => {
+    document.getElementById('server-line').innerHTML =
+      '<span class="db-err">✕</span>&nbsp; Server Flask — INACTIV';
+  });
+</script>
+</body>
+</html>

static/elev-dashboard.html CHANGED Viewed

@@ -7,7 +7,7 @@
 <title>SGE | Elev</title>
 <link rel="stylesheet" href="style.css">
 <script src="errors.js"></script>
-<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('404.html');}</script>
 </head>
 <body>
@@ -170,6 +170,10 @@ window.selectMat = function(id, name, btn) {
   document.getElementById('no-mat-hint').style.display = 'none';
   document.getElementById('upload-area').style.display = 'block';
   loadFiles();
 };
 // ── Load files ──

 <title>SGE | Elev</title>
 <link rel="stylesheet" href="style.css">
 <script src="errors.js"></script>
+<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('503.html');}</script>
 </head>
 <body>
   document.getElementById('no-mat-hint').style.display = 'none';
   document.getElementById('upload-area').style.display = 'block';
   loadFiles();
+  // Scroll lin până la zona de upload
+  setTimeout(() => {
+    document.getElementById('upload-card').scrollIntoView({ behavior:'smooth', block:'start' });
+  }, 80);
 };
 // ── Load files ──

static/index.html CHANGED Viewed

@@ -145,9 +145,9 @@ window._db=db; window._doc=doc; window._getDoc=getDoc;
 // ── Verifica sesiune persistenta ──
 const role = sessionStorage.getItem('vs_role');
 if (role === 'elev') {
-  if(localStorage.getItem('sge_maintenance')==='1'){window.location.href='404.html';}else{window.location.href='elev-dashboard.html';}
 } else if (role === 'profesor') {
-  if(localStorage.getItem('sge_maintenance')==='1'){window.location.href='404.html';}else{window.location.href='profesor-dashboard.html';}
 }
 // ── Loader sequence ──
@@ -203,43 +203,45 @@ function switchRole(r, btn) {
   if (_switching || r === role) return;
   _switching = true;
-  const currentEl = document.getElementById('f-'+role);
-  const nextEl    = document.getElementById('f-'+r);
-  // Fade out current
-  currentEl.style.transition = 'opacity 0.18s ease, transform 0.18s ease';
   currentEl.style.opacity    = '0';
-  currentEl.style.transform  = 'translateY(-5px)';
   setTimeout(() => {
-    currentEl.classList.remove('show','current');
-    currentEl.style.position = 'absolute';
-    currentEl.style.opacity  = '';
-    currentEl.style.transform= '';
-    // Fade in next
-    nextEl.style.opacity   = '0';
-    nextEl.style.transform = 'translateY(5px)';
-    nextEl.classList.add('show','current');
-    nextEl.style.position  = 'relative';
     requestAnimationFrame(() => {
-      nextEl.style.transition = 'opacity 0.22s ease, transform 0.22s ease';
-      nextEl.style.opacity    = '1';
-      nextEl.style.transform  = 'translateY(0)';
     });
-    // Update tab styles
-    document.querySelectorAll('.role-tab').forEach(b => b.classList.remove('active'));
-    btn.classList.add('active');
     role = r;
-    hideError('err-msg');
     setTimeout(() => {
       nextEl.style.transition = '';
       _switching = false;
-    }, 250);
-  }, 200);
 }
 function checkElevPin() {
@@ -321,7 +323,7 @@ async function doLogin() {
       fetch('/api/log',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({tip:'login',vpass:id,name:snap.data().nume,role:'profesor'})}).catch(()=>{});
       document.getElementById('loader-text').textContent = 'ACCES ACORDAT';
       await delay(400);
-      if(localStorage.getItem('sge_maintenance')==='1'){window.location.href='404.html';}else{window.location.href='profesor-dashboard.html';}
     } else {
       // ADMIN — fara sesiune persistenta (sessionStorage doar)

 // ── Verifica sesiune persistenta ──
 const role = sessionStorage.getItem('vs_role');
 if (role === 'elev') {
+  if(localStorage.getItem('sge_maintenance')==='1'){window.location.href='503.html';}else{window.location.href='elev-dashboard.html';}
 } else if (role === 'profesor') {
+  if(localStorage.getItem('sge_maintenance')==='1'){window.location.href='503.html';}else{window.location.href='profesor-dashboard.html';}
 }
 // ── Loader sequence ──
   if (_switching || r === role) return;
   _switching = true;
+  const currentEl = document.getElementById('f-' + role);
+  const nextEl    = document.getElementById('f-' + r);
+  // Update tab imediat
+  document.querySelectorAll('.role-tab').forEach(b => b.classList.remove('active'));
+  btn.classList.add('active');
+  hideError('err-msg');
+  // Fade OUT curent
+  currentEl.style.transition = 'opacity 0.35s ease, transform 0.35s ease';
   currentEl.style.opacity    = '0';
+  currentEl.style.transform  = 'translateY(-8px)';
+  // După 1.5s apare următorul
   setTimeout(() => {
+    currentEl.classList.remove('show');
+    currentEl.style.opacity   = '';
+    currentEl.style.transform = '';
+    currentEl.style.transition= '';
+    nextEl.style.opacity    = '0';
+    nextEl.style.transform  = 'translateY(10px)';
+    nextEl.style.transition = 'none';
+    nextEl.classList.add('show');
     requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        nextEl.style.transition = 'opacity 0.4s ease, transform 0.4s ease';
+        nextEl.style.opacity    = '1';
+        nextEl.style.transform  = 'translateY(0)';
+      });
     });
     role = r;
     setTimeout(() => {
       nextEl.style.transition = '';
       _switching = false;
+    }, 450);
+  }, 1500);
 }
 function checkElevPin() {
       fetch('/api/log',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({tip:'login',vpass:id,name:snap.data().nume,role:'profesor'})}).catch(()=>{});
       document.getElementById('loader-text').textContent = 'ACCES ACORDAT';
       await delay(400);
+      if(localStorage.getItem('sge_maintenance')==='1'){window.location.href='503.html';}else{window.location.href='profesor-dashboard.html';}
     } else {
       // ADMIN — fara sesiune persistenta (sessionStorage doar)

static/profesor-dashboard.html CHANGED Viewed

@@ -105,7 +105,7 @@
   }
   .file-row:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; }
 </style>
-<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('404.html');}</script>
 </head>
 <body>

   }
   .file-row:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; }
 </style>
+<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('503.html');}</script>
 </head>
 <body>

static/reset.html CHANGED Viewed

@@ -24,7 +24,7 @@
   .pulse-dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.4); animation:pulse 2s ease-in-out infinite; flex-shrink:0; }
   @keyframes pulse { 0%,100%{opacity:0.3;transform:scale(0.8);}50%{opacity:1;transform:scale(1.2);} }
 </style>
-<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('404.html');}</script>
 </head>
 <body>

   .pulse-dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.4); animation:pulse 2s ease-in-out infinite; flex-shrink:0; }
   @keyframes pulse { 0%,100%{opacity:0.3;transform:scale(0.8);}50%{opacity:1;transform:scale(1.2);} }
 </style>
+<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('503.html');}</script>
 </head>
 <body>

static/signup.html CHANGED Viewed

@@ -89,7 +89,7 @@
   .err-code { font-size:9px; opacity:0.6; margin-right:4px; letter-spacing:1px; }
   .footer-mini { text-align:center; margin-top:18px; font-size:9px; color:var(--white-faint); letter-spacing:1px; line-height:2; }
 </style>
-<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('404.html');}</script>
 </head>
 <body>
 <div class="wrap">

   .err-code { font-size:9px; opacity:0.6; margin-right:4px; letter-spacing:1px; }
   .footer-mini { text-align:center; margin-top:18px; font-size:9px; color:var(--white-faint); letter-spacing:1px; line-height:2; }
 </style>
+<script>if(localStorage.getItem('sge_maintenance')==='1'){window.location.replace('503.html');}</script>
 </head>
 <body>
 <div class="wrap">