Release v1.0.63 with one-click backup schedule presets.

This improves backup scheduling UX by adding quick cron presets for hourly, every 6 hours, daily, and weekly schedules while preserving full custom cron input.

Made-with: Cursor

Author: rehmatworks

cmd/fastcp/ui/dist/index.html

@@ -1032,6 +1032,33 @@ <h4 class="text-xs font-semibold text-gray-700 uppercase tracking-wide mb-2">
                                 <label class="block text-sm font-medium text-gray-700 mb-1">Schedule (Cron)</label>
                                 <input type="text" x-model="backupForm.schedule_cron" placeholder="0 2 * * *"
                                        class="w-full px-3 py-2 border border-gray-200 rounded-lg focus:outline-none focus:border-primary-500">
+                                <div class="mt-2 flex flex-wrap gap-2">
+                                    <button type="button"
+                                            @click="setBackupSchedulePreset('0 * * * *')"
+                                            :class="isBackupSchedulePreset('0 * * * *') ? 'bg-primary-50 text-primary-700 border-primary-200' : 'bg-white text-gray-600 border-gray-200 hover:bg-gray-50'"
+                                            class="px-2.5 py-1 text-xs border rounded-md transition-colors">
+                                        Hourly
+                                    </button>
+                                    <button type="button"
+                                            @click="setBackupSchedulePreset('0 */6 * * *')"
+                                            :class="isBackupSchedulePreset('0 */6 * * *') ? 'bg-primary-50 text-primary-700 border-primary-200' : 'bg-white text-gray-600 border-gray-200 hover:bg-gray-50'"
+                                            class="px-2.5 py-1 text-xs border rounded-md transition-colors">
+                                        Every 6 Hours
+                                    </button>
+                                    <button type="button"
+                                            @click="setBackupSchedulePreset('0 2 * * *')"
+                                            :class="isBackupSchedulePreset('0 2 * * *') ? 'bg-primary-50 text-primary-700 border-primary-200' : 'bg-white text-gray-600 border-gray-200 hover:bg-gray-50'"
+                                            class="px-2.5 py-1 text-xs border rounded-md transition-colors">
+                                        Daily
+                                    </button>
+                                    <button type="button"
+                                            @click="setBackupSchedulePreset('0 2 * * 0')"
+                                            :class="isBackupSchedulePreset('0 2 * * 0') ? 'bg-primary-50 text-primary-700 border-primary-200' : 'bg-white text-gray-600 border-gray-200 hover:bg-gray-50'"
+                                            class="px-2.5 py-1 text-xs border rounded-md transition-colors">
+                                        Weekly
+                                    </button>
+                                </div>
+                                <p class="mt-1 text-xs text-gray-400">Quick presets. You can still enter any custom cron expression.</p>
                             </div>
                             <div class="flex items-end">
                                 <label class="inline-flex items-center gap-2 text-sm text-gray-700">
@@ -2900,6 +2927,12 @@ <h3 class="text-xl font-semibold text-gray-800">Login as User</h3>
                         keep_monthly: Number.isFinite(cfg.keep_monthly) ? cfg.keep_monthly : 6
                     };
                 },
+                setBackupSchedulePreset(expr) {
+                    this.backupForm.schedule_cron = (expr || '').trim();
+                },
+                isBackupSchedulePreset(expr) {
+                    return (this.backupForm?.schedule_cron || '').trim() === (expr || '').trim();
+                },
                 async loadBackupRcloneStatus() {
                     this.backupRcloneStatus = await this.api('/backups/rclone/status');
                 },