From 57cf9696b35d6fc602af4e69f268aa06eb5a03ff Mon Sep 17 00:00:00 2001
From: pkupczyk <piotr.kupczyk@id.ethz.ch>
Date: Mon, 3 Aug 2020 15:45:42 +0200
Subject: [PATCH] NG_UI : vocabulary form - show table of terms
---
openbis_ng_ui/src/js/common/consts/ids.js | 4 +-
.../components/types/form/VocabularyForm.jsx | 73 ++++++++++++++++++-
2 files changed, 74 insertions(+), 3 deletions(-)
diff --git a/openbis_ng_ui/src/js/common/consts/ids.js b/openbis_ng_ui/src/js/common/consts/ids.js
index 2d108e4ec4e..de9be7af149 100644
--- a/openbis_ng_ui/src/js/common/consts/ids.js
+++ b/openbis_ng_ui/src/js/common/consts/ids.js
@@ -1,9 +1,11 @@
const WEB_APP_ID = 'openbis_ng_ui'
const TYPES_GRID_ID = 'types_grid'
const USERS_GRID_ID = 'users_grid'
+const VOCABULARY_TERMS_GRID_ID = 'vocabulary_terms_grid'
export default {
WEB_APP_ID,
TYPES_GRID_ID,
- USERS_GRID_ID
+ USERS_GRID_ID,
+ VOCABULARY_TERMS_GRID_ID
}
diff --git a/openbis_ng_ui/src/js/components/types/form/VocabularyForm.jsx b/openbis_ng_ui/src/js/components/types/form/VocabularyForm.jsx
index d9023458212..2d53593806d 100644
--- a/openbis_ng_ui/src/js/components/types/form/VocabularyForm.jsx
+++ b/openbis_ng_ui/src/js/components/types/form/VocabularyForm.jsx
@@ -1,8 +1,77 @@
import React from 'react'
+import Grid from '@src/js/components/common/grid/Grid.jsx'
+import ids from '@src/js/common/consts/ids.js'
+import store from '@src/js/store/store.js'
+import actions from '@src/js/store/actions/actions.js'
+import openbis from '@src/js/services/openbis.js'
+import logger from '@src/js/common/logger.js'
export default class VocabularyForm extends React.PureComponent {
+ constructor(props) {
+ super(props)
+
+ this.state = {
+ loaded: false
+ }
+ }
+
+ componentDidMount() {
+ this.load().then(terms => {
+ this.setState(() => ({
+ terms,
+ loaded: true
+ }))
+ })
+ }
+
+ load() {
+ const { id } = this.props.object
+
+ const criteria = new openbis.VocabularyTermSearchCriteria()
+ const fo = new openbis.VocabularyTermFetchOptions()
+
+ criteria.withAndOperator()
+ criteria.withVocabulary().withCode().thatEquals(id)
+
+ return openbis
+ .searchVocabularyTerms(criteria, fo)
+ .then(result => {
+ return result.objects.map(term => ({
+ ...term,
+ id: term.code
+ }))
+ })
+ .catch(error => {
+ store.dispatch(actions.errorChange(error))
+ })
+ }
+
render() {
- const { object } = this.props
- return <div>Vocabulary Form {object.id}</div>
+ logger.log(logger.DEBUG, 'VocabularyForm.render')
+
+ if (!this.state.loaded) {
+ return null
+ }
+
+ return (
+ <Grid
+ id={ids.VOCABULARY_TERMS_GRID_ID}
+ columns={[
+ {
+ field: 'code'
+ },
+ {
+ field: 'label'
+ },
+ {
+ field: 'description'
+ },
+ {
+ field: 'official'
+ }
+ ]}
+ data={this.state.terms}
+ />
+ )
}
}
--
GitLab