Step Count

Overview

Component Name: gpii.firstDiscovery.stepCount

File: stepCount.js

Assists to display how many steps users have gone through.

Using the Step Count component

Option 1: Typically this component is used as a sub-component of the Navigation:

stepCount: {
    type: "gpii.firstDiscovery.stepCount",
    container: "{nav}.dom.stepCount",
    options: {}
}

Option 2: Outside the context of the First Discovery Tool, developers may wish to create a standalone component:

var myStepCount = gpii.firstDiscovery.stepCount(container, options);

Grades

This component uses the following base grades:

Model

This component supports the following model properties:

Path Description Values Default
currentPanelNum Corresponds to the index of the current panel. Panel ID (Number) 0

Options

This component can be configured using the following options:

Name Description Values Default
panelTotalNum The total panel number. Number 10

Dependencies

<script type="text/javascript" src="src/lib/infusion/infusion-custom.js"></script>
<script type="text/javascript" src="src/js/stepCount.js"></script>