Bug 1373811 - HTML is not properly parsed by SSUI in catalog item long descriptions
Summary: HTML is not properly parsed by SSUI in catalog item long descriptions
Keywords:
Status: CLOSED WONTFIX
Alias: None
Product: Red Hat CloudForms Management Engine
Classification: Red Hat
Component: UI - OPS
Version: 5.6.0
Hardware: Unspecified
OS: Unspecified
medium
medium
Target Milestone: GA
: 5.7.0
Assignee: Martin Hradil
QA Contact: Shveta
URL:
Whiteboard: ssui
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2016-09-07 08:01 UTC by Krain Arnold
Modified: 2017-01-20 16:13 UTC (History)
5 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Last Closed: 2016-12-05 13:12:50 UTC
Category: ---
Cloudforms Team: ---
Target Upstream Version:


Attachments (Terms of Use)
SSUI service order form (58.01 KB, image/png)
2016-09-07 08:01 UTC, Krain Arnold
no flags Details
Long description in main UI (35.40 KB, image/png)
2016-09-07 08:02 UTC, Krain Arnold
no flags Details
SSUI (hoover over "more" on the catalogs page) (27.83 KB, image/png)
2016-09-07 08:03 UTC, Krain Arnold
no flags Details

Description Krain Arnold 2016-09-07 08:01:03 UTC
Created attachment 1198570 [details]
SSUI service order form

Description of problem:
The long descriptions for catalog items accept raw HTML, which allows for more presentable service descriptions.

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

How reproducible:
100%

Steps to Reproduce:
1. Create a service
2. Include HTML in the long description
3.

Actual results:
while the html parses correctly in the main UI, in the SSUI there are missing elements (tables/colors for example) and spacing seems affected.

Expected results:
the description should look the same and be consistent across the UI and SSUI

Additional info:
I've attached three screen shots, one of the main UI, one of the info message on the main SSUI order page, and one of the actual order page of the service.

The HTML used in the catalog follows:
<!DOCTYPE html>  
<html>  
<head>  
<style>  
table, th, td {  
    border: 2px solid black;
    border-collapse: collapse;
    background-color: #f1f1c1;
}
th, td {  
    padding: 8px;
}
</style>  
</head>  
<body>  
<h2>Multi-Tiered Service Description</h2>  
<table style="width:100%">  
  <tr>
    <th>Component Name</th>
    <th>Component Function</th>        
    <th>Description</th>
  </tr>
  <tr>
    <td>VM 1</td>
    <td>Apache Web Server</td>        
    <td>Front End LB</td>
  </tr>
  <tr>
    <td>VM 2</td>
    <td>JBoss</td>        
    <td>Application Server</td>
  </tr>
  <tr>
    <td>VM 3</td>
    <td>MariaDB</td>        
    <td>Database</td>
  </tr>
</table>

</body>  
</html>

Comment 2 Krain Arnold 2016-09-07 08:02:18 UTC
Created attachment 1198572 [details]
Long description in main UI

Comment 3 Krain Arnold 2016-09-07 08:03:13 UTC
Created attachment 1198574 [details]
SSUI (hoover over "more" on the catalogs page)


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