[jira] [Commented] (AMBARI-15979) Provide UI validation for widget_name and description fields in Create/Edit Widget pop-up.

["Keta Patel (JIRA)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/AMBARI-15979?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15248446#comment-15248446 ] 

Keta Patel commented on AMBARI-15979:
-------------------------------------

The UI validation is enhanced by checking the content of the input for name and description.
The patch attached allows only alphanumeric, underscore, hyphen, space and percentage symbol to be valid characters for both fields.
The % symbol is added as part of the white-list as there are existing widgets that contain % symbols in their names. In order to keep the characters in the name consistent, this was decided.
The description could probably have a little more flexibility in terms of characters allowed. Any suggestions to update this validation would be helpful.
The warning message template is also updated to conform to the existing norms used in several Ambari pop-ups (e.g. Manage Config Groups, Manage Alert Groups).

The images attached (starting with "fixed_") show how the fix appears with the patch.

> Provide UI validation for widget_name and description fields in Create/Edit Widget pop-up.
> ------------------------------------------------------------------------------------------
>
>                 Key: AMBARI-15979
>                 URL: https://issues.apache.org/jira/browse/AMBARI-15979
>             Project: Ambari
>          Issue Type: Improvement
>          Components: ambari-web
>    Affects Versions: trunk
>            Reporter: Keta Patel
>            Assignee: Keta Patel
>         Attachments: create_widget_button_location.tiff, create_widget_step1.tiff, create_widget_step2.tiff, create_widget_step3.tiff, fixed_character_validation_for_description.tiff, fixed_character_validation_for_name.tiff, fixed_characters_allowed_for_description.tiff, fixed_characters_allowed_for_name_and_description.tiff, fixed_length_validation_for_description.tiff, fixed_length_validation_for_name.tiff, original_characters_allowed_for_name_and_description.tiff, original_length_validation_for_description.tiff, original_length_validation_for_name.tiff
>
>
> The UI validation at present checks only the length of the user input for widget_name and description fields. All characters are allowed to be stored in the database through them. A more strict UI validation that limits the type of characters entered for these fields will provide a good first line of defense. 
> Steps to reproduce:
> 1. Make sure you have Ambari Metrics service installed on your cluster.
> 2. On the Dashboard, select any service that makes use of Ambari Metrics, say HDFS.
> 3. In the "Metrics" section, click the "Actions" button in the top-right corner, and select "Create a new widget" option from the drop-down. (attachment: create_widget_button_location.tiff)
> 4. Create widget pop-up is displayed. 
> 5. On Step-1, select any type for the widget and click "Next". (attachment: create_widget_step1.tiff)
> 6. On Step-2, select any valid metrics parameter and click "Next". (attachment: create_widget_step2.tiff)
> 7. On Step-3, for widget_name and description fields, you can enter any character. No validation is present to check the contents. The only validation present checks the length of the input text. 
> (attachments:
> create_widget_step3.tiff, 
> original_characters_allowed_for_name_and_description.tiff,
> original_length_validation_for_name.tiff,
> original_length_validation_for_description.tiff )



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)