Bug 1323414 - Several issues rendering pages
Summary: Several issues rendering pages
Keywords:
Status: CLOSED EOL
Alias: None
Product: Red Hat Satellite
Classification: Red Hat
Component: WebUI
Version: 6.2.0
Hardware: Unspecified
OS: Unspecified
unspecified
high vote
Target Milestone: Unspecified
Assignee: satellite6-bugs
QA Contact: Og Maciel
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2016-04-02 16:52 UTC by Og Maciel
Modified: 2019-04-01 20:27 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: Bug Fix
Doc Text:
Clone Of:
Environment:
Last Closed: 2016-04-14 17:21:54 UTC
Target Upstream Version:


Attachments (Terms of Use)
Puppet Environment is a required field (73.09 KB, image/png)
2016-04-02 21:00 UTC, Og Maciel
no flags Details
Missing assets from the Sync Status page (50.61 KB, image/png)
2016-04-02 23:01 UTC, Og Maciel
no flags Details
Bastion error when visiting the ActivationKeys page (247.28 KB, image/png)
2016-04-03 14:35 UTC, Og Maciel
no flags Details
About page shows 'System Information' with a version of 0.1.3 (25.07 KB, image/png)
2016-04-03 22:27 UTC, Og Maciel
no flags Details

Description Og Maciel 2016-04-02 16:52:15 UTC
Description of problem:

I'm creating this new issue to gather all the rendering issues I encounter in the UI. These issues are usually triggered and best seen if:

* You have enough content (multiple products, repositories, systems, etc
* You have several notification messages left untouched as you keep adding more content

I shall add screenshots and attempt to describe the issues, with as much information as I can gather. These issues **will** cause a great deal of frustration and pain to our users as it severely affects the usability of Satellite 6 via the web UI.

Version-Release number of selected component (if applicable):

* Satellite 6.2.0 SNAP 6.1 though this has been happening for many builds already

How reproducible:


Steps to Reproduce:
1.
2.
3.

Actual results:


Expected results:


Additional info:

Comment 1 Og Maciel 2016-04-02 17:13:13 UTC
Watch this video: https://omaciel.fedorapeople.org/TinyViewWindow.mov

This video shows that as I added new repositories to my organization, the viewing area that lists all my repositories got smaller and smaller to the point where you could no longer see them.

The way I managed to see this was:

I created a total of new YUM-based custom repositories in succession. For every new repository a green notification was displayed at the top of the page, which I left alone (ie. did not close). As I created new repositories and new notifications were displayed, the UI was "pushed down" to the bottom of the page. As I added the last repository, I then proceeded to close all 5 notification messages/boxes, which then led to the issue where the viewing area for my repositories "vanished" and I had to scroll a very specific area of the page to see them.

Comment 2 Og Maciel 2016-04-02 17:18:01 UTC
Watch this video: https://omaciel.fedorapeople.org/LifecycleEnvironments.mov

This video shows a known issue with the Lifecycle Environments page. Depending on the width of the browser window, you either get all UI components (namely the button that allows you to add a new lifecycle environment and the existing table for the Library environment) pushed to the side of the page or somewhat properly rendered. There is also another scenario (not displayed in the UI where you get a blank page).

Comment 3 Og Maciel 2016-04-02 17:24:07 UTC
Watch this video: https://omaciel.fedorapeople.org/NewContainerNotification.mov

This video shows that when you attempt to create a new Docker container from Docker Hub, as you walk through the New Container wizard, when you type the name of the docker image "busybox" you are supposed to see a notification/icon that indicates that 'busybox' is not present in your Compute Resource. The video shows that there is "something" being displayed underneath the search (magnifying glass) icon but you cannot see what it is.

Comment 5 Og Maciel 2016-04-02 20:27:36 UTC
Watch this video: https://omaciel.fedorapeople.org/ActivationKey.mov

This video shows that depending on your screen resolution, the area where you should see a list of available products that can be added to an activationkey can be severely affected to the point where you may not be able to actually select a product. Resizing the screen (not shown in the video) will 'fix' the page and content will be rendered properly.

Comment 6 Og Maciel 2016-04-02 20:37:35 UTC
Watch this video: https://omaciel.fedorapeople.org/CrazyMenus.mov

This video shows how the main menus for Satellite react to the resizing of the main page. As you decrease the width of the page you see:

* The Administer button disappears
* The Administer button will appear below all the other menus
* The far-right menus will completely disappear
* Once the width is narrow enough, a "mobile" menu replaces the original one
* Clicking the "mobile" menu shows that submenus are displayed overlapping each other and rendered in the upstream color scheme
* Increasing the width back to its original size won't affect the color scheme caused from using the "mobile" menu.

Comment 7 Og Maciel 2016-04-02 20:42:29 UTC
Watch this video: https://omaciel.fedorapeople.org/HostGroupMissingIcon.mov

This video shows that when you're creating a new Host Group, the moment you select a Lifecycle Environment from the pulldown, you see a broken image quickly appear/disappear right next to the Content View directly below. It happens really quickly so you may want to watch this a few times.

Comment 8 Og Maciel 2016-04-02 20:48:41 UTC
Watch this video: https://omaciel.fedorapeople.org/ClickingTab.mov

This video shows that clicking the Network tab while filling out the new Host Group form only works if you click very specifically above the word Network. Clicking on the word itself or below it does not allow you to switch to the proper page on the form.

Comment 9 Roman Plevka 2016-04-02 20:50:54 UTC
(In reply to Og Maciel from comment #7)
> Watch this video: https://omaciel.fedorapeople.org/HostGroupMissingIcon.mov
> 
> This video shows that when you're creating a new Host Group, the moment you
> select a Lifecycle Environment from the pulldown, you see a broken image
> quickly appear/disappear right next to the Content View directly below. It
> happens really quickly so you may want to watch this a few times.

this should be a reference to spinner.gif and it has been reported here:
https://bugzilla.redhat.com/show_bug.cgi?id=1313651

Comment 10 Og Maciel 2016-04-02 20:54:37 UTC
Watch this video: https://omaciel.fedorapeople.org/OperatingSystem.mov

This video shows that even though I properly synchronized the Kickstart repository for RHEL 7.2, visiting the Operating System's page and selecting RHEL 7.2 shows that no partition tables or medium is associated with it. I had to edit the Default Location and Default Organization to make sure that they were included. I can see how this would confuse our users.

Comment 11 Og Maciel 2016-04-02 21:00:58 UTC
Created attachment 1142869 [details]
Puppet Environment is a required field

This screenshot shows that "Puppet Environment" is a required field for provisioning new hosts. However, the form does not flag this field as being required. Other required fields have an "*" next to them to denote them as being required.

Comment 12 Og Maciel 2016-04-02 21:12:25 UTC
Watch this video: https://omaciel.fedorapeople.org/MissingExpandIcon.mov

This video shows that we're still missing an expand/collapse icon when enabling Red Hat repositories.

Comment 13 Roman Plevka 2016-04-02 21:39:28 UTC
(In reply to Og Maciel from comment #12)
> Watch this video: https://omaciel.fedorapeople.org/MissingExpandIcon.mov
> 
> This video shows that we're still missing an expand/collapse icon when
> enabling Red Hat repositories.

already reported here:
https://bugzilla.redhat.com/show_bug.cgi?id=1323076

Comment 14 Og Maciel 2016-04-02 22:45:32 UTC
Watch this video: https://omaciel.fedorapeople.org/DeleteOrganization.mov

This video shows that deleting an organization does not refresh the list of organizations in the Organizations page. Once needs to reload the page to see the updated list.

Comment 15 Og Maciel 2016-04-02 23:01:51 UTC
Created attachment 1142885 [details]
Missing assets from the Sync Status page

This screenshot (bottom) shows that we have a few PNG files missing when visiting the Sync Status page.

Comment 16 Og Maciel 2016-04-03 14:35:23 UTC
Created attachment 1143003 [details]
Bastion error when visiting the ActivationKeys page

This screenshot shows a very long Bastion error displayed at the bottom of the screen. The message/error is:

Content Security Policy: Directive 'frame-src' has been deprecated. Please use directive 'child-src' instead. <unknown>
"Error: [$injector:unpr] Unknown provider: eProvider <- e <- bstFeatureFlagDirective
http://errors.angularjs.org/1.2.9/$injector/unpr?p0=eProvider%20%3C-%20e%20%3C-%20bstFeatureFlagDirective
r/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:14773
Ot/$.$injector<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:30308
n@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:29573
Ot/x.$injector<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:30401
n@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:29573
r@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:29858
f/</<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:1434
i@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:15101
f/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:1403
r@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:29891
Ot/x.$injector<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:30419
n@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:1:29573
q@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:8553
P@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:3833
O@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:3000
O@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:3159
O@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:3159
O@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:3159
A@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2315
w/<.compile/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:10786
g@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:6682
l@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2907
A/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2576
u@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:10081
b/u.compile/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:10405
g@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:6682
l@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2886
g@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:6627
l@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2907
g@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:6627
l@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2907
A/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2576
w/<.compile/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:10983
g@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:6682
l@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2907
A/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:2576
u@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:10081
b/u.compile/</<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:10350
kn/this.$get</c.prototype.$broadcast@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:3:3185
$/y.transitionTo/y.transition<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:5:5930
Sn/l/o.promise.then/u@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:29876
Sn/s/<.then/<@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:30562
kn/this.$get</c.prototype.$eval@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:3:1954
kn/this.$get</c.prototype.$digest@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:3:654
kn/this.$get</c.prototype.$apply@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:3:2275
i@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:16279
v@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:18105
Kt/</x.onreadystatechange@https://ibm-x3250m4-01.lab.eng.rdu2.redhat.com/assets/bastion/bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:18644
" bastion-c4cbce03253a23a75efd0995e149f962d327846a16bd8704abecbe134a129f4f.js:2:25357

Comment 17 Og Maciel 2016-04-03 22:27:07 UTC
Created attachment 1143109 [details]
About page shows 'System Information' with a version of 0.1.3

This screenshot shows that the About page shows 'System Information' with a version of 0.1.3. This should say 6.2.0.

Comment 19 Og Maciel 2016-04-14 17:21:54 UTC
Closing this issue since separate issues have been filed for each case represented here.


Note You need to log in before you can comment on or make changes to this bug.