Hugging Face's logo

Spaces:
Fred808
/
TLD1
Paused

App Files Community
Fred808 commited on
Commit
4fb075f
·
verified ·
1 Parent(s): 4ce032a

Upload index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +79 -94
templates/index.html CHANGED
@@ -1,94 +1,79 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Hugging Face Uploader</title>
7
- <link rel="stylesheet" href="/style.css">
8
- </head>
9
- <body>
10
- <div class="container">
11
- <header class="header">
12
- <div class="header-content">
13
- <h1 class="title">🤗 Hugging Face Uploader</h1>
14
- <p class="subtitle">Upload files from Telegram channels to Hugging Face datasets</p>
15
- </div>
16
- </header>
17
-
18
- <main class="main-content">
19
- <div class="upload-section">
20
- <form id="uploadForm" class="upload-form">
21
- <div class="form-group">
22
- <label for="filenames" class="form-label">
23
- 📁 Enter filenames to search and upload
24
- </label>
25
- <textarea
26
- id="filenames"
27
- name="filenames"
28
- class="form-textarea"
29
- placeholder="Enter filenames (one per line or comma-separated)&#10;Example:&#10;document.pdf&#10;image.jpg, video.mp4"
30
- rows="6"
31
- required
32
- ></textarea>
33
- <div class="form-hint">
34
- 💡 Tip: You can enter multiple filenames separated by commas or new lines
35
- </div>
36
- </div>
37
-
38
- <div class="form-actions">
39
- <button type="submit" class="btn btn-primary" id="uploadBtn">
40
- <span class="btn-icon">🚀</span>
41
- <span class="btn-text">Start Upload</span>
42
- </button>
43
- <button type="button" class="btn btn-secondary" id="clearBtn">
44
- <span class="btn-icon">🗑️</span>
45
- <span class="btn-text">Clear</span>
46
- </button>
47
- </div>
48
- </form>
49
- </div>
50
-
51
- <div class="results-section" id="resultsSection" style="display: none;">
52
- <div class="results-header">
53
- <h3 class="results-title">📊 Upload Results</h3>
54
- <button class="btn btn-ghost" id="clearResultsBtn">
55
- <span class="btn-icon">✖️</span>
56
- Clear Results
57
- </button>
58
- </div>
59
- <div class="results-content" id="resultsContent"></div>
60
- </div>
61
-
62
- <div class="loading-section" id="loadingSection" style="display: none;">
63
- <div class="loading-spinner"></div>
64
- <p class="loading-text">Processing your request...</p>
65
- </div>
66
- </main>
67
-
68
- <footer class="footer">
69
- <div class="footer-content">
70
- <div class="status-indicators">
71
- <div class="status-item" id="configStatus">
72
- <span class="status-icon">⚙️</span>
73
- <span class="status-text">Configuration</span>
74
- <span class="status-badge" id="configBadge">Checking...</span>
75
- </div>
76
- <div class="status-item" id="healthStatus">
77
- <span class="status-icon">💚</span>
78
- <span class="status-text">Health</span>
79
- <span class="status-badge" id="healthBadge">Checking...</span>
80
- </div>
81
- </div>
82
- <div class="footer-links">
83
- <a href="/health" target="_blank" class="footer-link">Health Check</a>
84
- <a href="/config" target="_blank" class="footer-link">Configuration</a>
85
- <a href="/debug" target="_blank" class="footer-link">Debug Info</a>
86
- </div>
87
- </div>
88
- </footer>
89
- </div>
90
-
91
- <script src="/script.js"></script>
92
- </body>
93
- </html>
94
-
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Hugging Face Uploader</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
8
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <header class="header">
14
+ <div class="header-content">
15
+ <div class="logo">
16
+ <i class="fas fa-cloud-upload-alt"></i>
17
+ <h1>Hugging Face Uploader</h1>
18
+ </div>
19
+ <p class="subtitle">Upload files from Telegram to Hugging Face datasets</p>
20
+ </div>
21
+ </header>
22
+
23
+ <main class="main-content">
24
+ <div class="upload-card">
25
+ <div class="card-header">
26
+ <h2><i class="fas fa-file-upload"></i> File Upload</h2>
27
+ <p>Enter filenames to search and upload from Telegram channel</p>
28
+ </div>
29
+
30
+ <form id="uploadForm" class="upload-form">
31
+ <div class="input-group">
32
+ <label for="filenames">Filenames (comma or newline separated)</label>
33
+ <textarea
34
+ id="filenames"
35
+ name="filenames"
36
+ placeholder="e.g.&#10;report.pdf&#10;summary.docx&#10;meeting_notes.txt"
37
+ rows="6"
38
+ required
39
+ ></textarea>
40
+ <div class="input-hint">
41
+ <i class="fas fa-info-circle"></i>
42
+ Separate multiple filenames with commas or new lines
43
+ </div>
44
+ </div>
45
+
46
+ <button type="submit" class="upload-btn" id="uploadBtn">
47
+ <span class="btn-text">
48
+ <i class="fas fa-upload"></i>
49
+ Start Upload
50
+ </span>
51
+ <div class="loading-spinner" style="display: none;">
52
+ <i class="fas fa-spinner fa-spin"></i>
53
+ Processing...
54
+ </div>
55
+ </button>
56
+ </form>
57
+
58
+ <div class="results-section" id="resultsSection" style="display: none;">
59
+ <div class="results-header">
60
+ <h3><i class="fas fa-list-check"></i> Upload Results</h3>
61
+ <button class="clear-btn" id="clearBtn">
62
+ <i class="fas fa-trash"></i>
63
+ Clear
64
+ </button>
65
+ </div>
66
+ <div class="results-content" id="resultsContent"></div>
67
+ </div>
68
+ </div>
69
+ </main>
70
+
71
+ <footer class="footer">
72
+ <p>&copy; 2024 Hugging Face Uploader. Built with Flask.</p>
73
+ </footer>
74
+ </div>
75
+
76
+ <script src="{{ url_for('static', filename='js/script.js') }}"></script>
77
+ </body>
78
+ </html>
79
+