Bug 1373811

Summary: HTML is not properly parsed by SSUI in catalog item long descriptions
Product: Red Hat CloudForms Management Engine Reporter: Krain Arnold <krain>
Component: UI - OPSAssignee: Martin Hradil <mhradil>
Status: CLOSED WONTFIX QA Contact: Shveta <sshveta>
Severity: medium Docs Contact:
Priority: medium    
Version: 5.6.0CC: hkataria, jhardy, mhradil, mpovolny, obarenbo
Target Milestone: GA   
Target Release: 5.7.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard: ssui
Fixed In Version: Doc Type: If docs needed, set a value
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2016-12-05 13:12:50 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Attachments:
Description Flags
SSUI service order form
none
Long description in main UI
none
SSUI (hoover over "more" on the catalogs page) none

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)