Jonas Juselius
112 lines
4.9 KiB
JavaScript
112 lines
4.9 KiB
JavaScript
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
/*
|
|
* 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 "../../../keycloak.v2/web_modules/react.js";
|
|
import { Button, Modal, Form, FormGroup, TextInput, InputGroup, ModalVariant } from "../../../keycloak.v2/web_modules/@patternfly/react-core.js";
|
|
import { OkIcon } from "../../../keycloak.v2/web_modules/@patternfly/react-icons.js";
|
|
import { Scope } from "./resource-model.js";
|
|
import { Msg } from "../../widgets/Msg.js";
|
|
import { AccountServiceContext } from "../../account-service/AccountServiceContext.js";
|
|
import { ContentAlert } from "../ContentAlert.js";
|
|
import { PermissionSelect } from "./PermissionSelect.js";
|
|
export class EditTheResource extends React.Component {
|
|
constructor(props, context) {
|
|
super(props);
|
|
_defineProperty(this, "context", void 0);
|
|
_defineProperty(this, "handleToggleDialog", () => {
|
|
if (this.state.isOpen) {
|
|
this.setState({
|
|
isOpen: false
|
|
});
|
|
this.props.onClose();
|
|
} else {
|
|
this.clearState();
|
|
this.setState({
|
|
isOpen: true
|
|
});
|
|
}
|
|
});
|
|
_defineProperty(this, "updateChanged", row => {
|
|
const changed = this.state.changed;
|
|
changed[row] = !changed[row];
|
|
this.setState({
|
|
changed
|
|
});
|
|
});
|
|
this.context = context;
|
|
this.state = {
|
|
changed: [],
|
|
isOpen: false
|
|
};
|
|
}
|
|
clearState() {
|
|
this.setState({});
|
|
}
|
|
async savePermission(permission) {
|
|
await this.context.doPut(`/resources/${encodeURIComponent(this.props.resource._id)}/permissions`, [permission]);
|
|
ContentAlert.success(Msg.localize('updateSuccess'));
|
|
}
|
|
render() {
|
|
return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children(this.handleToggleDialog), /*#__PURE__*/React.createElement(Modal, {
|
|
title: 'Edit the resource - ' + this.props.resource.name,
|
|
variant: ModalVariant.large,
|
|
isOpen: this.state.isOpen,
|
|
onClose: this.handleToggleDialog,
|
|
actions: [/*#__PURE__*/React.createElement(Button, {
|
|
key: "done",
|
|
variant: "link",
|
|
id: "done",
|
|
onClick: this.handleToggleDialog
|
|
}, /*#__PURE__*/React.createElement(Msg, {
|
|
msgKey: "done"
|
|
}))]
|
|
}, /*#__PURE__*/React.createElement(Form, {
|
|
isHorizontal: true
|
|
}, this.props.permissions.map((p, row) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
|
|
fieldId: `username-${row}`,
|
|
label: Msg.localize('User')
|
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
id: `username-${row}`,
|
|
type: "text",
|
|
value: p.username,
|
|
isDisabled: true
|
|
})), /*#__PURE__*/React.createElement(FormGroup, {
|
|
fieldId: `permissions-${row}`,
|
|
label: Msg.localize('permissions'),
|
|
isRequired: true
|
|
}, /*#__PURE__*/React.createElement(InputGroup, null, /*#__PURE__*/React.createElement(PermissionSelect, {
|
|
scopes: this.props.resource.scopes,
|
|
selected: p.scopes.map(s => new Scope(s)),
|
|
direction: row === this.props.permissions.length - 1 ? "up" : "down",
|
|
onSelect: selection => {
|
|
p.scopes = selection.map(s => s.name);
|
|
this.updateChanged(row);
|
|
}
|
|
}), /*#__PURE__*/React.createElement(Button, {
|
|
id: `save-${row}`,
|
|
isDisabled: !this.state.changed[row],
|
|
onClick: () => this.savePermission(p)
|
|
}, /*#__PURE__*/React.createElement(OkIcon, null)))), /*#__PURE__*/React.createElement("hr", null))))));
|
|
}
|
|
}
|
|
_defineProperty(EditTheResource, "defaultProps", {
|
|
permissions: []
|
|
});
|
|
_defineProperty(EditTheResource, "contextType", AccountServiceContext);
|
|
//# sourceMappingURL=EditTheResource.js.map
|