Sample Single Read Workflow

SketchSystems.spec

Sample Single Read Workflow
  Submission
    Signoff Submission Form -> QC
  QC
    Signoff QC Form - Query -> Submission
    Signoff QC Form - Approve -> Read
  Read
    Signoff Reader Form -> Complete
  This State
  Complete

SketchSystems_prototype.js

function returnHeader(state) {
    return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${state}`);
}

function returnButtons(state, model){
  if(state === "Submission"){
      return $('button', {style: {position: "relative", left: 50, top: 30},
                        onClick: function(){ model.emit("Signoff Submission Form") }},
             "Signoff");
  }
  else if(state === "QC"){
      return $('div',
              $('button', {style: {position: "relative", left: 20, top: 30},
                        onClick: function(){ model.emit("Signoff QC Form - Query") }},
             "Signoff - Query"),
        $('button', {style: {position: "relative", left: 100, top: 30},
                        onClick: function(){ model.emit("Signoff QC Form - Approve"); readCount = 0; eligibleReadResultCount = 0; notEligibleReadResultCount = 0; }},
             "Signoff - Approve"));
  }
  else if(state.startsWith("Read")){
     return $('button', {style: {position: "relative", left: 50, top: 30},
                        onClick: function(){ model.emit("Signoff Reader Form") }},
             "Signoff");
  }
  else {
    return $('div',
             $('span', {style: {color: "darkBlue"}}, `Visit workflow is complete!!`),
    );
  }
}

function render(model){
  let current_state_name = model.active_states[0].name;
  return $('div',
           returnHeader(current_state_name),
           returnButtons(current_state_name, model)
        )
}