src/views-components/virtual-machines-dialog/add-login-dialog.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   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';
  13
  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));
  20         }
  21     })
  22 )(
  23     (props: CreateGroupDialogComponentProps) =>
  24         <FormDialog
  25             dialogTitle={props.data.updating ? "Update login permission" : "Add login permission"}
  26             formFields={AddLoginFormFields}
  27             submitLabel={props.data.updating ? "Update" : "Add"}
  28             {...props}
  29         />
  30 );
  31
  32 type CreateGroupDialogComponentProps = WithDialogProps<{updating: boolean}> & InjectedFormProps<AddLoginFormData>;
  33
  34 const AddLoginFormFields = (props) => {
  35     return <>
  36         <ParticipantField
  37             name={VIRTUAL_MACHINE_ADD_LOGIN_USER_FIELD}
  38             component={props.data.updating ? ReadOnlyUserSelect : UserSelect}
  39             excludedParticipants={props.data.excludedParticipants}
  40         />
  41         <GroupArrayInput
  42             name={VIRTUAL_MACHINE_ADD_LOGIN_GROUPS_FIELD}
  43             input={{id:"Add groups to VM login (eg: docker, sudo)", disabled:false}}
  44             required={false}
  45         />
  46     </>;
  47 }
  48
  49 interface UserFieldProps {
  50     excludedParticipants: string[];
  51 }
  52
  53 const ParticipantField = Field as new () => GenericField<UserFieldProps>;
  54
  55 const UserSelect = (props) =>
  56     <ParticipantSelect
  57         onlyPeople
  58         onlyActive
  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(''))} />;
  64
  65 const ReadOnlyUserSelect = (props) =>
  66         <ParticipantSelect
  67             onlyPeople
  68             onlyActive
  69             label='User'
  70             items={props.input.value ? [props.input.value] : []}
  71             disabled={true} />;