X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/0cd5438961771ca3887c67c1ef70d814ea9d27f7..8e44d7f9d688d4d42b9d76f1a3c68924e927405c:/src/views-components/form-fields/search-bar-form-fields.tsx
diff --git a/src/views-components/form-fields/search-bar-form-fields.tsx b/src/views-components/form-fields/search-bar-form-fields.tsx
index b7f39787..7a5703fe 100644
--- a/src/views-components/form-fields/search-bar-form-fields.tsx
+++ b/src/views-components/form-fields/search-bar-form-fields.tsx
@@ -3,75 +3,88 @@
// SPDX-License-Identifier: AGPL-3.0
import * as React from "react";
-import { Field } from "redux-form";
-import { TextField } from "~/components/text-field/text-field";
-import { Checkbox, FormControlLabel } from '@material-ui/core';
+import { Field, WrappedFieldProps, FieldArray } from 'redux-form';
+import { TextField, DateTextField } from "~/components/text-field/text-field";
+import { CheckboxField } from '~/components/checkbox-field/checkbox-field';
+import { NativeSelectField } from '~/components/select-field/select-field';
+import { ResourceKind } from '~/models/resource';
+import { ClusterObjectType } from '~/models/search-bar';
+import { HomeTreePicker } from '~/views-components/projects-tree-picker/home-tree-picker';
+import { SEARCH_BAR_ADVANCE_FORM_PICKER_ID } from '~/store/search-bar/search-bar-actions';
+import { SearchBarAdvancedPropertiesView } from '~/views-components/search-bar/search-bar-advanced-properties-view';
export const SearchBarTypeField = () =>
;
+ component={NativeSelectField}
+ items={[
+ { key: '', value: 'Any' },
+ { key: ResourceKind.COLLECTION, value: 'Collection' },
+ { key: ResourceKind.PROJECT, value: 'Project' },
+ { key: ResourceKind.PROCESS, value: 'Process' }
+ ]} />;
export const SearchBarClusterField = () =>
;
+ component={NativeSelectField}
+ items={[
+ { key: '', value: 'Any' },
+ { key: ClusterObjectType.INDIANAPOLIS, value: 'Indianapolis' },
+ { key: ClusterObjectType.KAISERAUGST, value: 'Kaiseraugst' },
+ { key: ClusterObjectType.PENZBERG, value: 'Penzberg' }
+ ]} />;
-export const SearchBarProjectField = () =>
+export const SearchBarProjectField = () =>
;
+ name='projectUuid'
+ component={ProjectsPicker} />;
-export const SearchBarTrashField = () =>
-
- }
+const ProjectsPicker = (props: WrappedFieldProps) =>
+
+
+
;
+
+export const SearchBarTrashField = () =>
+ ;
-export const SearchBarDataFromField = () =>
+export const SearchBarDateFromField = () =>
;
+ name='dateFrom'
+ component={DateTextField} />;
-export const SearchBarDataToField = () =>
+export const SearchBarDateToField = () =>
;
+ name='dateTo'
+ component={DateTextField} />;
-export const SearchBarKeyField = () =>
+export const SearchBarPropertiesField = () =>
+ ;
+
+export const SearchBarKeyField = () =>
;
-export const SearchBarValueField = () =>
+export const SearchBarValueField = () =>
;
-export const SearchBarSaveSearchField = () =>
-
- }
+export const SearchBarSaveSearchField = () =>
+ ;
-export const SearchBarQuerySearchField = () =>
+export const SearchBarQuerySearchField = () =>