| | | 1 | | <div class="settings-section"> |
| | | 2 | | <h2>Data Management</h2> |
| | | 3 | | |
| | | 4 | | <div class="setting-item"> |
| | | 5 | | <div class="setting-label"> |
| | | 6 | | <span class="setting-icon">📤</span> |
| | | 7 | | <span class="setting-name">Export Backup</span> |
| | | 8 | | </div> |
| | | 9 | | <button class="btn-export btn-export-json" @onclick="OnExportJson" disabled="@IsExporting" title="Export all dat |
| | 180 | 10 | | @(IsExporting ? "Exporting..." : "Export JSON") |
| | | 11 | | </button> |
| | | 12 | | </div> |
| | | 13 | | |
| | | 14 | | <div class="setting-item"> |
| | | 15 | | <div class="setting-label"> |
| | | 16 | | <span class="setting-icon">📥</span> |
| | | 17 | | <span class="setting-name">Import Backup</span> |
| | | 18 | | </div> |
| | | 19 | | <div class="import-container"> |
| | | 20 | | <label class="btn-import @(IsImporting ? "disabled" : "")"> |
| | 180 | 21 | | @(IsImporting ? "Importing..." : "Import JSON") |
| | | 22 | | <InputFile OnChange="OnImport" accept=".json" class="file-input" disabled="@IsImporting" /> |
| | | 23 | | </label> |
| | 180 | 24 | | @if (ImportResult != null) |
| | 4 | 25 | | { |
| | 4 | 26 | | <span class="import-result">@ImportResult</span> |
| | 4 | 27 | | } |
| | | 28 | | </div> |
| | | 29 | | </div> |
| | | 30 | | |
| | | 31 | | <div class="setting-item setting-danger"> |
| | | 32 | | <div class="setting-label"> |
| | | 33 | | <span class="setting-icon">🗑️</span> |
| | | 34 | | <span class="setting-name">Clear All Data</span> |
| | | 35 | | </div> |
| | | 36 | | <button class="btn-clear" @onclick="OnConfirmClearData" disabled="@IsClearing" title="Delete all data"> |
| | 180 | 37 | | @(IsClearing ? "Clearing..." : "Clear") |
| | | 38 | | </button> |
| | | 39 | | </div> |
| | | 40 | | </div> |
| | | 41 | | |
| | | 42 | | @code { |
| | | 43 | | [Parameter] |
| | 535 | 44 | | public bool IsExporting { get; set; } |
| | | 45 | | |
| | | 46 | | [Parameter] |
| | 714 | 47 | | public bool IsImporting { get; set; } |
| | | 48 | | |
| | | 49 | | [Parameter] |
| | 535 | 50 | | public bool IsClearing { get; set; } |
| | | 51 | | |
| | | 52 | | [Parameter] |
| | 360 | 53 | | public string? ImportResult { get; set; } |
| | | 54 | | |
| | | 55 | | [Parameter] |
| | 355 | 56 | | public EventCallback OnExportJson { get; set; } |
| | | 57 | | |
| | | 58 | | [Parameter] |
| | 354 | 59 | | public EventCallback<InputFileChangeEventArgs> OnImport { get; set; } |
| | | 60 | | |
| | | 61 | | [Parameter] |
| | 355 | 62 | | public EventCallback OnConfirmClearData { get; set; } |
| | | 63 | | } |