services/workbench2/src/views-components/keep-services-dialog/attributes-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 { CustomStyleRulesCallback } from 'common/custom-theme';
   8 import {
   9     withStyles, Dialog, DialogTitle, DialogContent, DialogActions,
  10     Button, WithStyles, Grid
  11 } from '@material-ui/core';
  12 import { WithDialogProps, withDialog } from "store/dialog/with-dialog";
  13 import { KEEP_SERVICE_ATTRIBUTES_DIALOG } from 'store/keep-services/keep-services-actions';
  14 import { ArvadosTheme } from 'common/custom-theme';
  15 import { KeepServiceResource } from 'models/keep-services';
  16
  17 type CssRules = 'root';
  18
  19 const styles: CustomStyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  20     root: {
  21         fontSize: '0.875rem',
  22         '& div:nth-child(odd)': {
  23             textAlign: 'right',
  24             color: theme.palette.grey["500"]
  25         }
  26     }
  27 });
  28
  29 interface AttributesKeepServiceDialogDataProps {
  30     keepService: KeepServiceResource;
  31 }
  32
  33 export const AttributesKeepServiceDialog = compose(
  34     withDialog(KEEP_SERVICE_ATTRIBUTES_DIALOG),
  35     withStyles(styles))(
  36         ({ open, closeDialog, data, classes }: WithDialogProps<AttributesKeepServiceDialogDataProps> & WithStyles<CssRules>) =>
  37             <Dialog open={open} onClose={closeDialog} fullWidth maxWidth='sm'>
  38                 <DialogTitle>Attributes</DialogTitle>
  39                 <DialogContent>
  40                     {data.keepService && <Grid container direction="row" spacing={2} className={classes.root}>
  41                         <Grid item xs={5}>UUID</Grid>
  42                         <Grid item xs={7}>{data.keepService.uuid}</Grid>
  43                         <Grid item xs={5}>Read only</Grid>
  44                         <Grid item xs={7}>{JSON.stringify(data.keepService.readOnly)}</Grid>
  45                         <Grid item xs={5}>Service host</Grid>
  46                         <Grid item xs={7}>{data.keepService.serviceHost}</Grid>
  47                         <Grid item xs={5}>Service port</Grid>
  48                         <Grid item xs={7}>{data.keepService.servicePort}</Grid>
  49                         <Grid item xs={5}>Service SSL flag</Grid>
  50                         <Grid item xs={7}>{JSON.stringify(data.keepService.serviceSslFlag)}</Grid>
  51                         <Grid item xs={5}>Service type</Grid>
  52                         <Grid item xs={7}>{data.keepService.serviceType}</Grid>
  53                         <Grid item xs={5}>Owner uuid</Grid>
  54                         <Grid item xs={7}>{data.keepService.ownerUuid}</Grid>
  55                         <Grid item xs={5}>Created at</Grid>
  56                         <Grid item xs={7}>{data.keepService.createdAt}</Grid>
  57                         <Grid item xs={5}>Modified at</Grid>
  58                         <Grid item xs={7}>{data.keepService.modifiedAt}</Grid>
  59                         <Grid item xs={5}>Modified by user uuid</Grid>
  60                         <Grid item xs={7}>{data.keepService.modifiedByUserUuid}</Grid>
  61                         <Grid item xs={5}>Modified by client uuid</Grid>
  62                         <Grid item xs={7}>{data.keepService.modifiedByClientUuid}</Grid>
  63                     </Grid>}
  64                 </DialogContent>
  65                 <DialogActions>
  66                     <Button
  67                         variant='text'
  68                         color='primary'
  69                         onClick={closeDialog}>
  70                         Close
  71                     </Button>
  72                 </DialogActions>
  73             </Dialog>
  74     );