-
Notifications
You must be signed in to change notification settings - Fork 1
iRec entrevista backbutton
De la misma forma que hicimos con la pagina #revision
vamos a buscar el boton para volver que tenemos en la pagina #interview
, solo debemos cambiar el contexto y ubicarlo dentro del handler del evento pagecreate
de #interview
. El handler de #interview
solo inicializa el boton de grabar/detener y se ve mas o menos asi hasta ahora:
$('#interview').on('pagecreate', function(e){
console.log('pagecreate on interview');
$('#record').click(function(e){
e.preventDefault();
if(recordApi.isRecording) {
recordApi.stop();
}else{
recordApi.record();
}
});
});
Nuevamente similar al caso de #revision
queremos:
- que no vaya a la pagina
#home
directamente - que frene la grabacion
- que nos redirija a
#home
Vale la pena rever en este punto que recordApi
tiene en el onStop
codigo que se ejecutara cuando la grabacion se detenga:
onStop: function(){
console.log('recordApi.onStop');
$.mobile.loading('show');
recordApi.media.release();
recordApi.media = null;
recordApi.entrevista.stop = new Date();
entrevistas.agregar(recordApi.entrevista, function(entrevista){
$('#revision').data('entrevistaIdx',entrevistas.lista.length - 1);
$(':mobile-pagecontainer').pagecontainer('change','#revision');
});
},
Entre otras cosas, cuando se detiene la grabacion, recordApi
se encarga de:
- mostrar el spinner
- grabar la entrevista
- enviarnos a la pagina de revision con la entrevista que acabamos de grabar
A diferencia de la intervencion del boton volver de #revision
aca solo debemos detener la grabacion, el resto va a ser manejado por la rutina de recordApi
, incluyendo la navegacion hacia la pagina de #revision
(cambiando asi efectivamente la funcionalidad del boton volver).
Entonces, en el handler de pagecreate
, agregamos este codigo:
$('a[href="#home"]', '#interview').on('click',function(evt){
if(recordApi.isRecording) {
evt.preventDefault(); //prevenimos el efecto por default
recordApi.stop();
}
});
A continuacion vamos a volver sobre la funcionalidad del boton volver de la pagina #revision
para extender la funcionalidad y poder guardar cambios (tags) que hayamos hecho durante una revision.
- Repaso y conceptos basicos
- Ejercicios para repasar
- Problematica de desarrollo mobile
- Phonegap
- Requerimientos e instalacion
- Phonegap CLI
- [Primeros ejercicios con Phonegap](Ejercicio Phonegap)
- Plugins
- Hello world
- Estructura de un proyecto Phonegap
- Plugin Device
- Debugging
- Incorporando un framework CSS
- Plugin Vibration
- Sumando partes
- Plugin Battery Status
- Un poco de jQuery
- jQuery Mobile
- Navegacion
- Plugin Dashboard
- Revision de Plugin Dashboard
- Paginas extra
- ToDo
- Persistencia
- ToDo Persistente
- Plugin Camera
- Opciones de camara
- App Mi Galeria
- Revision de Galeria
- Plugin File
- Escribir y leer texto
- Escribir archivos binarios
- Guardando fotos
- Debugger: weinre
- Inspeccionar con weinre
- Phonegap Developer App
- Refactor de apps
- Plugin Media
- Pruebas con audio
- Control y monitoreo de audio
- Encapsular play/pausa
- Hacks
- Formato de tiempos
- Grabar y reproducir
- Proyecto Integrador
- Revision de interfaz
- Interfaz basica
- Entrevista: modelo
- Funcionalidad: revision
- Seleccion de framework
- iRec: navegacion
- iRec: fileApi
- iRec: guias
- iRec: entrevistas
- iRec: recordApi
- iRec: helpers
- iRec: mediaApi
- iRec: inicializar paginas
- iRec: refactor
- iRec: mediaApi refactor
- iRec: recordApi refactor
- iRec: helpers
- iRec: guias.js
- iRec: entrevistas.js
- iRec: crear guias
- iRec: re-inicializando
- iRec: re-ordenando
- iRec: pendientes
- iRec: reporte ux
- iRec:revision: volver
- iRec:entrevista: volver
- iRec:revision: cambios
- iRec:revision: stop
- iRec:revision: Rew 10"
- iRec:revision: tag Go
- iRec: limpieza
- Firma de apps
- Android
- Generacion de key
- Firma de apk
- Alineacion de zip
- Firmar con Phonegap
- iOS
- Detalles finales
- Config.xml
- Iconos
- Splash