Update required filled progress bar

UtrechtUniversity · Jan 15, 2025 · 657ec19 · 657ec19
1 parent a50696f
commit 657ec19
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/deposit/static/deposit/js/metadata-form.js b/deposit/static/deposit/js/metadata-form.js
diff --git a/metadata_form/src/js/TreeKeywordSelector.js b/metadata_form/src/js/TreeKeywordSelector.js
@@ -183,11 +183,11 @@ class TreeKeywordSelector extends React.Component {
     const title = this.props.schema.title || this.props.uiSchema['ui:title']
     const required = this.props.required
     const fullLine = title + (required ? '*' : '')
-    let label = <label className='w-100'>{fullLine}</label>
-    if (this.fieldNeedsAttention()) {
-      label = <label className='w-100 text-danger'>{fullLine}</label>
-    }
-    return label
+    const labelClasses = "w-100" + (required ? ' select-required' : '')
+      + (this.fieldNeedsAttention() ? ' text-danger' : '')
+      + ((!('minItems' in this.props.schema) && required) || 
+        (required && 'minItems' in this.props.schema && this.state.value.length >= this.props.schema.minItems) ? ' select-filled' : '')
+    return <label className={labelClasses}>{fullLine}</label>
   }
 
   render () {

diff --git a/research/static/research/js/metadata-form.js b/research/static/research/js/metadata-form.js
diff --git a/vault/static/vault/js/metadata-form.js b/vault/static/vault/js/metadata-form.js