No input filed for IP address in UI when adding new Zone.

[ccycv]

ISSUE TYPE

• Bug Report

COMPONENT NAME

UI

CLOUDSTACK VERSION

4.17.0

CONFIGURATION

NA

OS / ENVIRONMENT

Ubuntu 20.04. 

SUMMARY

STEPS TO REPRODUCE

Add new zone via UI

EXPECTED RESULTS

Allowing to add IP address with option to go back or forward

ACTUAL RESULTS

No input field available and no option to go back. It was tested multiple times via Chrome Browser.

[ccycv]

Update : Same issue in Firefox.

[utchoang]

@ccycv I tried with branch 4.17 but it works fine. Can you show me an image/video of the steps you performed the error? (If possible, show me the console in the browser's dev tool)

[slavkap]

@ccycv, is this an Advanced or Basic network configuration?

[ccycv]

@ccycv I tried with branch 4.17 but it works fine. Can you show me an image/video of the steps you performed the error? (If possible, show me the console in the browser's dev tool)

Here is the screenshot : https://imgur.com/8fKtrad

[ccycv]

@ccycv, is this an Advanced or Basic network configuration?

I tested only in Advanced

[utchoang]

@ccycv can you show me the console in the browser's dev tool? (like this picture)

[ccycv]

@ccycv can you show me the console in the browser's dev tool? (like this picture)

I do not see anything, only 1 failed load resource but this one was from the start.

[utchoang]

@ccycv According to your screenshot, I don't know why it's not showing, can you get the latest code from 4.17 and check if it has a different change? cc @shwstppr @Pearl1594

[ccycv]

@ccycv According to your screenshot, I don't know why it's not showing, can you get the latest code from 4.17 and check if it has a different change?

This is a fresh install with the packages from shapeblue. I also reinstalled and tested from a different PC/different network, same issue.

[utchoang]

@ccycv can you try the Cloudstack http://qa.cloudstack.cloud:8080/client/ with your browser and confirm again? I think this from the browser.

[ccycv]

@ccycv can you try the Cloudstack http://qa.cloudstack.cloud:8080/client/ with your browser and confirm again? I think this from the browser.

Not working even via your link. How can be this from my Browser? I tested in Chrome 102.0.5005.115 (Official Build) (64-bit), Firefox 101.0.1 (64-bit )and also used a different PC with Firefox 101.0.1 (64-bit) which in a different network..

I use advanced networking with Local Storage and at network I add a second physical network for Guest. ( with VMware), You should try in the same way to see if you can continue after you add the vCenter details.

[utchoang]

@ccycv This is on my chrome (same version as you). I think this may be due to vue-i18n's warning "Detected HTML". I'll create a PR to hidden it and you can test it and see if that works.

[utchoang]

@ccycv I have created a PR #6480 containing the content I talk above, you can check it again with the URL: http://qa.cloudstack.cloud:8080/client/pr/6480 and confirm if it works?

[ccycv]

With this occasion I found a new bug, I also have upgraded setup to 4.16.1 from a previous version, where I already have the zone added. I wanted to try the same thing to see if I have the same issue, looks like here I have a different one.

When I insert the vSwitch name and hit ok, the vSwitch name is not saved.

If I edit again, show empty ( I can continue like this and no label is saved for Management and Public)

It is saved only for "Guest"

If I add an additional Physical Network with traffic type "Guest" and try to continue I get this error, because I do not have labels to the above traffic types where are not saved. Looks like the error is showing only in case you add a secondary physical network, otherwise is ignored.

I also tested in Edge browser

[ccycv]

@ccycv I have created a PR #6480 containing the content I talk above, you can check it again with the URL: http://qa.cloudstack.cloud:8080/client/pr/6480 and confirm if it works?

No, it is not working. I also tested in a incognito tab.