Add VM schedules pages

[a110605]

Summary

• add VM schedule list / edit / details pages
• add VM schedule column in vmbackup / vmsnapshot list pages
• add Create VM Scheduleaction for VM operation menu
• show volume backup error message and readyToUse in backup/snapshot detail volume tab <- discussion conclusion with the team
• upgrade cron-validator and cronstrue to the latest version

Note. this UI PR needs wait for backend PR harvester/harvester#6149 merge first.

PR Checklist

• Is this a multi-tenancy feature/bug?
  • Yes, the relevant RBAC changes are at:
• Do we need to backport changes to the old Rancher UI, such as RKE1?
  • Yes, the relevant PR is at:
• Are backend engineers aware of UI changes?
  • Yes, the backend owner is: @WebberHuang1118

Related Issue #
harvester/harvester#6058

Technical notes summary

run yarn install before run up the harvester dashboard

Screenshot/Video

1. Create VM Schedule

create_scheduling.mov

2. Edit VM Schedule

update_schedule.mov

3. See VM Schedule detail

schedule_detail.mov

4. show error banner if not set backup target

show_error_backup_target.mov

5. When create back up failed and reach Max Failure threshold, the schedule job would auto suspended.

6. Show volume backup error message and readyToUse in backup/snapshot detail volume tab

volume_backup_error.mov

[a110605]

Let me rebase and test it again since backend PR has some minor change.

[a110605]

Hi @WebberHuang1118 , @torchiaf , I've rebased this PR and ready to review.

[torchiaf]

I'm working on the review, before I look at the code, I found the following error, could you check ?

• 'Create Schedule' title starts with ':'
• Cannot read properties of undefined (reading 'linkFor') when click create button.

[a110605]

I'm working on the review, before I look at the code, I found the following error, could you check ?

• 'Create Schedule' title starts with ':'
• Cannot read properties of undefined (reading 'linkFor') when click create button.

The backend PR is merged. Could you use master-head deployment and try again?

Should be looks like

[mergify]

This pull request is now in conflict. Could you fix it @a110605? 🙏

[a110605]

This pull request is now in conflict. Could you fix it @a110605? 🙏

Done rebase.

[WebberHuang1118]

LGTM, thans for the PR.

Just a point, if the schedule is suspended, the GUI doesn't show the condition?

For example, if the user suspends the schedule proactively, ScheduleVMBackup CR's status.conditions will have related message and reason.

[a110605]

LGTM, thans for the PR.

Just a point, if the schedule is suspended, the GUI doesn't show the condition?

For example, if the user suspends the schedule proactively, ScheduleVMBackup CR's status.conditions will have related message and reason.

The stateDescription() is grabbing from this.state.conditions.message, will look like

[bk201]

The UX lgtm. However, I feel the word "VM Schedule" is confusing. Maybe "VM Backup Schedule" is more clear?
@jillian-maroket @asettle What do you think about this term.

[a110605]

The UX lgtm. However, I feel the word "VM Schedule" is confusing. Maybe "VM Backup Schedule" is more clear? @jillian-maroket @asettle What do you think about this term.

But user can still create snapshot schedule job from this page, that why I give it Virtual Machine Schedule.

[torchiaf]

I left some comments and there are some small regressions:

• When you click on 'Replace existing' / 'Restore New' from Virtual Machine Snapshots page or Virtual Machine Schedules -> Snapshots tab:

  1. The UI is redirected to Backups create page rather than Snapshots create.
  2. If you hit Cancel the UI is redirected to Backups page. The redirection should be to Virtual Machine Snapshots or Virtual Machine Schedules -> Snapshots tab, depending on navigation history.

Virtual Machine Snapshots

Screencast.from.2024-09-26.14-37-07.webm

Virtual Machine Schedules -> Snapshots tab

Screencast.from.2024-09-26.14-45-53.webm

Consider that some button actions are in common between Snapshots and Backup models.

[torchiaf]

We should port this fix in rancher/dashboard.

[a110605]

@WebberHuang1118 , could you help check why I can't restore new / restore existing snapshot or backup using schedule job generated backup / snapshot? It's fine to restore snapshot/backup which is manually created.

[torchiaf]

LGTM UI side.

[torchiaf]

@WebberHuang1118 , could you help check why I can't restore new / restore existing snapshot or backup using schedule job generated backup / snapshot? It's fine to restore snapshot/backup which is manually created.

IMHO the 500 error should be handled backend side, but the error message is consistent: If I stop the VM schedule from which the VM backups was created, I can manually restore the backup into a new VM.

[WebberHuang1118]

@WebberHuang1118 , could you help check why I can't restore new / restore existing snapshot or backup using schedule job generated backup / snapshot? It's fine to restore snapshot/backup which is manually created.

Yes, the Harvester controller has the webhook to prevent restoring the snapshot/backup from a running schedule, since the backup/snapshots will be cleansed under the hood, leading to restore failure. By design, before restoring, the user should suspend the schedule first.