Fix vlan id should be integer type

[a110605]

Summary

• fix vlan id should be integer type
• allow user to modify vlan Id with empty value
• ensure input value should between 1 ~ 4094

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:

Related Issue #

• [BUG] VM Network's vlan property now in UI as string, validator expects int  harvester#6309
• [BUG] [UI] Create VM Network VLAN ID input validation buggy harvester#6290

Occurred changes and/or fixed issues

Technical notes summary

Note. this PR should backport to v1.4 / v1.3 / v1.2

Areas which could experience regressions

Screenshot/Video

fixed.mov

[FrankYang0529]

LGTM. Thanks for the quick fix.

[m-ildefons]

allow user to modify vlan Id with empty value

Why is this necessary? The VLAN ID parameter is mandatory and empty isn't accepted anyways?

[a110605]

allow user to modify vlan Id with empty value

Why is this necessary? The VLAN ID parameter is mandatory and empty isn't accepted anyways?

It's straighforward to allow user clean up any input in a form.

But original logic keep vlan ID to 1 which is not intuitive.

We have final validation on L116, so I think it's okay to allow clean up the vlan ID input.

[bk201]

test and work for me, thanks.

[a110605]

@mergify backport release-harvester-v1.4

[mergify]

backport release-harvester-v1.4

✅ Backports have been created

• #1100 Fix vlan id should be integer type (backport #1099) has been created for branch release-harvester-v1.4

[a110605]

@mergify backport release-harvester-v1.3

[a110605]

@mergify backport release-harvester-v1.2

[mergify]

backport release-harvester-v1.3

✅ Backports have been created

• #1101 Fix vlan id should be integer type (backport #1099) has been created for branch release-harvester-v1.3

[mergify]

backport release-harvester-v1.2

✅ Backports have been created

• #1102 Fix vlan id should be integer type (backport #1099) has been created for branch release-harvester-v1.2