Hugging Face's logo

Spaces:
Fred808
/
TLD1
Paused

App Files Community
Fred808 commited on
Commit
09ce54b
·
verified ·
1 Parent(s): 308ac61

Upload index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +94 -79
templates/index.html CHANGED
@@ -1,79 +1,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
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
+