Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Frontend Staff</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | |
| <div class="container"> | |
| <a class="navbar-brand" href="/">My static Space</a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <ul class="navbar-nav"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/frontend">Frontend</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/backend">Backend</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <main class="container mt-4"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h2>Frontend Staff</h2> | |
| <p>This is the frontend staff section. Here you can add your frontend team members and projects.</p> | |
| <div class="mt-4"> | |
| <h4>Upload Frontend Project</h4> | |
| <form id="uploadForm" enctype="multipart/form-data"> | |
| <input type="hidden" name="folderType" value="frontend"> | |
| <div class="mb-3"> | |
| <label for="projectFiles" class="form-label">Project Files</label> | |
| <input type="file" class="form-control" id="projectFiles" name="projectFiles" webkitdirectory directory multiple required> | |
| </div> | |
| <div id="uploadStatus" class="mb-3 d-none"></div> | |
| <button type="submit" class="btn btn-primary" id="uploadBtn">Upload</button> | |
| </form> | |
| <script> | |
| document.getElementById('uploadForm').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| const formData = new FormData(this); | |
| const uploadBtn = document.getElementById('uploadBtn'); | |
| const statusDiv = document.getElementById('uploadStatus'); | |
| uploadBtn.disabled = true; | |
| uploadBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Uploading...'; | |
| fetch('/upload', { | |
| method: 'POST', | |
| body: formData | |
| }) | |
| .then(response => response.json()) | |
| .then(data => { | |
| if(data.success) { | |
| statusDiv.className = 'mb-3 alert alert-success'; | |
| statusDiv.textContent = 'Upload successful!'; | |
| window.location.href = '/upload.html'; | |
| } else { | |
| throw new Error(data.error || 'Upload failed'); | |
| } | |
| }) | |
| .catch(error => { | |
| statusDiv.className = 'mb-3 alert alert-danger'; | |
| statusDiv.textContent = error.message; | |
| statusDiv.classList.remove('d-none'); | |
| }) | |
| .finally(() => { | |
| uploadBtn.disabled = false; | |
| uploadBtn.textContent = 'Upload'; | |
| }); | |
| }); | |
| </script> | |
| </div> | |
| <div class="mt-4"> | |
| <a href="/" class="btn btn-secondary">Back to Home</a> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html> |