editors for properties with sh:hasValue are now disabled

ULB-Darmstadt · Jul 4, 2024 · 160f794 · 160f794
1 parent 96444f1
commit 160f794
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -6,12 +6,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>&lt;shacl-form&gt; demo</title>
   <link rel="stylesheet" href="./style.css">
-  <!-- "@ulb-darmstadt/shacl-form": "https://cdn.jsdelivr.net/npm/@ulb-darmstadt/shacl-form/dist/" -->
+  <!-- "@ulb-darmstadt/shacl-form": "https://cdn.jsdelivr.net/npm/@ulb-darmstadt/shacl-form@1.4.4/dist/" -->
   <!-- "@ulb-darmstadt/shacl-form": "./" -->
   <script type="importmap">
     {
       "imports": {
-        "@ulb-darmstadt/shacl-form/": "https://cdn.jsdelivr.net/npm/@ulb-darmstadt/[email protected].3/dist/"
+        "@ulb-darmstadt/shacl-form/": "https://cdn.jsdelivr.net/npm/@ulb-darmstadt/[email protected].4/dist/"
       }
     }
   </script>

diff --git a/src/theme.ts b/src/theme.ts
@@ -5,7 +5,7 @@ import { createInputListEntries, findInstancesOf, findLabel, isURL } from './uti
 import { ShaclPropertyTemplate } from './property-template'
 import css from './styles.css'
 
-export type Editor = HTMLElement & { value: string, type?: string, shaclDatatype?: NamedNode<string>, binaryData?: string, checked?: boolean }
+export type Editor = HTMLElement & { value: string, type?: string, shaclDatatype?: NamedNode<string>, binaryData?: string, checked?: boolean, disabled?: boolean }
 export type InputListEntry = { value: Term | string, label?: string }
 
 export abstract class Theme {

diff --git a/src/themes/default.ts b/src/themes/default.ts
@@ -28,6 +28,9 @@ export class DefaultTheme extends Theme {
         if (template?.nodeKind) {
             editor.dataset.nodeKind = template.nodeKind.value
         }
+        if (template?.hasValue) {
+            editor.disabled = true
+        }
         editor.value = value?.value || template?.defaultValue?.value || ''
 
         const labelElem = document.createElement('label')

diff --git a/src/themes/material.ts b/src/themes/material.ts
@@ -32,6 +32,9 @@ export class MaterialTheme extends Theme {
         if (template?.nodeKind) {
             editor.dataset.nodeKind = template.nodeKind.value
         }
+        if (template?.hasValue) {
+            editor.disabled = true
+        }
         editor.value = value?.value || template?.defaultValue?.value || ''
 
         const placeholder = template?.description ? template.description.value : template?.pattern ? template.pattern : null