Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(core): add Files card to dashboard, fix card colors, expand per-page options

Browse Source 
Dashboard: Users + People cards corrected to tertiary (matched menu);
Files card added between People and Data Stores using secondary (matched menu).
Files per-page options extended to 200/400/800/1000/1500/2000.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-06-18 19:16:14 -04:00
parent af636f5b53
commit dae610795b
2 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/routes/core/+page.svelte
View File

@@ -2,6 +2,7 @@
import {
Building,
Database,
File,
Globe,
History,
Landmark,
@@ -104,11 +105,11 @@ $effect(() => {
<!-- User Management Card -->
<div
class="card preset-tonal-error group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
class="card preset-tonal-tertiary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-error-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
class="bg-tertiary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<ShieldCheck size={24} />
</div>
<h3 class="h4 font-black">Users</h3>
@@ -118,7 +119,7 @@ $effect(() => {
</p>
</div>
<a
class="btn preset-filled-error mt-4 w-full font-bold shadow-md"
class="btn preset-filled-tertiary mt-4 w-full font-bold shadow-md"
href="/core/users">
Manage
</a>
@@ -126,11 +127,11 @@ $effect(() => {
<!-- Person Management Card -->
<div
class="card preset-tonal-warning group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
class="card preset-tonal-tertiary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-warning-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
class="bg-tertiary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<Users size={24} />
</div>
<h3 class="h4 font-black">People</h3>
@@ -140,12 +141,34 @@ $effect(() => {
</p>
</div>
<a
class="btn preset-filled-warning mt-4 w-full font-bold shadow-md"
class="btn preset-filled-tertiary mt-4 w-full font-bold shadow-md"
href="/core/people">
Manage
</a>
</div>
<!-- Files Card -->
<div
class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<File size={24} />
</div>
<h3 class="h4 font-black">Files</h3>
</div>
<p class="text-sm leading-relaxed opacity-80">
Browse and manage hosted files across all accounts.
</p>
</div>
<a
class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
href="/core/files">
Manage
</a>
</div>
<!-- Data Stores Card -->
<div
class="card preset-tonal-surface group border-surface-500/10 flex flex-col justify-between space-y-4 border p-6 shadow-lg transition-colors duration-200 hover:brightness-110">

5
src/routes/core/files/+page.svelte
View File

@@ -477,6 +477,11 @@ async function check_all_for_orphans() {
<option value={50}>50</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={400}>400</option>
<option value={800}>800</option>
<option value={1000}>1000</option>
<option value={1500}>1500</option>
<option value={2000}>2000</option>
</select>
</label>
<div class="flex flex-1 items-end justify-end gap-2">