| | | 1 | | @page "/settings" |
| | | 2 | | @inherits SettingsPageBase |
| | | 3 | | |
| | | 4 | | <div class="settings-page"> |
| | | 5 | | <div class="settings-header"> |
| | | 6 | | <h1>⚙️ Settings</h1> |
| | | 7 | | <p class="settings-tagline">Customize your pomodoro experience</p> |
| | | 8 | | </div> |
| | | 9 | | |
| | | 10 | | <TimerDurationSettings Settings="@Settings" OnChanged="MarkDirty" /> |
| | | 11 | | <PreferenceSettings Settings="@Settings" OnChanged="MarkDirty" /> |
| | | 12 | | <AutoStartSettings Settings="@Settings" OnChanged="MarkDirty" /> |
| | | 13 | | <DataManagementSettings IsExporting="@IsExporting" |
| | | 14 | | IsImporting="@IsImporting" |
| | | 15 | | IsClearing="@IsClearing" |
| | | 16 | | ImportResult="@ImportResult" |
| | | 17 | | OnExportJson="ExportJson" |
| | | 18 | | OnImport="HandleImport" |
| | | 19 | | OnConfirmClearData="ConfirmClearData" /> |
| | | 20 | | |
| | | 21 | | <ClearConfirmationModal IsVisible="@ShowClearConfirmation" |
| | | 22 | | OnConfirm="ClearData" |
| | 1 | 23 | | OnCancel="@(() => ShowClearConfirmation = false)" /> |
| | | 24 | | |
| | | 25 | | <div class="settings-actions"> |
| | | 26 | | <button class="btn-save" @onclick="HandleSave" title="Save Settings" disabled="@(!HasChanges)">✓</button> |
| | | 27 | | <button class="btn-reset-defaults" @onclick="ResetToDefaults" title="Reset to Defaults" disabled="@IsAtDefaults" |
| | | 28 | | </div> |
| | | 29 | | |
| | 174 | 30 | | @if (ShowToast) |
| | 17 | 31 | | { |
| | 17 | 32 | | <div class="settings-toast">@(ToastMessage ?? "Settings saved successfully!")</div> |
| | 17 | 33 | | } |
| | | 34 | | </div> |