SAILS - How to close modal with ajax-form after receiving “notFound” error from action

Question

So, I am using Sailsjs - and I am using a modal form to confirm deletion of an item. What I want to do is to detect a double deletion (someone deleted an item - while it was in someone else's page - and the second person tries to delete it too). I managed to do that - my action is returning "notFound". The problem is - how can I make the Modal close when getting "notFound" back from the action instead of success?

Here is an excerpt of my action code:

  exits: { forbidden: { description: 'The user making this request is not the owner of this thing and therefore cannot delete it.', responseType: 'forbidden' }, notFound: { description: 'The item was not found in the database. Maybe it has already been deleted?', responseType: 'notFound' } }, fn: async function (inputs, exits) { var thing = await Thing.findOne({ id: inputs.id }); if (!thing) { throw 'notFound'; } if (thing) { if (thing.owner !== this.req.me.id ) { throw 'forbidden'; } } await Thing.destroy({ id: inputs.id }); return exits.success(); } 

and here is an excerpt of my modal using ajax-form component:

  <% /* Confirm DeleteThing Modal */%> <modal v-if="confirmDeleteThingModalOpen" @close="closeDeleteThingModal()"> <ajax-form action="destroyOneThing" :syncing.sync="syncing" :cloud-error.sync="cloudError" :handle-parsing.sync="handleParsingDeleteThingForm" @submitted="submittedDeleteThingForm()"> <div class="modal-header"> <h3 class="modal-title">Are you sure?</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> 

Answer 1

You can use @rejected on your ajax-form. So somethinglike:

<ajax-form action="destroyOneThing" @rejected="rejectedDeleteOneThing" 

Then tell it what you want it to do on your page script

something like:

    rejectedDeleteOneThing: function() {
      this.confirmDeleteThingModalVisible = false;
    }