Come creare una finestra di dialogo di conferma modale prima di eliminare con ember-cli

Question

Sto provando a creare un gestore utenti, posso creare modificare ed eliminare utenti, Nell'azione di eliminazione voglio visualizzare una finestra di dialogo di conferma modale con un "procedi" & pulsanti "annulla", per confermare la soppressione dell'utente.

Quali sono le migliori pratiche per farlo, sto usando ember-cli 0.2.3, ci sono molti suggerimenti in rete, sono un po 'confuso con quelle soluzioni, qual è lo standard o il modo migliore creare modali con Ember-CLI?

Answer 1

Si dovrebbe associare la funzione ToggleModal con il pulsante di cancellazione e la propria funzione DeleteUser con il pulsante 'ok' nel modal.

Ad esempio:

//button to call modal 
<button {{action 'showModal' 'modal-main'}}>Delete User</button> 


//ok button on the modal 
<button {{action 'deleteAfterConfirm' 'modal-main'}}>Ok</button> 

export default Ember.Controller.extend({ 
    actions: { 
     deleteAfterConfirm: function(userId) { 
      if (confirm("Want to delete?");) { 
      //deleteUser 
      } 
     }, 
     showModal: function(targetId) { 
      var modal = Ember.Views.views[targetId]; 
      modal.send('toggleModal'); 
     } 
    } 
}); 

Si può vedere here in dettaglio come creare e stile la vostra modale

Answer 2

È possibile utilizzare Bootstrap's modal e legare un'azione al pulsante 'procedere'.

Demo live del modal here di Bootstrap.