Hugging Face's logo

Spaces:
maylinejix
/
Anjay
Sleeping

App Files Community
Anjay
File size: 2,995 Bytes 
50c1c55
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
<!DOCTYPE html>
<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>