SISA Create Pot

SketchSystems.spec

SISA Create Pot 
  Start -> Dig Deeper OR Dashboard
Dig Deeper OR Dashboard
  Create -> Create Pot
Create Pot
  Pot Name
    potName
    POT_NAME_BACK -> Dig Deeper OR Dashboard
    POT_NAME_CONTINUE -> Pot target
  Pot target
    potTarget
    POT_TARGET_BACK -> Pot Name
    POT_TARGET_CONTINUE -> Goal type
  Goal type
    goalType
    GOAL_TYPE_BACK -> Pot target
    GOAL_TYPE_CONTINUE -> Monthly contributions
  Monthly contributions
    monthlyContributions
    CALCULATE_AFFORDABILITY -> Affordability
    MONTHLY_CONTRIBUTIONS_BACK -> Goal type
    MONTHLY_CONTRIBUTIONS_CONTINUE -> Timeframe
  Timeframe
    timeFrame
    TIMEFRAME_BACK -> Pot summary
    TIMEFRAME_CONTINUE -> Investment style
  Investment style
    investmentStyle
    INVESTMENT_STYLE_BACK -> Monthly contributions
    INVESTMENT_STYLE_CONTINUE -> Risk level
  Risk level
    riskLevel*
      BELOW_LEVEL -> belowRecommendedLevel
      RECOMMENDED_LEVEL -> inRecommendedLevel
      ABOVE_LEVEL -> aboveRecommendedLevel
    inRecommendedLevel
      RISK_LEVEL_BACK -> Investment style
      RISK_LEVEL_CONTINUE -> Pot summary
    belowRecommendedLevel
      RISK_LEVEL_BELOW_BACK -> Investment style
      RISK_LEVEL_BELOW_CONTINUE -> Risk Below Outliers Screen
    aboveRecommendedLevel
      RISK_LEVEL_ABOVE_BACK -> Investment style
      RISK_LEVEL_ABOVE_CONTINUE -> Risk Above Outliers Screen
  Risk Below Outliers Screen
    RISK_BELOW_LEVEL_CONTINUE -> Pot summary
  Risk Above Outliers Screen
    RISK_BELOW_LEVEL_CONTINUE -> Pot summary
  Pot summary
    EDIT_POT_NAME -> Edit Pot
    EDIT_POT_TARGET -> Edit Pot
    EDIT_GOAL_TYPE -> Edit Pot
    EDIT_MONTHLY_CONTRIBUTIONS -> Edit Pot
    EDIT_INVESTMENT_STYLE -> Edit Pot
    EDIT_RISK_LEVEL -> Edit Pot
    POT_SUMMARY_BACK -> Risk level
    POT_SUMMARY_CONTINUE -> Pot review
  Affordability
    AFFORDABILITY_CONTINUE -> Monthly contributions
Edit Pot
Pot review

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current step is: ${current_state_name}`);
}