1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
6 import { compose } from "redux";
7 import { reduxForm, InjectedFormProps, Field, GenericField } from 'redux-form';
8 import { withDialog, WithDialogProps } from "store/dialog/with-dialog";
9 import { FormDialog } from 'components/form-dialog/form-dialog';
10 import { VIRTUAL_MACHINE_ADD_LOGIN_DIALOG, VIRTUAL_MACHINE_ADD_LOGIN_FORM, addUpdateVirtualMachineLogin, AddLoginFormData, VIRTUAL_MACHINE_ADD_LOGIN_USER_FIELD, VIRTUAL_MACHINE_ADD_LOGIN_GROUPS_FIELD } from 'store/virtual-machines/virtual-machines-actions';
11 import { ParticipantSelect } from 'views-components/sharing-dialog/participant-select';
12 import { GroupArrayInput } from 'views-components/virtual-machines-dialog/group-array-input';
14 export const VirtualMachineAddLoginDialog = compose(
15 withDialog(VIRTUAL_MACHINE_ADD_LOGIN_DIALOG),
16 reduxForm<AddLoginFormData>({
17 form: VIRTUAL_MACHINE_ADD_LOGIN_FORM,
18 onSubmit: (data, dispatch) => {
19 dispatch(addUpdateVirtualMachineLogin(data));
23 (props: CreateGroupDialogComponentProps) =>
25 dialogTitle={props.data.updating ? "Update login permission" : "Add login permission"}
26 formFields={AddLoginFormFields}
27 submitLabel={props.data.updating ? "Update" : "Add"}
32 type CreateGroupDialogComponentProps = WithDialogProps<{updating: boolean}> & InjectedFormProps<AddLoginFormData>;
34 const AddLoginFormFields = (props) => {
37 name={VIRTUAL_MACHINE_ADD_LOGIN_USER_FIELD}
38 component={props.data.updating ? ReadOnlyUserSelect : UserSelect}
39 excludedParticipants={props.data.excludedParticipants}
42 name={VIRTUAL_MACHINE_ADD_LOGIN_GROUPS_FIELD}
43 input={{id:"Add groups to VM login (eg: docker, sudo)", disabled:false}}
49 interface UserFieldProps {
50 excludedParticipants: string[];
53 const ParticipantField = Field as new () => GenericField<UserFieldProps>;
55 const UserSelect = (props) =>
59 label='Search for user to grant login permission'
60 items={props.input.value ? [props.input.value] : []}
61 excludedParticipants={props.excludedParticipants}
62 onSelect={props.input.onChange}
63 onDelete={() => (props.input.onChange(''))} />;
65 const ReadOnlyUserSelect = (props) =>
70 items={props.input.value ? [props.input.value] : []}