Jonas Juselius
103 lines
3.8 KiB
JavaScript
103 lines
3.8 KiB
JavaScript
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
|
|
/*
|
|
* Copyright 2019 Red Hat, Inc. and/or its affiliates.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
import * as React from "../../../common/keycloak/web_modules/react.js";
|
|
import { Modal, ModalVariant, Button } from "../../../common/keycloak/web_modules/@patternfly/react-core.js";
|
|
import { Msg } from "./Msg.js";
|
|
/**
|
|
* For any of these properties that are strings, you can
|
|
* pass in a localization key instead of a static string.
|
|
*/
|
|
|
|
/**
|
|
* This class renders a button that provides a continue/cancel modal dialog when clicked. If the user selects 'Continue'
|
|
* then the onContinue function is executed.
|
|
*
|
|
* @author Stan Silvert ssilvert@redhat.com (C) 2019 Red Hat Inc.
|
|
*/
|
|
export class ContinueCancelModal extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
_defineProperty(this, "handleModalToggle", () => {
|
|
this.setState(({
|
|
isModalOpen
|
|
}) => ({
|
|
isModalOpen: !isModalOpen
|
|
}));
|
|
if (this.props.onClose) this.props.onClose();
|
|
});
|
|
|
|
_defineProperty(this, "handleContinue", () => {
|
|
this.handleModalToggle();
|
|
this.props.onContinue();
|
|
});
|
|
|
|
this.state = {
|
|
isModalOpen: false
|
|
};
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
isModalOpen
|
|
} = this.state;
|
|
return /*#__PURE__*/React.createElement(React.Fragment, null, !this.props.render && /*#__PURE__*/React.createElement(Button, {
|
|
id: this.props.buttonId,
|
|
variant: this.props.buttonVariant,
|
|
onClick: this.handleModalToggle,
|
|
isDisabled: this.props.isDisabled
|
|
}, /*#__PURE__*/React.createElement(Msg, {
|
|
msgKey: this.props.buttonTitle
|
|
})), this.props.render && this.props.render(this.handleModalToggle), /*#__PURE__*/React.createElement(Modal, _extends({}, this.props, {
|
|
variant: ModalVariant.small,
|
|
title: Msg.localize(this.props.modalTitle),
|
|
isOpen: isModalOpen,
|
|
onClose: this.handleModalToggle,
|
|
actions: [/*#__PURE__*/React.createElement(Button, {
|
|
id: "modal-confirm",
|
|
key: "confirm",
|
|
variant: "primary",
|
|
onClick: this.handleContinue
|
|
}, /*#__PURE__*/React.createElement(Msg, {
|
|
msgKey: this.props.modalContinueButtonLabel
|
|
})), /*#__PURE__*/React.createElement(Button, {
|
|
id: "modal-cancel",
|
|
key: "cancel",
|
|
variant: "secondary",
|
|
onClick: this.handleModalToggle
|
|
}, /*#__PURE__*/React.createElement(Msg, {
|
|
msgKey: this.props.modalCancelButtonLabel
|
|
}))]
|
|
}), !this.props.modalMessage && this.props.children, this.props.modalMessage && /*#__PURE__*/React.createElement(Msg, {
|
|
msgKey: this.props.modalMessage
|
|
})));
|
|
}
|
|
|
|
}
|
|
|
|
_defineProperty(ContinueCancelModal, "defaultProps", {
|
|
buttonVariant: 'primary',
|
|
modalContinueButtonLabel: 'continue',
|
|
modalCancelButtonLabel: 'doCancel',
|
|
isDisabled: false
|
|
});
|
|
|
|
;
|
|
//# sourceMappingURL=ContinueCancelModal.js.map
|