SISA Edit Pot

SketchSystems.spec

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

SketchSystems_prototype.js

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