Botonera de la escena

[rgonzalezt]

Para tener el control de la escena, se deben contar los siguientes botones:

• Ejecutar
• Paso a paso
• Modo turbo
• Cambiar escenario (hace lo mismo que "reiniciar")

La ubicación es la siguiente para modo horizontal:
violeta: #796EF1 amarillo: #ffd22f

que el botón de cambiar escenario no esté flotando y tampoco contenido en una card (o sí, pero que ocupe lo relativo al botón, probar)

________________viejo 👇 ____________

Y para modo vertical:

Lógica de grisado y deshabilitado de botones:

• Mientras hay un bichito caminando,
  • no muestra el botón ejecutar,
  • muestra el botón reiniciar
  • Grisa botones paso a paso y cambiar escenario
• Mientras corren las expectativas, (esto cuando hagamos el issue de expects)
  • Se grisa todo
• Cuando termina la ejecución, ya sea por esta pausado en un breakpoint o por haber finalizado todo
  • sigue mostrando el botón reiniciar, sigue grisado el cambiar escenario
  • Muestra el botón “paso”, si es que estaba ejecutando paso a paso.

Ver archivos https://github.com/Program-AR/pilas-bloques-ember/blob/develop/app/templates/components/scene-buttons.hbs y de dónde saca los valores como needShowRestartButton , ver challenge-workspace.hbs y el .js.

En particular, como vimos en el video de ejecución, utiliza flags que la función de ejecución recursiva chequea en cada iteración si están seteados. Los flags pausadoEnBreakpoint y ejecutando. Revisarlos:

this.set('pausadoEnBreakpoint', false);
this.exerciseWorkspace.set('pausadoEnBreakpoint', false);


this.set('ejecutando', true);
this.exerciseWorkspace.set('ejecutando', true);

La lógica de estos 3 botones comienza acá: https://github.com/Program-AR/pilas-bloques-ember/blob/a51ea01eb20c11a6d1be688ccdd7d51987b046ec/app/components/challenge-workspace.js#L197-L213

• Tests: Conviene copiar la lógica de los tests para hacer nuevos tests. Los tests están en pilas-blockly-test.
• Traducciones