ItsSkaiya/WaifuBoard
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

better ui for anilist entries & fixes

Browse Source
This commit is contained in:
lenafx
2025-12-07 02:24:30 +01:00
parent 6ae823ac0b
commit 1973069949
15 changed files with 1723 additions and 668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
views/list.html
View File

@@ -40,7 +40,6 @@
<button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
</div>
<!-- Mejorado el contenedor de usuario con dropdown más completo -->
<div class="nav-right">
<div class="search-wrapper" style="visibility: hidden;">
<svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
@@ -182,7 +181,7 @@
</svg>
<h2>Your list is empty</h2>
<p>Start adding anime to track your progress</p>
<button class="btn-primary" onclick="window.location.href='/'">Browse Anime</button>
<button class="btn-primary" onclick="window.location.href='/anime'">Browse Anime</button>
</div>
<div id="list-container" class="list-grid"></div>
@@ -194,33 +193,65 @@
<h2 class="modal-title">Edit Entry</h2>
<div class="modal-body">
<div class="form-group">
<label>Status</label>
<select id="edit-status" class="form-input">
<option value="WATCHING">Watching</option>
<option value="COMPLETED">Completed</option>
<option value="PLANNING">Plan to Watch</option>
<option value="PAUSED">Paused</option>
<option value="DROPPED">Dropped</option>
</select>
</div>
<div class="modal-fields-grid">
<div class="form-group">
<label for="edit-progress">Progress</label>
<input type="number" id="edit-progress" class="form-input" min="0">
</div>
<div class="form-group">
<label>Status</label>
<select id="edit-status" class="form-input">
<option value="WATCHING">Watching</option>
<option value="COMPLETED">Completed</option>
<option value="PLANNING">Plan to Watch</option>
<option value="PAUSED">Paused</option>
<option value="DROPPED">Dropped</option>
</select>
</div>
<div class="form-group">
<label>Score (0-10)</label>
<input type="number" id="edit-score" class="form-input" min="0" max="10" step="0.1">
</div>
<div class="form-group">
<label for="edit-progress">Progress</label>
<input type="number" id="edit-progress" class="form-input" min="0">
</div>
<div class="form-group">
<label>Score (0-10)</label>
<input type="number" id="edit-score" class="form-input" min="0" max="10" step="0.1">
</div>
<div class="form-group full-width">
<div class="date-group">
<div class="date-input-pair">
<label for="edit-start-date">Start Date</label>
<input type="date" id="edit-start-date" class="form-input">
</div>
<div class="date-input-pair">
<label for="edit-end-date">End Date</label>
<input type="date" id="edit-end-date" class="form-input">
</div>
</div>
</div>
<div class="form-group">
<label for="edit-repeat-count">Repeat Count</label>
<input type="number" id="edit-repeat-count" class="form-input" min="0">
</div>
<div class="form-group notes-group">
<label for="edit-notes">Notes</label>
<textarea id="edit-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
</div>
<div class="form-group checkbox-group">
<input type="checkbox" id="edit-is-private" class="form-checkbox">
<label for="edit-is-private">Mark as Private</label>
</div>
<div class="modal-actions">
<button class="btn-secondary" onclick="closeEditModal()">Cancel</button>
<button class="btn-danger" onclick="deleteEntry()">Delete</button>
<button class="btn-primary" onclick="saveEntry()">Save Changes</button>
</div>
</div>
<div class="modal-actions">
<button class="btn-secondary" onclick="closeEditModal()">Cancel</button>
<button class="btn-danger" onclick="deleteEntry()">Delete</button>
<button class="btn-primary" onclick="saveEntry()">Save Changes</button>
</div>
</div>
</div>