Как создать модальное диалоговое окно подтверждения перед удалением с помощью ember-cli

Question

Я пытаюсь создать диспетчер пользователей, я могу создавать редактировать и удалять пользователей. В действии удаления я хочу отобразить модальный диалог подтверждения с «продолжить», & кнопки «отменить», чтобы подтвердить подавление пользователя.

Какова наилучшая практика для этого, я использую ember-cli 0.2.3, Там много предложений в сети, я немного смущен этими решениями, что является стандартным или лучшим способом создать модалы с Ember-CLI?

Answer 1

Вы должны связать свою функцию toggleModal с кнопкой delete и функцией deleteUser с кнопкой «ok» в модальном режиме.

Например:

//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'); 
     } 
    } 
}); 

Вы можете увидеть here в деталях, как создать и стиль вашего модальные

Answer 2

Вы можете использовать Bootstrap's modal и связать действие с кнопкой «продолжить».

Демо-версия демо-версии Bootstrap here.