feat(app.js, i18n, index.html, styles.css): implement pagination for auth file management
- Added pagination controls to the auth file list in the UI, allowing users to navigate through large sets of files. - Enhanced the rendering logic to support pagination, including updating the current page and total pages dynamically. - Updated internationalization strings for pagination in both English and Chinese. - Introduced new styles for pagination controls to improve user experience and accessibility.
This commit is contained in:
11
index.html
11
index.html
@@ -520,6 +520,17 @@
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div id="auth-files-list" class="file-list file-grid"></div>
|
||||
<div id="auth-files-pagination" class="pagination-controls" style="display: none;">
|
||||
<button class="btn btn-secondary pagination-btn" data-action="prev">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
<span data-i18n="auth_files.pagination_prev">上一页</span>
|
||||
</button>
|
||||
<div id="auth-files-pagination-info" class="pagination-info">-</div>
|
||||
<button class="btn btn-secondary pagination-btn" data-action="next">
|
||||
<span data-i18n="auth_files.pagination_next">下一页</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<input type="file" id="auth-file-input" accept=".json" style="display: none;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user