Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-130164

As a form creator, I want to create masks for my decimal numeric type fields

    Details

      Description

      Design Deliverable

      Mockups

      Context:

      In several use cases, to allow the user a better filling/reading experience, it is important to provide the known format of a given information, mainly if we are talking about long numbers. The most common case for masking decimal numbers are currency, but there are other as temperature, volume, length, distance and others.

      Notes:

      After analyzing the complexity of the context, we decided to divide the masking stories between integers and decimal numbers.

      Acceptance Criteria

      1 - Given a form creator,
      when adding a decimal numeric type field,
      then I must be able to add a mask to that field

      2 - Given an user filling a field with mask,
      when seeing the field empty,
      then I should be able to identify that the field has a mask

      3 - Given an user,
      when filling a numeric field with mask,
      then I should be able to read the value in the field mask

      • This must also happen in the view entries

      4 - Given a form creator,
      when creating a mask for a decimal field,
      then the field should be localizable.

      5 - Given a form creator,
      when creating a mask for a decimal field in the default language,
      then the field should be localizable.

      • The value from the default should persist in the other languages until the form creator edits in the specific language
      • If the mask is added in a language different from the default, the mask of the default language and other languages should be empty.

      6 - Given a form creator,
      when creating a mask for a decimal field with decimal separator different from the current language,
      then the separator chosen in the mask has priority.

      7 - Given a form creator,
      when creating a mask for a decimal field,
      then I must only be able to support 2 digits after the digital separator.

      Definition of Done (DoD):

      • All Acceptance Criteria were passed;
      • Make sure that the expected automated tests were created (unit / integration / functional) and passed successfully;
      • Code with peer review completed;
      • Validated by QA, Product Designer and/or PM;
      • No critical bug related to Story scope (ex.: similar of FP4, FP5);
      • Make sure that all system documentation were updated (if necessary)
      • Make sure that it has the extensions points needed to allow GS and customers to customize the feature (If applicable)

        Attachments

          Issue Links

          1.
          [PM] Acceptance Criteria LPS-130165 Technical Task Closed Luiz Jardim  
          2.
          [DS] Mockups LPS-130690 Technical Task Closed Victor Santos  
          3.
          [QA] Review ACs and Draft TCs LPS-133667 Technical Testing Closed Gleice Lisbino  
          4.
          [FE] Mask numeric value LPS-134560 Technical Task Closed Milton Castro  
          5.
          [FE] Deny the user choose the same separator for the fields Thousand Separator and Decimal Separator LPS-134613 Technical Task Closed Aline Cantarelli  
          6.
          [FE] Create NumericInputMask component LPS-134614 Technical Task Closed Aline Cantarelli  
          7.
          [BE] Show NumericInputMask field for numeric fields of type decimal LPS-134615 Technical Task Closed Carolina Barbosa  
          8.
          [BE] Create new form field type (NumericInputMaskDDMFormFieldType) to encapsulate logic LPS-134607 Technical Task Closed Carolina Barbosa  
          9.
          [BE] Create new model called NumericInputMask (get some inspiration from DDMFormFieldValidation) to save the values ​​of the input mask properties. LPS-134616 Technical Task Closed Carolina Barbosa  
          10.
          [BE] Add the new form field created above at NumericDDMFormFieldTypeSettings and show only when the numeric type is decimal. LPS-134617 Technical Task Closed Carolina Barbosa  
          11.
          [BE] Create tests LPS-134734 Technical Task Closed Carolina Barbosa  
          12.
          [BE][FE] Set Input Mask into PredefinedValue field LPS-134861 Technical Task Closed Carolina Barbosa  
          13.
          [FE] Convert Numeric to TypeScript LPS-134862 Technical Task Closed Milton Castro  
          14.
          [FE] Create tests LPS-134924 Technical Task Closed Aline Cantarelli  
          15.
          [QA] Manual Validation - Round 01 - Failed LPS-135413 Technical Testing Closed Diogo Santos  
          16.
          The input mask is not working on Decimal LPS-135424 Impedibug Closed Carolina Barbosa  
          17.
          When changing between input mask on Integer and Decimal the field has inconsistent behavior LPS-135426 Impedibug Closed Carolina Barbosa  
          18.
          The Input Mask can not be Localizable LPS-135492 Impedibug Closed Milton Castro  
          19.
          [BE] Hide input mask for decimal numeric type field LPS-135500 Technical Task Closed Carolina Barbosa  
          20.
          The input mask is not working with comma as decimal separator LPS-135543 Impedibug Closed Carolina Barbosa  
          21.
          [QA] Manual Validation - Round 02 - Failed LPS-136435 Technical Testing Closed Diogo Santos  
          22.
          Letters on keyboard are inputting wrong values when using an input mask with a suffix in a decimal number field LPS-136519 Impedibug Closed Milton Castro  
          23.
          When using an number as prefix of the input mask on decimal the prefix is being saved with the input value LPS-136523 Impedibug Closed Milton Castro  
          24.
          The input mask on decimal is not updating on the form builder when the user is editing LPS-136524 Impedibug Closed Milton Castro  
          25.
          The predefined value has an inconsistent behavior when there is a translation on the decimal input mask LPS-136526 Impedibug Closed Product Team Forms  
          26.
          The input mask on decimal is not working correctly when the admin is setting a dot or comma as a prefix or suffix LPS-136534 Impedibug Closed Milton Castro  
          27.
          [QA] Manual Validation - Round 03 - Passed LPS-138037 Technical Testing Closed Diogo Santos  
          28.
          [PM] Review LPS-138298 Technical Task Closed Luiz Jardim  

            Activity

              People

              Assignee:
              luiz.jardim Luiz Jardim
              Reporter:
              luiz.jardim Luiz Jardim
              Engineering Assignee:
              Product Team Forms
              Recent user:
              Sophia Zhang
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  7.4.13 DXP GA1
                  7.4.3.4 CE GA4
                  Master