Pre Save Hook

[frenchy198588]

Is there any way I can create a modal popup when a user clicks the save or update buttons on a page so that I can ask them to add a piece of required supporting information for the page?

My use case is that every page is required to have a banner detailing if it is commercially sensitive or one of another few caveats. I don't want to rely on people adding labels etc after the page was saved, I'd rather make it a required field somehow. 

I've seen a confluence instance with a pop up that appears on clicking the save button which opens a dialog / modal area, asks you to fill in a form then saves the page with that extra info. I've no idea how they've done it though.

The closest I've gotten is a on page save event on the server side, but can't figure out how to do this client side.

Any ideas? 

[Sven Schatter _Lively Apps_]

As far as I'm aware there is no real API for this in the frontend. You'll have to come up with your own solution. A possible hack could be to kidnap the original save button and replace it with your own, like this:

AJS.toInit(function() {
  var $original = $('#rte-button-publish');
  var $clone = $original.clone();

  $original.hide().attr('id', '#rte-button-publish-original');
  $clone.insertAfter($original);

  $clone.on('click', function(e) {
    e.preventDefault();
    // replace with your own dialog/logic.
    var shouldSave = confirm('bla bla bla'); 
    if (shouldSave) $original.click();
  });
});

This should be fine if you only use this internally, but please don't put something like this into a Marketplace app! ;)

Cheers,
Sven