From 28ea491156357d8debedf19dd46207d4e6bdcc91 Mon Sep 17 00:00:00 2001 From: ivanzavisic Date: Fri, 4 Oct 2024 12:52:39 +0200 Subject: [PATCH] feat: add insights overview component --- packages/lib/index.ts | 1 + .../insights-overview.wc.svelte | 366 ++++++++++++++++++ 2 files changed, 367 insertions(+) create mode 100644 packages/lib/src/insights-overview/insights-overview.wc.svelte diff --git a/packages/lib/index.ts b/packages/lib/index.ts index 87c63c8..aa19c51 100644 --- a/packages/lib/index.ts +++ b/packages/lib/index.ts @@ -26,4 +26,5 @@ export default () => { import('./src/results-overview/results-overview.wc.svelte'); import('./src/single-overview/single-overview.wc.svelte'); import('./src/main-result/main-result.wc.svelte'); + import('./src/insights-overview/insights-overview.wc.svelte'); }; diff --git a/packages/lib/src/insights-overview/insights-overview.wc.svelte b/packages/lib/src/insights-overview/insights-overview.wc.svelte new file mode 100644 index 0000000..cd3857e --- /dev/null +++ b/packages/lib/src/insights-overview/insights-overview.wc.svelte @@ -0,0 +1,366 @@ + + + + +{#if show} +
+
+
Area
+
Condition
+
Overlaps
+
+
+
Cardiovascular
+
+ Inc. risk of hypertension + Pre-hypertension + Hypertension + MI & CVA + {#if gender === 'F'} + Atherosclerosis + Coronary artery disease + {/if} +
+
+
+
{riskCounter}/1
+ + + {riskCounter === 0 ? 'No significant overlap' : 'Some overlap'} +
+
+
{preCounter}/1
+ + + {preCounter === 0 ? 'No significant overlap' : 'Some overlap'} +
+
+
{hyperCounter}/3
+ + + {hyperCounter < 2 ? 'No significant overlap' : hyperCounter === 2 ? 'Minor overlap' : 'Some overlap'} +
+
+
{gender === 'F' ? cvaFCounter : cvaCounter}/{gender === 'F' ? '1' : '4'}
+ + + {#if gender === 'F'} + {cvaFCounter === 0 ? 'No significant overlap' : 'Some overlap'} + {:else} + {cvaCounter < 3 ? 'No significant overlap' : cvaCounter === 3 ? 'Minor overlap' : 'Some overlap'} + {/if} +
+ {#if gender === 'F'} +
+
{atheroCounter}/5
+ + + {atheroCounter < 3 ? 'No significant overlap' : atheroCounter === 5 ? 'Some overlap' : 'Minor overlap'} +
+
+
{coronaryCounter}/2
+ + + {coronaryCounter === 0 ? 'No significant overlap' : coronaryCounter === 1 ? 'Minor overlap' : 'Some overlap'} +
+ {/if} +
+
+
+
Metabolic
+
+ Type 2 diabetes + Dyslipidemia +
+
+
+
{diabetesCounter}/5
+ + + {diabetesCounter < 3 ? 'No significant overlap' : diabetesCounter === 5 ? 'Some overlap' : 'Minor overlap'} +
+
+
{dyslipidemiaCounter}/4
+ + + {dyslipidemiaCounter < 3 ? 'No significant overlap' : dyslipidemiaCounter === 3 ? 'Minor overlap' : 'Some overlap'} +
+
+
+
+
Autoimmune
+
+ Rheumatoid arthritis + Ulcerative colitis + Crohn's disease + SLE +
+
+
+
{arthritisCounter}/4
+ + + {arthritisCounter < 3 ? 'No significant overlap' : arthritisCounter === 3 ? 'Minor overlap' : 'Some overlap'} +
+
+
{colitisCounter}/4
+ + + {colitisCounter < 3 ? 'No significant overlap' : colitisCounter === 3 ? 'Minor overlap' : 'Some overlap'} +
+
+
{crohnCounter}/5
+ + + {crohnCounter < 3 ? 'No significant overlap' : crohnCounter === 5 ? 'Some overlap' : 'Minor overlap'} +
+
+
{sleCounter}/4
+ + + {sleCounter < 3 ? 'No significant overlap' : sleCounter === 3 ? 'Minor overlap' : 'Some overlap'} +
+
+
+
+
Respiratory
+
+ COPD +
+
+
+
{copdCounter}/2
+ + + {copdCounter === 0 ? 'No significant overlap' : copdCounter === 1 ? 'Minor overlap' : 'Some overlap'} +
+
+
+ {#if gender === 'F'} +
+
Female
+
+ Perimenopause +
+
+
+
{periCounter}/4
+ + + {periCounter < 3 ? 'No significant overlap' : periCounter === 3 ? 'Minor overlap' : 'Some overlap'} +
+
+
+ {/if} +
+{/if} + + \ No newline at end of file