AcceleRun

SketchSystems.spec

AcceleRun
  neutral
    
    consider a new idea
      know how to do it -> do new thing
      do not know how to do it -> learn new thing
    
    do new thing
      ideate
      plan
      recruit     
    
    learn new thing
  
  immediate term
    create hackapod poc
      build -> built
    built
      test -> tested
    tested
      deploy -> deployed
    deployed
      retro*
        success -> short term
        failure -> neutral
        
      
    
  short term
  medium term
  long term
    expand globally -> utopia
  utopia
  
  

SketchSystems_prototype.js

function render(model){

  var activeStates = model.active_states.map(x => x.name);
  
  return $('div',
            $('div', {style: {position: "relative", left: 50, top: 30, padding: 40, margin: 30, fontFamily: "sans-serif" },
                        draggable: false,
                        onClick: function(){ model.emit("onVesselClick") },
                        onMouseEnter: function(){ model.emit('onMouseInVessel')},
                        onMouseLeave: function(){ model.emit('onMouseOutVessel')},
                       },

                 `${activeStates.join(",")}`) ,
           $('button', {style: {position: "relative", left: 50, top: 30, padding: 40, margin: 30, fontFamily: "sans-serif" },
                        draggable: false,
                        onClick: function(){ model.emit("onVesselClick") },
                        onMouseEnter: function(){ model.emit('onMouseInVessel')},
                        onMouseLeave: function(){ model.emit('onMouseOutVessel')},
                       },

                 `Button`) ,
           
           $('button', {style: {position: "relative", left: 50, top: 30, padding: 40, margin: 30, fontFamily: "sans-serif"},
                        draggable: true,
                        onClick: function(){ model.emit("onRequirementClick") },
                        onMouseEnter: function(){ model.emit('onMouseInRequirement')},
                        onMouseLeave: function(){ model.emit('onMouseOutRequirement')},
                        onDragStart: function(){ model.emit('onDrag')},
                        onDragEnd: function(){ model.emit('onDrop')},
                       },

                 `Requirement`) 
          );

}