From f0f5889df49d6d8cb5a37395a88860d40198b69e Mon Sep 17 00:00:00 2001
From: mahdahar <89adham@gmail.com>
Date: Wed, 18 Feb 2026 07:12:58 +0700
Subject: [PATCH] Add comprehensive test management module with reference range
support
- Create TestModal component with tabbed interface for test creation/editing
- Add BasicInfoForm for test metadata (name, code, category, etc.)
- Implement multiple reference range types:
* NumericRefRange for numeric value ranges
* TextRefRange for qualitative results
* ThresholdRefRange for threshold-based results
* ValueSetRefRange for predefined value sets
- Add ReferenceRangeSection to manage all reference range types
- Create config store for application configuration management
- Add static config.json for environment settings
- Update DataTable styling
- Refactor tests page to integrate new TestModal
- Add reference range utility functions
- Include comprehensive test types documentation
---
docs/test-types-reference.md | 417 ++++++
src/lib/api/client.js | 15 +-
src/lib/components/DataTable.svelte | 2 +-
src/lib/components/TestModal.svelte | 104 ++
.../test-modal/BasicInfoForm.svelte | 185 +++
.../test-modal/NumericRefRange.svelte | 134 ++
.../test-modal/ReferenceRangeSection.svelte | 210 +++
.../components/test-modal/TextRefRange.svelte | 103 ++
.../test-modal/ThresholdRefRange.svelte | 134 ++
.../test-modal/ValueSetRefRange.svelte | 104 ++
.../test-modal/refRangeConstants.js | 26 +
src/lib/stores/config.js | 58 +
.../(app)/master-data/contacts/+page.svelte | 4 +-
.../(app)/master-data/tests/+page.svelte | 1206 +----------------
.../(app)/master-data/tests/TestModal.svelte | 104 ++
.../(app)/master-data/tests/referenceRange.js | 107 ++
.../tests/test-modal/BasicInfoForm.svelte | 185 +++
.../tests/test-modal/NumericRefRange.svelte | 266 ++++
.../test-modal/ReferenceRangeSection.svelte | 179 +++
.../tests/test-modal/TextRefRange.svelte | 97 ++
.../tests/test-modal/ThresholdRefRange.svelte | 124 ++
.../tests/test-modal/ValueSetRefRange.svelte | 98 ++
src/routes/+layout.svelte | 19 +-
static/config.json | 3 +
24 files changed, 2736 insertions(+), 1148 deletions(-)
create mode 100644 docs/test-types-reference.md
create mode 100644 src/lib/components/TestModal.svelte
create mode 100644 src/lib/components/test-modal/BasicInfoForm.svelte
create mode 100644 src/lib/components/test-modal/NumericRefRange.svelte
create mode 100644 src/lib/components/test-modal/ReferenceRangeSection.svelte
create mode 100644 src/lib/components/test-modal/TextRefRange.svelte
create mode 100644 src/lib/components/test-modal/ThresholdRefRange.svelte
create mode 100644 src/lib/components/test-modal/ValueSetRefRange.svelte
create mode 100644 src/lib/components/test-modal/refRangeConstants.js
create mode 100644 src/lib/stores/config.js
create mode 100644 src/routes/(app)/master-data/tests/TestModal.svelte
create mode 100644 src/routes/(app)/master-data/tests/referenceRange.js
create mode 100644 src/routes/(app)/master-data/tests/test-modal/BasicInfoForm.svelte
create mode 100644 src/routes/(app)/master-data/tests/test-modal/NumericRefRange.svelte
create mode 100644 src/routes/(app)/master-data/tests/test-modal/ReferenceRangeSection.svelte
create mode 100644 src/routes/(app)/master-data/tests/test-modal/TextRefRange.svelte
create mode 100644 src/routes/(app)/master-data/tests/test-modal/ThresholdRefRange.svelte
create mode 100644 src/routes/(app)/master-data/tests/test-modal/ValueSetRefRange.svelte
create mode 100644 static/config.json
diff --git a/docs/test-types-reference.md b/docs/test-types-reference.md
new file mode 100644
index 0000000..899acb5
--- /dev/null
+++ b/docs/test-types-reference.md
@@ -0,0 +1,417 @@
+# ๐ Test Types & Reference Types Guide
+
+> **Quick Overview**: This guide helps you understand the different types of tests and how to display them in the frontend.
+
+---
+
+## ๐ฏ What Are Test Types?
+
+Think of test types as "categories" that determine how a test behaves and what information it needs.
+
+### Quick Reference Card
+
+```
+โโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโโโโโโโโโโ
+โ Type โ Use This For... โ Example โ
+โโโโโโโโโโโโโโโผโโโโโโโโโโโโโโโโโโโโโโโโโโโโโผโโโโโโโโโโโโโโโโโโโโโโโโโค
+โ TEST โ Standard lab tests โ Blood Glucose, CBC โ
+โ PARAM โ Components of a test โ WBC count (in CBC) โ
+โ CALC โ Formula-based results โ BMI, eGFR โ
+โ GROUP โ Panels/batteries โ Lipid Panel, CMP โ
+โโโโโโโโโโโโโโโดโโโโโโโโโโโโโโโโโโโโโโโโโโโโโดโโโโโโโโโโโโโโโโโโโโโโโโโ
+```
+
+---
+
+## ๐งช Detailed Test Types
+
+### 1. TEST - Standard Laboratory Test
+**Icon**: ๐งซ **Color**: Blue
+
+Use this for regular tests that have:
+- Reference ranges (normal values)
+- Units (mg/dL, mmol/L, etc.)
+- Collection requirements
+
+**Example**: Blood Glucose, Hemoglobin, Cholesterol
+
+**What to Display**:
+- Test code and name
+- Reference range
+- Units
+- Collection instructions
+- Expected turnaround time
+
+---
+
+### 2. PARAM - Parameter
+**Icon**: ๐ **Color**: Light Blue
+
+Use this for individual components within a larger test.
+
+**Example**:
+- Complete Blood Count (GROUP) contains:
+ - WBC (PARAM)
+ - RBC (PARAM)
+ - Hemoglobin (PARAM)
+
+**What to Display**:
+- Same as TEST, but shown indented under parent
+- Often part of a GROUP
+
+---
+
+### 3. CALC - Calculated Test
+**Icon**: ๐งฎ **Color**: Purple
+
+Use this for tests computed from other test results using formulas.
+
+**Example**:
+- BMI (calculated from height & weight)
+- eGFR (calculated from creatinine, age, etc.)
+
+**What to Display**:
+- Formula description
+- Input parameters (which tests feed into this)
+- Result value
+- Reference range (if applicable)
+
+**Special Fields**:
+- `FormulaInput` - What values go in?
+- `FormulaCode` - How is it calculated?
+
+---
+
+### 4. GROUP - Group Test (Panel/Battery)
+**Icon**: ๐ฆ **Color**: Green
+
+Use this to bundle multiple related tests together.
+
+**Example**:
+- Lipid Panel (GROUP) contains:
+ - Total Cholesterol (PARAM)
+ - HDL (PARAM)
+ - LDL (PARAM)
+ - Triglycerides (PARAM)
+
+**What to Display**:
+- Group name
+- List of member tests
+- Individual results for each member
+
+**Structure**:
+```
+๐ฆ Lipid Panel (GROUP)
+ โโโ Total Cholesterol (PARAM): 180 mg/dL
+ โโโ HDL (PARAM): 55 mg/dL
+ โโโ LDL (PARAM): 110 mg/dL
+ โโโ Triglycerides (PARAM): 150 mg/dL
+```
+
+---
+
+## ๐ Reference Types Explained
+
+Reference types tell you **how to interpret the results** - what "normal" looks like.
+
+### Choose Your Reference Type:
+
+```
+ โโโโโโโโโโโโโโโโโโโโโโโโ
+ โ Reference Type? โ
+ โโโโโโโโโโโโฌโโโโโโโโโโโโ
+ โ
+ โโโโโโโโโโโโโโโโโโโโโผโโโโโโโโโโโโโโโโโโโโ
+ โ โ โ
+ Numbers? Text values? Threshold?
+ โ โ โ
+ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ
+ โ NMRC โ โ TEXT โ โ THOLD โ
+ โ (Numeric) โ โ (Text) โ โ (Threshold) โ
+ โโโโโโโโฌโโโโโโโ โโโโโโโโฌโโโโโโโ โโโโโโโโฌโโโโโโโ
+ โ โ โ
+ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ
+ โ RANGE โ โ Free โ โ Positive/ โ
+ โ (Min-Max) โ โ Text โ โ Negative โ
+ โ OR โ โ OR โ โ OR โ
+ โ THOLD โ โ VSET โ โ < > = โ
+ โ (Threshold) โ โ (Dropdown) โ โ cutoff โ
+ โโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโ
+```
+
+### Reference Type Details
+
+| Type | Visual | Example |
+|------|--------|---------|
+| **NMRC** - Numeric Range | `70 - 100 mg/dL` | Blood glucose: 70-100 mg/dL |
+| **TEXT** - Text Value | `"Normal"` or `"Positive"` | Urinalysis: "Clear", "Cloudy" |
+| **THOLD** - Threshold | `> 60` or `< 5.5` | eGFR: > 60 (normal) |
+| **VSET** - Value Set | Dropdown options | Organism: [E.coli, Staph, etc.] |
+
+---
+
+## ๐จ Frontend Display Patterns
+
+### Pattern 1: Test List View
+
+```javascript
+// When showing a list of tests
+function renderTestCard(test) {
+ const typeIcon = getIcon(test.TestType);
+ const typeColor = getColor(test.TestType);
+
+ return `
+
+ ${typeIcon}
+
${test.TestSiteName}
+ ${test.TestTypeLabel}
+ ${test.TestSiteCode}
+
+ `;
+}
+```
+
+### Pattern 2: Reference Range Display
+
+```javascript
+// Show reference range based on type
+function renderReferenceRange(test) {
+ switch(test.RefType) {
+ case 'NMRC':
+ return `${test.MinValue} - ${test.MaxValue} ${test.Unit}`;
+
+ case 'TEXT':
+ return test.ReferenceText || 'See report';
+
+ case 'THOLD':
+ return `${test.ThresholdOperator} ${test.ThresholdValue}`;
+
+ case 'VSET':
+ return 'Select from list';
+ }
+}
+```
+
+### Pattern 3: Group Test Expansion
+
+```javascript
+// Expandable group test
+function renderGroupTest(test) {
+ return `
+
+
+ ๐ฆ ${test.TestSiteName} (${test.testdefgrp.length} tests)
+
+
+ ${test.testdefgrp.map(member => renderTestRow(member)).join('')}
+
+
{#if cell}
- {@render cell({ column, row, value: getValue(row, column.key) })}
+ {@render cell({ column, row, value: getValue(row, column.key), index })}
{:else if column.render}
{@render column.render(row)}
{:else}
diff --git a/src/lib/components/TestModal.svelte b/src/lib/components/TestModal.svelte
new file mode 100644
index 0000000..a7f486e
--- /dev/null
+++ b/src/lib/components/TestModal.svelte
@@ -0,0 +1,104 @@
+
+
+
+
+
+ activeTab = 'basic'}
+ >
+ Basic Information
+
+ {#if canHaveRefRange}
+ activeTab = 'refrange'}
+ >
+ Reference Range
+ {#if formData.refnum?.length > 0 || formData.reftxt?.length > 0}
+ {(formData.refnum?.length || 0) + (formData.reftxt?.length || 0)}
+ {/if}
+
+ {/if}
+
+
+ {#if activeTab === 'basic'}
+ Cancel
+
+ {#if saving}
+
+ {/snippet}
+
diff --git a/src/lib/components/test-modal/BasicInfoForm.svelte b/src/lib/components/test-modal/BasicInfoForm.svelte
new file mode 100644
index 0000000..99354ad
--- /dev/null
+++ b/src/lib/components/test-modal/BasicInfoForm.svelte
@@ -0,0 +1,185 @@
+
+
+
diff --git a/src/lib/components/test-modal/NumericRefRange.svelte b/src/lib/components/test-modal/NumericRefRange.svelte
new file mode 100644
index 0000000..7df6b83
--- /dev/null
+++ b/src/lib/components/test-modal/NumericRefRange.svelte
@@ -0,0 +1,134 @@
+
+
+
+
+
+
Numeric Reference Ranges
+
+
+
+
+
+ {#if refnum?.length === 0}
+
+
+
No numeric ranges defined
+
+
+
+ {/if}
+
+ {#each refnum || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ {#each flagOptions as option (option.value)}
+ {option.label} - {option.description}
+ {/each}
+
+
+
+
+
+
+
+ Interpretation
+
+
+
+ {/each}
+
+
+
+
+
Reference Range Type
+
+
+
+
+
+ {#if formData.refRangeType === 'num'}
+
+ {/if}
+
+
+ {#if formData.refRangeType === 'thold'}
+
+ {/if}
+
+
+ {#if formData.refRangeType === 'text'}
+
+ {/if}
+
+
+ {#if formData.refRangeType === 'vset'}
+
+ {/if}
+
+
+
+
Text Reference Ranges
+
+
+
+
+
+ {#if reftxt?.length === 0}
+
+
+
No text ranges defined
+
+
+
+ {/if}
+
+ {#each reftxt || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ N - Normal
+ A - Abnormal
+
+
+
+
+
+ Reference Text
+
+
+
+
+ {/each}
+
+
+
+
Threshold Reference Ranges
+
+
+
+
+
+ {#if refthold?.length === 0}
+
+
+
No threshold ranges defined
+
+
+
+ {/if}
+
+ {#each refthold || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ {#each flagOptions as option (option.value)}
+ {option.label} - {option.description}
+ {/each}
+
+
+
+
+
+
+
+ Interpretation
+
+
+
+ {/each}
+
+
+
+
Value Set Reference Ranges
+
+
+
+
+
+ {#if refvset?.length === 0}
+
+
+
No value set ranges defined
+
+
+
+ {/if}
+
+ {#each refvset || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ N - Normal
+ A - Abnormal
+
+
+
+
+
+ Value Set
+ Comma-separated list of allowed values
+
+
+
+ {/each}
+
Loading contacts...
- {:else if filteredContacts().length === 0}
+ {:else if filteredContacts.length === 0}
@@ -232,7 +232,7 @@
{:else}
({
+ data={filteredContacts.map((c) => ({
...c,
FullName: getDisplayName(c),
SpecialtyLabel: specialtyMap[c.Specialty] || '-',
diff --git a/src/routes/(app)/master-data/tests/+page.svelte b/src/routes/(app)/master-data/tests/+page.svelte
index fc26287..05548af 100644
--- a/src/routes/(app)/master-data/tests/+page.svelte
+++ b/src/routes/(app)/master-data/tests/+page.svelte
@@ -1,480 +1,80 @@
-
-
+
Test Definitions
-
Manage laboratory tests and panels
+
Manage laboratory tests, panels, and calculated values
-
-
+
-
-
({
- ...t,
- DisciplineName: disciplines.find(d => d.DisciplineID === t.DisciplineID)?.DisciplineName || '-',
- DepartmentName: departments.find(d => d.DepartmentID === t.DepartmentID)?.DepartmentName || '-'
- }))}
- {loading}
- emptyMessage="No tests found"
- hover={true}
- bordered={false}
- >
- {#snippet cell({ column, row, value })}
- {#if column.key === 'TestType'}
-
- {testTypeLabels[value] || value}
-
- {:else if column.key === 'actions'}
-
- openEditModal(row)}>
-
- openDeleteModal(row)}>
-
-
- {:else}
- {value || '-'}
- {/if}
+ handleRowClick(idx)}>
+ {#snippet cell({ column, row, index })}
+ {@const isSelected = index === selectedRowIndex} {@const typeConfig = getTestTypeConfig(row.TestType)} {@const isGroup = row.TestType === 'GROUP'} {@const isExpanded = expandedGroups.has(row.TestSiteID)}
+ {#if column.key === 'expand'}{#if isGroup} toggleGroup(row.TestSiteID)}>{#if isExpanded} {:else}{row.TestSiteName} {#if isGroup && isExpanded && row.testdefgrp}
{#each row.testdefgrp as member}{@const memberConfig = getTestTypeConfig(member.TestType)}
{member.TestSiteCode} {member.TestSiteName}
{/each}
{/if}
{formatReferenceRange(row)} {/if}
+ {#if column.key === 'actions'} openEditModal(row)}> openDeleteModal(row)}>
{/if}
+ {#if column.key === 'TestSiteCode'}{row.TestSiteCode} {/if}
{/snippet}
-
- {#if totalPages > 1}
-
-
- Showing {(currentPage - 1) * perPage + 1} - {Math.min(currentPage * perPage, totalItems)} of {totalItems}
-
-
- handlePageChange(currentPage - 1)} disabled={currentPage === 1}>
- Previous
-
- Page {currentPage} of {totalPages}
- handlePageChange(currentPage + 1)} disabled={currentPage === totalPages}>
- Next
-
-
-
Showing {(currentPage - 1) * perPage + 1} - {Math.min(currentPage * perPage, totalItems)} of {totalItems}
handlePageChange(currentPage - 1)} disabled={currentPage === 1}>Previous Page {currentPage} of {totalPages} handlePageChange(currentPage + 1)} disabled={currentPage === totalPages}>Next
-
-
-
- activeTab = 'basic'}
- >
- Basic Information
-
- {#if canHaveRefRange}
- activeTab = 'refrange'}
- >
- Reference Range
- {#if formData.refnum.length > 0 || formData.reftxt.length > 0}
- {formData.refnum.length + formData.reftxt.length}
- {/if}
-
- {/if}
-
-
- {#if activeTab === 'basic'}
-
- {:else if activeTab === 'refrange' && canHaveRefRange}
-
-
-
-
-
Reference Range Type
-
-
-
-
-
- {#if formData.refRangeType === 'numeric'}
-
-
-
-
Numeric Reference Ranges
-
-
-
-
-
- {#if formData.refnum.length === 0}
-
-
-
No numeric ranges defined
-
-
-
- {/if}
-
- {#each formData.refnum as ref, index (index)}
- {@const validationErrors = validateNumericRange(ref, index)}
-
-
-
-
-
- Range {index + 1}
- {#if validationErrors.length > 0}
- Invalid
- {/if}
-
-
removeNumericRefRange(index)}>
-
-
-
-
-
-
- 1
- Patient Demographics
-
-
-
- Range Type
-
- Normal Range
- Threshold
-
-
-
-
- Sex
-
- {#each sexOptions as option (option.value)}
- {option.label}
- {/each}
-
-
-
-
- Age From (years)
-
-
-
- Age To (years)
-
-
- {#if ref.AgeStart !== null && ref.AgeEnd !== null && ref.AgeStart > ref.AgeEnd}
-
Age start cannot be greater than age end
- {/if}
-
-
-
-
-
- 2
- Range Values
-
-
-
-
-
- {#if ref.Low !== null && ref.High !== null}
- {@const lowLabel = getSignLabel(ref.LowSign)}
- {@const highLabel = getSignLabel(ref.HighSign)}
-
- Preview:
-
- {lowLabel} {ref.Low} and {highLabel} {ref.High}
-
- {#if ref.Low > ref.High}
- โ Low value exceeds High value
- {/if}
-
- {/if}
-
-
-
-
-
-
- 3
- Result Interpretation
-
-
-
-
- Flag
-
-
- {#each flagOptions as option (option.value)}
- {option.label} - {option.description}
- {/each}
-
-
-
-
- Interpretation
-
-
-
-
-
- {/each}
-
- {/if}
-
-
- {#if formData.refRangeType === 'text'}
-
-
-
-
Text Reference Ranges
-
-
-
-
-
- {#if formData.reftxt.length === 0}
-
-
-
No text ranges defined
-
-
-
- {/if}
-
- {#each formData.reftxt as ref, index (index)}
- {@const validationErrors = validateTextRange(ref, index)}
-
-
-
-
-
- Range {index + 1}
- {#if validationErrors.length > 0}
- Invalid
- {/if}
-
-
removeTextRefRange(index)}>
-
-
-
-
-
-
- 1
- Patient Demographics
-
-
-
- Reference Type
-
- Free Text
- Value Set
-
-
-
-
- Sex
-
- {#each sexOptions as option (option.value)}
- {option.label}
- {/each}
-
-
-
-
- Age From (years)
-
-
-
- Age To (years)
-
-
- {#if ref.AgeStart !== null && ref.AgeEnd !== null && ref.AgeStart > ref.AgeEnd}
-
Age start cannot be greater than age end
- {/if}
-
-
-
-
-
- 2
- Reference Text
-
-
-
-
- {#if ref.TxtRefType === 'VSET'}
- Format: CODE=Description;CODE2=Description2
- {:else}
- Enter descriptive text for the reference range
- {/if}
-
-
-
-
-
-
-
- 3
- Result Flag
-
-
-
- N - Normal
- A - Abnormal
-
-
-
-
-
- {/each}
-
- {/if}
-
(modalOpen = false)} type="button">Cancel
-
- {#if saving}
-
- {/snippet}
-
+ modalOpen = false} onupdateFormData={(data) => formData = data} />
Are you sure you want to delete this test?
-
- Code: {testToDelete?.TestSiteCode} {testToDelete?.TestSiteName}
-
-
- This will deactivate the test. It will no longer appear in test lists but historical data will be preserved.
-
+
Code: {testToDelete?.TestSiteCode} {testToDelete?.TestSiteName}
+
This will deactivate the test. Historical data will be preserved.
- {#snippet footer()}
- (deleteModalOpen = false)} type="button">Cancel
-
- {#if deleting}
-
- {/snippet}
-
+ {#snippet footer()} deleteModalOpen = false} type="button">Cancel {#if deleting} {/snippet}
+
\ No newline at end of file
diff --git a/src/routes/(app)/master-data/tests/TestModal.svelte b/src/routes/(app)/master-data/tests/TestModal.svelte
new file mode 100644
index 0000000..3ec14c4
--- /dev/null
+++ b/src/routes/(app)/master-data/tests/TestModal.svelte
@@ -0,0 +1,104 @@
+
+
+
+
+
+ activeTab = 'basic'}
+ >
+ Basic Information
+
+ {#if canHaveRefRange}
+ activeTab = 'refrange'}
+ >
+ Reference Range
+ {#if formData.refnum?.length > 0 || formData.reftxt?.length > 0}
+ {(formData.refnum?.length || 0) + (formData.reftxt?.length || 0)}
+ {/if}
+
+ {/if}
+
+
+ {#if activeTab === 'basic'}
+ Cancel
+
+ {#if saving}
+
+ {/snippet}
+
diff --git a/src/routes/(app)/master-data/tests/referenceRange.js b/src/routes/(app)/master-data/tests/referenceRange.js
new file mode 100644
index 0000000..a774ff7
--- /dev/null
+++ b/src/routes/(app)/master-data/tests/referenceRange.js
@@ -0,0 +1,107 @@
+// Reference Range Management Functions
+
+export const signOptions = [
+ { value: 'GE', label: 'โฅ', description: 'Greater than or equal to' },
+ { value: 'GT', label: '>', description: 'Greater than' },
+ { value: 'LE', label: 'โค', description: 'Less than or equal to' },
+ { value: 'LT', label: '<', description: 'Less than' }
+];
+
+export const flagOptions = [
+ { value: 'N', label: 'N', description: 'Normal' },
+ { value: 'L', label: 'L', description: 'Low' },
+ { value: 'H', label: 'H', description: 'High' },
+ { value: 'C', label: 'C', description: 'Critical' }
+];
+
+export const sexOptions = [
+ { value: '2', label: 'Male' },
+ { value: '1', label: 'Female' },
+ { value: '0', label: 'Any' }
+];
+
+export function createNumRef() {
+ return {
+ Sex: '2',
+ LowSign: 'GE',
+ HighSign: 'LE',
+ Low: null,
+ High: null,
+ AgeStart: 0,
+ AgeEnd: 120,
+ Flag: 'N',
+ Interpretation: 'Normal'
+ };
+}
+
+export function createTholdRef() {
+ return {
+ Sex: '2',
+ LowSign: 'GE',
+ HighSign: 'LE',
+ Low: null,
+ High: null,
+ AgeStart: 0,
+ AgeEnd: 120,
+ Flag: 'N',
+ Interpretation: 'Normal'
+ };
+}
+
+export function createTextRef() {
+ return {
+ Sex: '2',
+ AgeStart: 0,
+ AgeEnd: 120,
+ RefTxt: '',
+ Flag: 'N'
+ };
+}
+
+export function createVsetRef() {
+ return {
+ Sex: '2',
+ AgeStart: 0,
+ AgeEnd: 120,
+ valueset: '',
+ Flag: 'N'
+ };
+}
+
+export function validateNumericRange(ref, index) {
+ const errors = [];
+ if (ref.Low !== null && ref.High !== null && ref.Low > ref.High) {
+ errors.push(`Range ${index + 1}: Low value cannot be greater than High value`);
+ }
+ if (ref.AgeStart !== null && ref.AgeEnd !== null && ref.AgeStart > ref.AgeEnd) {
+ errors.push(`Range ${index + 1}: Age start cannot be greater than Age end`);
+ }
+ return errors;
+}
+
+export function validateTholdRange(ref, index) {
+ const errors = [];
+ if (ref.Low !== null && ref.High !== null && ref.Low > ref.High) {
+ errors.push(`Range ${index + 1}: Low value cannot be greater than High value`);
+ }
+ if (ref.AgeStart !== null && ref.AgeEnd !== null && ref.AgeStart > ref.AgeEnd) {
+ errors.push(`Range ${index + 1}: Age start cannot be greater than Age end`);
+ }
+ return errors;
+}
+
+export function validateTextRange(ref, index) {
+ const errors = [];
+ if (ref.AgeStart !== null && ref.AgeEnd !== null && ref.AgeStart > ref.AgeEnd) {
+ errors.push(`Range ${index + 1}: Age start cannot be greater than Age end`);
+ }
+ return errors;
+}
+
+export function validateVsetRange(ref, index) {
+ const errors = [];
+ if (ref.AgeStart !== null && ref.AgeEnd !== null && ref.AgeStart > ref.AgeEnd) {
+ errors.push(`Range ${index + 1}: Age start cannot be greater than Age end`);
+ }
+ return errors;
+}
diff --git a/src/routes/(app)/master-data/tests/test-modal/BasicInfoForm.svelte b/src/routes/(app)/master-data/tests/test-modal/BasicInfoForm.svelte
new file mode 100644
index 0000000..1e27145
--- /dev/null
+++ b/src/routes/(app)/master-data/tests/test-modal/BasicInfoForm.svelte
@@ -0,0 +1,185 @@
+
+
+
diff --git a/src/routes/(app)/master-data/tests/test-modal/NumericRefRange.svelte b/src/routes/(app)/master-data/tests/test-modal/NumericRefRange.svelte
new file mode 100644
index 0000000..fd7bb0f
--- /dev/null
+++ b/src/routes/(app)/master-data/tests/test-modal/NumericRefRange.svelte
@@ -0,0 +1,266 @@
+
+
+
+
+
+
Numeric Reference Ranges
+
+
+
+
+
+ {#if refnum?.length === 0}
+
+
+
No numeric ranges defined
+
+
+
+ {/if}
+
+ {#each refnum || [] as ref, index (index)}
+
+
+
+
+
+
+ Range {index + 1}
+ {getFlagLabel(ref.Flag)}
+
+
+
+ {getRangePreview(ref)}
+
+
+
removeRefRange(index)}>
+
+
+
+
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Flag
+
+ {#each flagOptions as option (option.value)}
+ {option.label} - {option.description}
+ {/each}
+
+
+
+
+
+
+
toggleAgeExpand(index)}
+ >
+
+ Age Range
+ {#if ref.AgeStart !== 0 || ref.AgeEnd !== 120}
+ ({ref.AgeStart}-{ref.AgeEnd})
+ {:else}
+ (All ages)
+ {/if}
+
+ {#if expandedRanges[index]?.age}
+
+
+ {#if expandedRanges[index]?.age}
+
+ {/if}
+
+
+
+
+
toggleInterpExpand(index)}
+ >
+
+ Interpretation
+ {#if ref.Interpretation}
+ ({ref.Interpretation})
+ {/if}
+
+ {#if expandedRanges[index]?.interpretation}
+
+
+ {#if expandedRanges[index]?.interpretation}
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+
+
Reference Range Type
+
+
+
+
+
+ {#if formData.refRangeType === 'num'}
+
+ {/if}
+
+
+ {#if formData.refRangeType === 'thold'}
+
+ {/if}
+
+
+ {#if formData.refRangeType === 'text'}
+
+ {/if}
+
+
+ {#if formData.refRangeType === 'vset'}
+
+ {/if}
+
+
+
+
Text Reference Ranges
+
+
+
+
+
+ {#if reftxt?.length === 0}
+
+
+
No text ranges defined
+
+
+
+ {/if}
+
+ {#each reftxt || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ N - Normal
+ A - Abnormal
+
+
+
+
+
+ Reference Text
+
+
+
+
+ {/each}
+
+
+
+
Threshold Reference Ranges
+
+
+
+
+
+ {#if refthold?.length === 0}
+
+
+
No threshold ranges defined
+
+
+
+ {/if}
+
+ {#each refthold || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ {#each flagOptions as option (option.value)}
+ {option.label} - {option.description}
+ {/each}
+
+
+
+
+
+
+
+ Interpretation
+
+
+
+ {/each}
+
+
+
+
Value Set Reference Ranges
+
+
+
+
+
+ {#if refvset?.length === 0}
+
+
+
No value set ranges defined
+
+
+
+ {/if}
+
+ {#each refvset || [] as ref, index (index)}
+
+
+
+ Range {index + 1}
+ removeRefRange(index)}>
+
+
+
+
+
+ Sex
+
+ {#each sexOptions as option (option.value)}
+ {option.label}
+ {/each}
+
+
+
+
+ Age From
+
+
+
+ Age To
+
+
+
+ Flag
+
+ N - Normal
+ A - Abnormal
+
+
+
+
+
+ Value Set
+ Comma-separated list of allowed values
+
+
+
+ {/each}
+
@@ -11,6 +19,15 @@
- {@render children()}
+ {#if configLoading}
+
+
+
+
Loading configuration...
+
+
+ {:else}
+ {@render children()}
+ {/if}