@baravak/risloo-profile-cli 4.84.0 → 4.86.0

package/views/profiles/samples/PSQI93.hbs

@@ -0,0 +1,110 @@
+{{#> layout}}
+
+  <defs>
+    {{! Component bar: grows left → right, so the gradient runs from the 0 guide (light)
+        to the tip (dark) in each bar's own bounding box. One hue for all seven — a
+        per-component colour would read as a class the scoring does not define. }}
+    <linearGradient id="psqiBar" x1="0" y1="0" x2="1" y2="0">
+      <stop stop-color="#A5B4FC"/>
+      <stop offset="1" stop-color="#4338CA"/>
+    </linearGradient>
+
+    {{! Total track, fully rounded; the fill is clipped to it so any width keeps the ends. }}
+    <clipPath id="psqiTotalTrack">
+      <rect x="713" y="260" width="130" height="10" rx="5"/>
+    </clipPath>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+
+  {{#if valid}}
+
+    {{! ===================== Components: heading (over the chart, right-aligned to it) ===================== }}
+    <text x="660" y="24" text-anchor="start" font-size="16" font-weight="600" fill="#1E293B">مولفه‌های کیفیت خواب</text>
+    <text x="660" y="46" text-anchor="start" font-size="12" fill="#64748B">نمره هر مولفه از 0 تا 3؛ نمره بالاتر یعنی مشکل بیشتر</text>
+
+    {{! Axis values over the 0–3 guides, and the raw-score column header }}
+    {{#each ticks as |tick|}}
+      <text x="{{tick.x}}" y="72" text-anchor="middle" font-size="12" fill="#94A3B8">{{tick.v}}</text>
+    {{/each}}
+    <text x="644" y="72" text-anchor="middle" font-size="12" fill="#94A3B8">نمره</text>
+
+    {{! ===================== Gridlines (1, 2, 3) ===================== }}
+    <line x1="312.5" y1="78" x2="312.5" y2="366" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="462.5" y1="78" x2="462.5" y2="366" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="612.5" y1="78" x2="612.5" y2="366" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+    {{! ===================== Tracks ===================== }}
+    {{#each items as |item|}}
+      <g transform="translate(162, {{item.top}})">
+        {{bar 450 18 (object tl=0 bl=0 tr=3 br=3) (toRad 0) fill="black" fill-opacity="0.04"}}
+      </g>
+    {{/each}}
+
+    {{! ===================== Bars ===================== }}
+    {{#each items as |item|}}
+      {{#if item.width}}
+        <g transform="translate({{item.x}}, {{item.top}})">
+          {{bar item.width 18 (object tl=0 bl=0 tr=3 br=3) (toRad 0) fill="url(#psqiBar)"}}
+        </g>
+      {{/if}}
+    {{/each}}
+
+    {{! 0 guide }}
+    <line x1="161.5" y1="78" x2="161.5" y2="366" stroke="#CBD5E1" stroke-linecap="round"/>
+
+    {{! ===================== Component names (left of the 0 guide) and raw scores (after 3) ===================== }}
+    {{#each items as |item|}}
+      <text x="150" y="{{item.baseline}}" text-anchor="start" font-size="14" fill="#334155">{{item.title}}</text>
+      <rect x="628.5" y="{{math item.top '+' 0.5}}" width="31" height="17" rx="4" fill="white" stroke="#6366F1"/>
+      <text x="644" y="{{item.baseline}}" text-anchor="middle" font-size="13" font-weight="600" fill="#3730A3">{{item.mark}}</text>
+    {{/each}}
+
+    {{! ===================== Total card (right of the chart) ===================== }}
+    <rect x="693.5" y="78.5" width="169" height="287" rx="8" fill="#F8FAFC" stroke="#E2E8F0"/>
+    <text x="778" y="136" text-anchor="middle" font-size="14" font-weight="600" fill="#475569">نمره کل</text>
+    <text x="778" y="206" text-anchor="middle" font-size="48" font-weight="700" fill="#1E293B">{{total.mark}}</text>
+    <text x="778" y="232" text-anchor="middle" font-size="13" fill="#64748B">از {{total.max}}</text>
+
+    {{! Neutral 0–21 bar, filling left → right; deliberately no cut mark or colour change }}
+    <rect x="713" y="260" width="130" height="10" rx="5" fill="#E2E8F0"/>
+    {{#if total.width}}
+      <rect x="{{total.x}}" y="260" width="{{total.width}}" height="10" fill="#475569" clip-path="url(#psqiTotalTrack)"/>
+    {{/if}}
+    <text x="713" y="288" text-anchor="middle" font-size="11" fill="#94A3B8">0</text>
+    <text x="843" y="288" text-anchor="middle" font-size="11" fill="#94A3B8">21</text>
+    <text x="778" y="322" text-anchor="middle" font-size="12" fill="#94A3B8">جمع هفت مولفه</text>
+
+    {{! ===================== Interpretation panel ===================== }}
+    {{! Every sentence here is approved fixed text; the screening result appears nowhere else. }}
+    <rect x="0.5" y="410.5" width="862" height="263" rx="8" fill="#F8FAFC" stroke="#E2E8F0"/>
+    <text x="843" y="452" text-anchor="start" font-size="15" font-weight="600" fill="#1E293B">تفسیر نتیجه</text>
+
+    <text x="843" y="{{lines.direction}}" text-anchor="start" font-size="13.5" fill="#334155"><tspan font-weight="600">جهت نمره</tspan>: نمره بالاتر نشان‌دهنده مشکلات بیشتر در ابعاد سنجیده‌شده است.</text>
+
+    <text x="843" y="{{lines.screen}}" text-anchor="start" font-size="13.5" fill="#334155"><tspan font-weight="600">نتیجه غربال (غربال، نه تشخیص)</tspan>: نمره کل {{total.mark}} از {{total.max}} — <tspan font-weight="600">{{screen.text}}</tspan>.</text>
+
+    <text x="843" y="{{lines.cutoff}}" text-anchor="start" font-size="13.5" fill="#334155"><tspan font-weight="600">برش غربال</tspan>: نمره کل 6 یا بیشتر؛ برش فقط بر نمره کل اعمال می‌شود و مولفه‌ها طبقه‌بندی نمی‌شوند.</text>
+
+    {{#if screen.positive}}
+      <text x="843" y="{{lines.falsePositive}}" text-anchor="start" font-size="13.5" fill="#334155"><tspan font-weight="600">مثبت کاذب</tspan>: ویژگی این برش 72.2 درصد است؛ بخشی از افراد بالای برش در واقع مشکل ندارند و نمره زیر برش اطلاع‌بخش‌تر است.</text>
+    {{/if}}
+
+    <text x="843" y="{{lines.limits1}}" text-anchor="start" font-size="13.5" fill="#334155"><tspan font-weight="600">محدودیت</tspan>: این نتیجه بر پایه گزارش خود فرد درباره ماه گذشته است و تشخیص نیست؛ ابزار تصمیم‌یار است</text>
+    <text x="843" y="{{lines.limits2}}" text-anchor="start" font-size="13.5" fill="#334155">و جای مصاحبه بالینی و اندازه‌گیری عینی خواب را نمی‌گیرد.</text>
+
+  {{else}}
+
+    {{! ===================== No result (all-or-nothing) ===================== }}
+    <rect x="181.5" y="237.5" width="500" height="199" rx="12" fill="#F8FAFC" stroke="#E2E8F0"/>
+    <circle cx="431.5" cy="288" r="17" fill="none" stroke="#64748B" stroke-width="2"/>
+    <line x1="431.5" y1="279" x2="431.5" y2="291" stroke="#64748B" stroke-width="2.5" stroke-linecap="round"/>
+    <circle cx="431.5" cy="297.5" r="1.6" fill="#64748B"/>
+    <text x="431.5" y="344" text-anchor="middle" font-size="17" font-weight="600" fill="#1E293B">نتیجه تولید نشد؛ پاسخ ناقص یا نامعتبر است</text>
+    <text x="431.5" y="376" text-anchor="middle" font-size="13" fill="#64748B">برای این پاسخ‌نامه هیچ نمره‌ای، حتی نمره جزئی، گزارش نمی‌شود.</text>
+
+  {{/if}}
+
+  </g>
+
+{{/layout}}