Added css class to group items in full questionnaire

molit-institute · Jan 24, 2024 · 1a95162 · 1a95162
1 parent 3bb66ca
commit 1a95162
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@molit/questionnaire-renderer",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "private": false,
   "description": "Stencil Component for questionnaire-renderer",
   "main": "dist/index.cjs.js",

diff --git a/src/assets/fhir/resources/vomit.js b/src/assets/fhir/resources/vomit.js
@@ -24,6 +24,22 @@ const vomitQuestionnaire = {
       required: true,
       answerValueSet: "https://molit.eu/fhir/ValueSet/QLQC30-VS-answers7"
     },
+    {
+      linkId:"3",
+      text:"Dies ist eine gruppe",
+      type:"group",
+      item:[
+        {
+          linkId: "3.1",
+          prefix: "3.1 ",
+          text: "Wählen sie was aus",
+          type: "choice",
+          repeats:true,
+          required: true,
+          answerValueSet: "https://molit.eu/fhir/ValueSet/QLQC30-VS-answers7"
+        }
+      ]
+    }
     // {
     //   linkId: "3",
     //   prefix: "3. ",

diff --git a/src/components/questionnaire/full-questionnaire/full-questionnaire.tsx b/src/components/questionnaire/full-questionnaire/full-questionnaire.tsx
@@ -163,8 +163,8 @@ export class FullQuestionnaire {
               {this.filteredItemList.map((question, index) => {
                 const Tag = question.type + '-question';
                 return (
-                  <span class="list-complete-item">
-                    <div id={index.toString()} class="card card-basic-margins">
+                  <span class="list-complete-item" >
+                    <div id={index.toString()} class={question.groupId?"card card-basic-margins qr-group-item":"card card-basic-margins"}>
                       {this.strings ? (
                         <div class="card-body">
                           {question.type !== 'group' && this.variant !== 'form' && this.variant !== 'compact' ? (