elpatron/Idle-Fantasy-Save-Viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add grouped inventory goals with import completion notifications.

Browse Source 
Players can create named goal groups, set absolute item targets from inventory, track progress in a new Goals tab, and get banners when uploads complete goals or entire groups.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
elpatron
2026-06-19 22:25:42 +02:00
parent 82b47f9df1
commit f5b5541555
8 changed files with 965 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+101 -1
View File
@@ -732,7 +732,21 @@ body.inv-chart-modal-open {
.landing-lead {
color: var(--text-muted);
line-height: 1.5;
margin: 0 0 16px;
margin: 0 0 12px;
}
.landing-game-link {
margin: 0 0 20px;
font-size: 0.9rem;
}
.landing-game-link a {
color: var(--accent);
text-decoration: none;
}
.landing-game-link a:hover {
text-decoration: underline;
}
.landing-features {
@@ -855,6 +869,92 @@ body.inv-chart-modal-open {
.viewer-copy-btn:hover { background: var(--accent-dim); color: #fff; }
/* Goals */
.goals-toolbar { gap: 12px; flex-wrap: wrap; }
.goals-group-card { margin-bottom: 16px; }
.goals-ungrouped-title { margin: 0 0 12px; font-size: 1rem; }
.goals-table { width: 100%; border-collapse: collapse; }
.goals-table th,
.goals-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: middle; }
.goal-progress-text { font-size: 0.85rem; margin-bottom: 4px; }
.goal-actions-cell { white-space: nowrap; }
.goal-delete-btn,
.goal-group-delete,
.goal-clear-completed {
padding: 4px 8px;
border-radius: 6px;
border: 1px solid var(--border);
background: var(--bg-hover);
color: var(--text);
cursor: pointer;
font-size: 0.78rem;
margin-left: 6px;
}
.goal-delete-btn:hover,
.goal-group-delete:hover,
.goal-clear-completed:hover { background: var(--accent-dim); color: #fff; }
.goal-group-header td { position: relative; }
.goal-group-actions {
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
margin-left: 12px;
vertical-align: middle;
}
.goal-item-row.collapsed { display: none; }
.goal-add-btn {
width: 28px;
height: 28px;
border-radius: 6px;
border: 1px solid var(--border);
background: var(--bg-hover);
color: var(--accent);
cursor: pointer;
font-size: 1rem;
line-height: 1;
font-weight: 700;
}
.goal-add-btn:hover { background: var(--accent-dim); color: #fff; }
.col-actions { width: 48px; text-align: center; }
.goals-completed-banner { margin-bottom: 12px; }
.goal-group-completed-line { font-weight: 600; }
.goal-modal {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.goal-modal[hidden] { display: none; }
.goal-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.goal-modal-card {
position: relative;
width: 100%;
max-width: 420px;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
z-index: 1;
}
.goal-modal-card h3 { margin: 0 0 8px; }
.goal-modal-item { color: var(--text-muted); margin: 0 0 16px; font-size: 0.9rem; }
.goal-modal-field { display: block; margin-bottom: 12px; }
.goal-modal-field span { display: block; margin-bottom: 4px; font-size: 0.85rem; color: var(--text-muted); }
.goal-modal-actions {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 16px;
}
@media (max-width: 768px) {
.sidebar {
position: relative;