Horizontal Roadmap

Sets the term deposit products data which includes the product image, product description, error indicator(if any).

this.view.FundingAllocationPopup.setData(data)

Parameters:

data - mandatory

This contains the array of term deposit products. Refer to the example for sample data.

The following variables are to be set in the single term deposit product values:

1. imgSrc: Term deposit product image
2. title: The description of the product
3. callback: A callback can be set to define what happens when the user clicks on the product.
4. isError: A boolean value to set the error state

Example

var data = {
      sectionData : [
        {
          imgSrc : "otherstate.png",
          title : "1 .   Infinity Standard Certificate of Deposit",
          callback : this.onClickOfRoadmap,
          isError : false
        },
         {
          imgSrc : "otherstate.png",
          title : "2 .   Infinity Standard Certificate of Deposit",
          callback : this.onClickFunction,
           isError : false
        }, 
        {
          imgSrc : "currentstate.png",
          title : "3 .   Infinity Standard Certificate of Deposit",
          callback : this.onClickFunction,
          isError : false
        },
      ],
    };
    this.view.HorizontalRoadmap.setData(data);	

Sets the error text and red dot over the term deposit products on which the error state is displayed. Refer to the example for sample data.

Parameters:

data (Object) - mandatory

The following are the keys that can be sent in otherData:

• text: The error text to be set to the component
• id: It is the array of the term deposit products which are needed to indicate the error state in them (red dot on the product image)

Example:

var errorData = {
      text : "Please cross validate the products and enter the right CD option’s value",
      id : [1,2]
    }
    this.view.HorizontalRoadmap.showError(errorData);

This contains the data for the single product that needs to be modified. Refer to the example for sample data.

Parameters:

data (Object) - mandatory

The following are the keys that can be sent in otherData:

1. id: specifies the product id
2. imgSrc: term deposit product image
3. title: The description of the product
4. callback: A callback can be set to define what happens when the user clicks on the product.
5. isError: A boolean value to set the error state

Example

var data = {
      id:1,
      imgSrc : "numeringdone.png",
      title : "Infinity Standard Certificate of Deposit Modified",
      callback : this.onClickFunction,
      isError : false
    }
    this.view.HorizontalRoadmap.setModifiedData(data);