Approve

Singleton modal confirmation dialog with approve and cancel buttons that runs a callback when the user approves

Live preview

Open in new tab ↗
  • easy usage
  • singleton
  • works with Bootstrap
  • supports dark mode
  • modal

Configuration:

  • cancel {String} a label for cancel button (default: Cancel)
  • NEW: style {Number} changes style (supported style 1 (default) and 2)

Methods:

  • component.show(message, approve_button_label, [cancel_button_label], callback, [callback_cancel])

Usage:

SETTER('approve/show', message, 'Yes', function() {

});

A simple styling of buttons

// "Remove" button will be with Font-Awesome icon called: "trash-o"
SETTER('approve/show', 'Are you sure you want to remove selected item?', ':trash-o: Remove', REMOVE_FUNCTION);

// "Confirm" button will be "green" with Font-Awesome icon called: "checked-circle"
SETTER('approve/show', 'Are you sure you want to confirm selected items?', ':checked-circle: Confirm #2BA433', REMOVE_FUNCTION);

More UI components

Browse all 348