Sweet Alert подтвердите с Node JS и Express - PullRequest
Новая
       18

Sweet Alert подтвердите с Node JS и Express

0 голосов
/ 23 февраля 2020

У меня есть приложение Node JS / Express, использующее шаблоны .E JS, и я использую следующий код для всплытия стандартных сообщений «Вы уверены» перед редактированием или удалением записи. Оба они работают нормально: 

<a id="edit-form" href="/blog/<%-blog._id%>/edit" onclick="return confirm('Are you sure you wish to edit this blog post?');">
    <div class="new-show-icons"><i class="far fa-edit"></i></div>
</a>
<form id="btn-form" action="/blog/<%- blog._id %>?_method=DELETE" method="POST" onclick="return confirm('Are you sure you wish to delete this blog post?');">
    <div class="new-show-icons"><i class="far fa-trash-alt"></i></div>
</form>

Вот код JS, который у меня есть для всплывающих окон, но я не уверен, 1) как заменить их, чтобы они появлялись вместо всплывающих окон. стандартное html подтверждающее сообщение и 2) как указать, какое действие следует предпринять, если пользователь подтверждает или отменяет (в случае редактирования перенесите их на страницу редактирования, а в случае удаления прямое удаление записи). Любая помощь приветствуется. Спасибо 

function areYouSureEdit() {
    swal({
        title: "Are you sure you wish to edit this record?",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: '#DD6B55',
        confirmButtonText: 'Yes!',
        closeOnConfirm: false,
    },
    function(){

    });
};

function areYouSureDelete() {
    swal({
        title: "Are you sure you wish to delete this record?",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: '#DD6B55',
        confirmButtonText: 'Yes, delete it!',
        closeOnConfirm: false,
    },
    function(){
        swal("Deleted!", "Your imaginary file has been deleted!", "success");
    });
};

Тем не менее, я хотел бы убедиться, что 'Sweet Alert' подтверждает сообщения, с которыми я борюсь.

1 Ответ

0 голосов
/ 23 февраля 2020

SweetAlert использует обещания, чтобы отслеживать, как пользователь взаимодействует с предупреждением.

Если пользователь нажимает кнопку подтверждения, обещание принимает значение true. Если предупреждение отклонено (щелкнув за пределами него), обещание преобразуется в ноль. ( ref ) Итак, как там руководство 

function areYouSureEdit() {
swal({
    title: "Are you sure you wish to edit this record?",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: '#DD6B55',
    confirmButtonText: 'Yes!',
    closeOnConfirm: false,
}.then((value) => {
  if(value){
           //bring edit page
     }else{
       //write what you want to do
      }
 }) };

function areYouSureDelete() {
  swal({
    title: "Are you sure you wish to delete this record?",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: '#DD6B55',
    confirmButtonText: 'Yes, delete it!',
    closeOnConfirm: false,
}.then((value) => {
  if(value){
           //ajax call or other action to delete the blog
        swal("Deleted!", "Your imaginary file has been deleted!", "success");
     }else{
       //write what you want to do
      }
 })); };
...