-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathdonations.html
143 lines (128 loc) · 5.86 KB
/
donations.html
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!-- templates/donations.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Live⚡️Ticker Dashboard</title>
<!-- Google Material Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<!-- External CSS Files -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/settings.css') }}">
</head>
<body>
<div class="dashboard">
<!-- Header -->
<div class="header">
<h1>Live⚡️Ticker</h1>
<h5>Share payments in real-time.</h5>
<!-- Dark Mode Toggle -->
<div class="toggle-container">
<label class="switch">
<input type="checkbox" id="darkModeToggle" aria-label="Toggle Dark Mode">
<span class="slider round"></span>
</label>
</div>
<!-- Info Icon with Tooltip -->
<div class="info-tooltip">
<i class="material-icons info-icon">psychology_alt</i>
<span class="tooltip-text">Our Mission</span>
<a href="{{ information_url }}" target="_blank" class="info-link" aria-label="More about"></a>
</div>
<!-- Cinema Mode Launch Button -->
<a href="{{ url_for('cinema_page') }}" class="cinema-button" title="Open Cinema Mode" target="_blank">
<i class="material-icons">theaters</i>
</a>
</div>
<!-- Info Section -->
<div class="info-section">
<!-- QR Code and Lightning Address Container -->
<div class="info-container">
<!-- QR Code Card -->
<div class="card qr-card">
<h5>Scan to send via Lightning Network.</h5>
<!-- QR Code with Click Handler to Copy LNURL -->
<img src="data:image/png;base64,{{ qr_code_data }}" alt="QR Code" data-lnurl="{{ lnurl }}" onclick="copyLnurl(this)" title="Click to copy the LNURL">
</div>
<!-- Lightning Address Card -->
<div class="card lightning-card">
<div class="copy-field" onclick="copyText(this)" title="Click to copy the Lightning Address" data-address="{{ lightning_address }}" id="lightning-address-container">
<span class="emoji">⚡️</span>
<span class="address" id="lightning-address">{{ lightning_address }}</span>
</div>
</div>
</div>
<!-- Donations Box -->
<div class="donations-box">
<h2>Total Amount</h2>
<div class="donation-amount" id="totalDonations">0 Sats</div>
<!-- Logo source -->
<img src="{{ url_for('static', filename='assets/main_logo.png') }}" alt="Main Logo" class="main-logo">
<div class="donation-history" id="donationHistory">Latest Patron: None yet.</div>
</div>
</div>
<!-- Donations Table with Likes and Dislikes -->
<div class="transactions">
<h2>Donations</h2>
<table>
<thead>
<tr>
<th style="width: 20%;">Date</th>
<th style="width: 50%;">Memo</th>
<th style="width: 20%;">Amount</th>
<th style="width: 10%;">Actions</th>
</tr>
</thead>
<tbody id="transactions">
<tr>
<td colspan="4" class="no-data">No donors yet.</td>
</tr>
</tbody>
</table>
<div class="pagination" id="pagination"></div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="footer-content">
<div class="footer-section about">
<h3>About Us</h3>
<p>
We collect and save money to support our community and enhance our services. Learn more about our mission and values.
</p>
</div>
<div class="footer-section links">
<h3>Quick Links</h3>
<ul>
<li><a href="{{ information_url }}" target="_blank">Our Mission</a></li>
</ul>
</div>
<div class="footer-section social">
<h3>Connect with Us</h3>
<div class="social-icons">
<a href="#" aria-label="Home"><i class="material-icons">home</i></a>
<a href="#" aria-label="Email"><i class="material-icons">email</i></a>
<a href="https://github.com/DoktorShift/naughtify" target="_blank" aria-label="GitHub">
<i class="fab fa-github"></i>
</a>
<!-- Login Button in Footer -->
<a href="{{ url_for('login') }}" class="login-button" title="Login" aria-label="Login">
<i class="material-icons">key</i>
</a>
</div>
</div>
</div>
<div class="footer-bottom">
© 2024 Naughtify. LICENSED under MIT.
</div>
</footer>
<!-- Toast Container -->
<div id="toast-container"></div>
<!-- External JS Files -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="{{ url_for('static', filename='js/script.js') }}"></script>
</body>
</html>