Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Admin Panel - ShortLink</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link rel="stylesheet" href="/styles.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header class="header"> | |
| <div> | |
| <h1 class="title"> | |
| <i class="fas fa-user-shield"></i> Admin Panel | |
| </h1> | |
| <p class="subtitle">Create and manage short links</p> | |
| </div> | |
| <button onclick="location.href='/home'" class="btn btn-secondary"> | |
| <i class="fas fa-home"></i> Back to Home | |
| </button> | |
| </header> | |
| <div id="login-section" class="card"> | |
| <h2 class="card-title"> | |
| <i class="fas fa-key"></i> Login | |
| </h2> | |
| <form id="login-form"> | |
| <div class="form-group"> | |
| <label><i class="fas fa-lock"></i> Password</label> | |
| <input type="password" id="password" class="input" placeholder="Enter admin password" required> | |
| </div> | |
| <button type="submit" class="btn btn-primary btn-full"> | |
| <i class="fas fa-sign-in-alt"></i> Login | |
| </button> | |
| </form> | |
| </div> | |
| <div id="create-section" class="card" style="display: none;"> | |
| <h2 class="card-title"> | |
| <i class="fas fa-plus-circle"></i> Make Short URL | |
| </h2> | |
| <form id="create-form"> | |
| <div class="form-group"> | |
| <label><i class="fas fa-heading"></i> Title</label> | |
| <input type="text" id="title" class="input" placeholder="SKIP SFL.GL" required> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-external-link-alt"></i> Redirect URL</label> | |
| <input type="url" id="redirect" class="input" placeholder="https://github.com/herzonly" required> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-tag"></i> Short Name</label> | |
| <input type="text" id="name" class="input" placeholder="skipsfl" required> | |
| <small class="help-text">Access: yourdomain.com/home/url/<strong>skipsfl</strong>/id</small> | |
| </div> | |
| <div class="form-group"> | |
| <label class="switch-label"> | |
| <span><i class="fas fa-check-circle"></i> Require Verification</span> | |
| <label class="switch"> | |
| <input type="checkbox" id="verify"> | |
| <span class="slider"></span> | |
| </label> | |
| </label> | |
| </div> | |
| <button type="submit" class="btn btn-primary btn-full"> | |
| <i class="fas fa-plus"></i> Create Short Link | |
| </button> | |
| </form> | |
| <button onclick="logout()" class="btn btn-danger btn-full" style="margin-top: 1rem;"> | |
| <i class="fas fa-sign-out-alt"></i> Logout | |
| </button> | |
| </div> | |
| </div> | |
| <div id="alert-container"></div> | |
| <script src="/admin.js"></script> | |
| </body> | |
| </html> |