Umbraco8 Backoffice OverlayService-example

// *******  Confirmation-dialog **********

var overlay = {
    "view": "default",
    "title": 'Headline',
    "content": 'This is some important text that you need to confirm',
    "disableBackdropClick": true,
    "disableEscKey": true,
    "submitButtonLabel": 'Confirm',
    "closeButtonLabel": 'Cancel',
    "submitButtonStyle":"danger",
    
    submitButtonLabelKey: "general_ok", // use translation keys
    closeButtonLabelKey: "general_cancel", // use translation keys
    
    submit: function () {
        overlayService.close();

    },
    close: function () {
        overlayService.close();
    }
};

overlayService.open(overlay);


// *******  Selection-dialog **********
var dialogModel = {
    view: "itempicker",
    title: "Choose ",
    availableItems: availableItems,
    selectedItems: [],
    position: "target",
    event: $event,
    submit: function (model) {

        console.log(model.selectedItem);

        overlayService.close();
    },
    close: function() {
      overlayService.close();
    }
};
overlayService.open(dialogModel);