src/views-components/form-fields/search-bar-form-fields.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from "react";
   6 import { Field } from "redux-form";
   7 import { TextField } from "~/components/text-field/text-field";
   8 import { Checkbox, FormControlLabel } from '@material-ui/core';
   9
  10 export const SearchBarTypeField = () =>
  11     <Field
  12         name='type'
  13         component={TextField}
  14         label="Type"/>;
  15
  16 export const SearchBarClusterField = () =>
  17     <Field
  18         name='cluster'
  19         component={TextField}
  20         label="Cluster name" />;
  21
  22 export const SearchBarProjectField = () =>
  23     <Field
  24         name='project'
  25         component={TextField}
  26         label="Project name" />;
  27
  28 export const SearchBarTrashField = () =>
  29     <FormControlLabel
  30         control={
  31             <Checkbox
  32                 checked={false}
  33                 value="true"
  34                 color="primary"
  35             />
  36         }
  37         label="In trash" />;
  38
  39 export const SearchBarDataFromField = () =>
  40     <Field
  41         name='dataFrom'
  42         component={TextField}
  43         label="From" />;
  44
  45 export const SearchBarDataToField = () =>
  46     <Field
  47         name='dataTo'
  48         component={TextField}
  49         label="To" />;
  50
  51 export const SearchBarKeyField = () =>
  52     <Field
  53         name='key'
  54         component={TextField}
  55         label="Key" />;
  56
  57 export const SearchBarValueField = () =>
  58     <Field
  59         name='value'
  60         component={TextField}
  61         label="Value" />;
  62
  63 export const SearchBarSaveSearchField = () =>
  64     <FormControlLabel
  65         control={
  66             <Checkbox
  67                 checked={false}
  68                 value="true"
  69                 color="primary"
  70             />
  71         }
  72         label="Save search query" />;
  73
  74 export const SearchBarQuerySearchField = () =>
  75     <Field
  76         name='searchQuery'
  77         component={TextField}
  78         label="Search query name" />;