@baravak/risloo-profile-cli 4.46.3 → 4.75.0

package/views/profiles/samples/RIASEC9A_1.hbs

@@ -0,0 +1,38 @@
+{{#> layout}}
+
+<g transform="translate({{spec.profile.padding.[0].x}}, {{spec.profile.padding.[0].y}})">
+  <g transform="translate(100, 20)">
+    <line x1="0" y1="-10" x2="0" y2="214" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" />
+    {{#each items as | item index |}}
+      {{#with @root.spec.items as | itemsSpec |}}
+        <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+          <text x="-12" y="8" font-size="14" font-weight="400" fill="#7E22CE" text-anchor="start">{{item.label.fr}} ({{item.label.short}})</text>
+          <rect x="0" y="{{math itemsSpec.rect.body.height '-' itemsSpec.rect.base.height}}" width="500" height="{{itemsSpec.rect.base.height}}" fill="#F4F4F5" />
+          {{#if (boolean item.mark '!==' 0)}}
+            {{bar item.width itemsSpec.rect.body.height itemsSpec.rect.body.brs 0 fill="#7E22CE" fill-opacity=item.opacity}}
+          {{/if}}
+          <text x="{{math item.width '+' (ternary (boolean item.mark '!==' 0) 0 7)}}" y="-6" font-size="14" font-weight="500" fill="#7E22CE" text-anchor="middle">{{item.mark}}</text>
+        </g>
+      {{/with}}
+    {{/each}}
+    <text x="500" y="235" font-size="12" font-weight="400" fill="#D4D4D8" text-anchor="middle">56</text>
+  </g>
+  <g transform="translate(398, 329)">
+    {{#each questionItems as | item index |}}
+      <g transform="translate(0, {{ math index '*' 56 }})">
+        <text x="64" y="25" font-size="14" font-weight="400" fill="#3F3F46" text-anchor="end">{{ item.label }}</text>
+        {{#each item.marks as | mark markIndex |}}
+          <g transform="translate({{math -1 '*' (math markIndex '*' 64)}}, 0)">
+            {{#if (boolean index '===' 0)}}
+              <text x="20" y="-21" font-size="14" font-weight="400" fill="#3F3F46" text-anchor="middle">{{lookup (array 'و' 'ج' 'ه' 'الف' 'م' 'ق') markIndex}}</text>
+            {{/if}}
+            <rect x="0" y="0" width="40" height="40" fill="#F4F4F5" rx="4" />
+            <text x="20" y="25" font-size="16" font-weight="500" fill="#312E81" text-anchor="middle">{{ mark }}</text>
+          </g>
+        {{/each}}
+      </g>
+    {{/each}}
+  </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/RIASEC9A_2.hbs

@@ -0,0 +1,67 @@
+{{#> layout}}
+
+<g transform="translate({{spec.profile.padding.[1].x}}, {{spec.profile.padding.[1].y}})">
+    <g transform="translate(9, 0)">
+        <line x1="176.5" y1="54" x2="415.5" y2="468" stroke="#CBD5E1" stroke-width="1" />
+        <line x1="176.5" y1="468" x2="415.5" y2="54" stroke="#CBD5E1" stroke-width="1" />
+
+        <line x1="176.5" y1="468" x2="176.5" y2="54" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
+        <line x1="415.5" y1="468" x2="415.5" y2="54" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
+
+        <line x1="57" y1="261" x2="415.5" y2="54" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
+        <line x1="57" y1="261" x2="415.5" y2="468" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
+
+        <line x1="176.5" y1="54" x2="535" y2="261" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
+        <line x1="176.5" y1="468" x2="535" y2="261" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
+
+        <line x1="57" y1="261" x2="535" y2="261" stroke="#CBD5E1" stroke-width="1" />
+        
+        <text x="296" y="42" text-anchor="middle" fill="#CBD5E1" font-size="14" font-weight="500">56</text>
+
+        <g transform="translate(568, 235)">
+            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[0].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">A</text>
+            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[0].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">هنری</text>
+            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[0].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[0].percentageText}} ٪</text>
+        </g>
+
+        <g transform="translate(465, 475)">
+            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[1].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">S</text>
+            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[1].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">اجتماعی</text>
+            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[1].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[1].percentageText}} ٪</text>
+        </g>
+
+        <g transform="translate(148, 475)">
+            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[2].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">E</text>
+            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[2].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">متهور</text>
+            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[2].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[2].percentageText}} ٪</text>
+        </g>
+
+        <g transform="translate(16, 235)">
+            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[3].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">C</text>
+            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[3].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">قراردادی</text>
+            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[3].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[3].percentageText}} ٪</text>
+        </g>
+
+        <g transform="translate(148, 0)">
+            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[4].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">R</text>
+            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[4].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">واقع‌گرا</text>
+            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[4].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[4].percentageText}} ٪</text>
+        </g>
+        <g transform="translate(465, 0)">
+            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[5].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">I</text>
+            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[5].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">جستجوگر</text>
+            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[5].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[5].percentageText}} ٪</text>
+        </g>
+        
+        {{#each itemRadians as |item|}}
+            <line x1="{{item.rad.start.[0]}}" y1="{{item.rad.start.[1]}}" x2="{{item.rad.end.[0]}}" y2="{{item.rad.end.[1]}}" stroke="{{ternary item.bold '#4F46E5' '#475569'}}" stroke-width="3" />
+            <circle cx="{{item.rad.value.[0]}}" cy="{{item.rad.value.[1]}}" r="12" fill="{{ternary item.bold '#4F46E5' '#475569'}}" />
+            <text x="{{item.rad.value.[0]}}" y="{{item.rad.value.[1]}}" text-anchor="middle" fill="#FFFFFF" font-size="14" font-weight="700" dy=".30em">{{item.mark}}</text>
+        {{/each}}
+        <path transform="translate(56,53)" d="M359.654 0.753893L479.307 208L359.654 415.246L120.346 415.246L0.69283 208L120.346 0.753883L359.654 0.753893Z" stroke="#94A3B8" fill="none" stroke-width="1.2"/>
+        <path transform="translate(264,233)" d="M47.6536 0.887187L63.3072 28L47.6536 55.1128L16.3464 55.1128L0.69282 28L16.3464 0.887185L47.6536 0.887187Z" fill="white" stroke="#CBD5E1" stroke-width="1.2"/>
+        <text x="296" y="261.5" text-anchor="middle" fill="#CBD5E1" font-size="14" dy=".25em" font-weight="500">0</text>
+    </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/RIASEC9A_3.hbs

@@ -0,0 +1,93 @@
+{{#> layout}}
+<defs>
+    <linearGradient id="l3" x1="130" y1="0" x2="13.9423" y2="86.67" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#9333EA"/>
+        <stop offset="1" stop-color="#C084FC"/>
+    </linearGradient>
+    <linearGradient id="l2" x1="160" y1="0" x2="1.785" y2="106.559" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#7C3AED"/>
+        <stop offset="1" stop-color="#A78BFA"/>
+    </linearGradient>
+    <linearGradient id="l1" x1="200" y1="-7.62939e-06" x2="27.289" y2="134.93" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#4F46E5"/>
+        <stop offset="1" stop-color="#818CF8"/>
+    </linearGradient>
+</defs>
+<g transform="translate({{spec.profile.padding.[2].x}}, {{spec.profile.padding.[2].y}})">
+    <g transform="translate(24, 0)">
+        <g transform="translate(0, 16)">
+            <rect width="130" height="68" rx="8" fill="url(#l3)"/>
+            <text x="65" y="34" dy=".3em" text-anchor="middle" font-weight="600" font-size="24" fill="white">
+                {{reportMap.[0]}}
+            </text>
+        </g>
+        <g transform="translate(145, 8)">
+            <rect width="160" height="84" rx="8" fill="url(#l2)"/>
+            <text x="80" y="42" dy=".3em" text-anchor="middle" font-weight="600" font-size="28" fill="white">
+                {{reportMap.[1]}}
+            </text>
+        </g>
+        <g transform="translate(320, 0)">
+            <rect width="200" height="100" rx="8" fill="url(#l1)"/>
+            <text x="100" y="50" dy=".3em" text-anchor="middle" font-weight="600" font-size="40" fill="white">
+                {{reportMap.[2]}}
+            </text>
+        </g>
+    </g>
+    <g transform="translate(0, 140)">
+        <g>
+            <rect x="24" width="80" height="264" rx="12" fill="#F8FAFC"/>
+            <rect x="40" y="16" width="48" height="48" rx="8" fill="#E2E8F0"/>
+            <rect x="112" width="80" height="264" rx="12" fill="#F8FAFC"/>
+            <rect x="128" y="16" width="48" height="48" rx="8" fill="#E2E8F0"/>
+            <rect x="200" width="80" height="264" rx="12" fill="#F8FAFC"/>
+            <rect x="216" y="16" width="48" height="48" rx="8" fill="#E2E8F0"/>
+            <rect x="288" width="80" height="264" rx="12" fill="#F8FAFC"/>
+            <rect x="304" y="16" width="48" height="48" rx="8" fill="#E2E8F0"/>
+            <rect x="376" width="80" height="264" rx="12" fill="#F8FAFC"/>
+            <rect x="392" y="16" width="48" height="48" rx="8" fill="#E2E8F0"/>
+            <rect x="464" width="80" height="264" rx="12" fill="#F8FAFC"/>
+            <rect x="480" y="16" width="48" height="48" rx="8" fill="#E2E8F0"/>
+            <line x1="0" y1="119.5" x2="686" y2="119.5" stroke="#CBD5E1" />
+            <line x1="0" y1="167.5" x2="686" y2="167.5" stroke="#CBD5E1" />
+            <line x1="0" y1="215.5" x2="686" y2="215.5" stroke="#CBD5E1" />
+            <g transform="translate(678, 72)">
+                <text y="24" dy=".3em" text-anchor="start" font-weight="500" font-size="16" fill="#475569">
+                    نمره رغبت (خام)
+                </text>
+                <text y="72" dy=".3em" text-anchor="start" font-weight="500" font-size="16" fill="#475569">
+                    رتبه
+                </text>
+                <text y="120" dy=".3em" text-anchor="start" font-weight="500" font-size="16" fill="#475569">
+                    هم‌خوانی
+                </text>
+                <text y="168" dy=".3em" text-anchor="start" font-weight="500" font-size="16" fill="#475569">
+                    میزان‌شده
+                </text>
+            </g>
+        </g>
+        <g transform="translate(24, 0)">
+            {{#each items as | item index |}}
+                <g transform="translate({{math 88 '*' index}}, 0)">
+                    <text x="40" y="40" dy=".3em" text-anchor="middle" font-weight="500" font-size="16" fill="#475569">
+                        {{item.label.short}}
+                    </text>
+                    <text x="40" y="96" dy=".3em" text-anchor="middle" font-weight="500" font-size="16" fill="#475569">
+                        {{item.mark}}
+                    </text>
+                    <text x="40" y="144" dy=".3em" text-anchor="middle" font-weight="500" font-size="16" fill="#475569">
+                        {{item.rank}}
+                    </text>
+                    <text x="40" y="192" dy=".3em" text-anchor="middle" font-weight="500" font-size="16" fill="#475569">
+                        {{item.congruence}}
+                    </text>
+                    <text x="40" y="240" dy=".3em" text-anchor="middle" font-weight="500" font-size="16" fill="#475569">
+                        {{item.calibrated}}
+                    </text>
+                </g>
+            {{/each}}
+        </g>
+    </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/RSI93.hbs

@@ -0,0 +1,101 @@
+{{#> layout}}
+
+  <defs>
+    {{! Ring fills — userSpaceOnUse, coords local to each ring's centre group.
+        Light at the base (0,125) → deep toward the top of the fill. }}
+    <linearGradient id="ring1grad" x1="0" y1="125" x2="-91.81" y2="-84.83" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F472B6"/>
+      <stop offset="1" stop-color="#BE185D"/>
+    </linearGradient>
+    <linearGradient id="ring2grad" x1="0" y1="125" x2="91.81" y2="-84.83" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#34D399"/>
+      <stop offset="1" stop-color="#047857"/>
+    </linearGradient>
+
+    {{! Bar fill — stretched per bar (objectBoundingBox): light-green start → deep-green end. }}
+    <linearGradient id="barfill">
+      <stop stop-color="#A7F3D0"/>
+      <stop offset="1" stop-color="#047857"/>
+    </linearGradient>
+
+    {{! Drop-shadow for the 0 % baseline separator (same as the FRHPT/BSCT vsp filter). }}
+    <filter id="rsiBaseline" x="475" y="72" width="7" height="126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset dx="1"/>
+      <feGaussianBlur stdDeviation="1.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+    </filter>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+
+    {{! ===================== LEFT: two mirrored donut-ring gauges ===================== }}
+    {{! Left ring — negative image (pink), fills clockwise up the LEFT (direction false). }}
+    <g transform="translate(125, 125)">
+      {{gauge 125 87.5 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad 90) end=(toRad 270)) false fill="#F1F5F9"}}
+      {{#if neg.p}}{{gauge 125 87.5 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad 90) end=neg.zeta) false fill="url(#ring1grad)"}}{{/if}}
+    </g>
+    {{! Right ring — positive image (green), fills counter-cw up the RIGHT (direction true). }}
+    <g transform="translate(205, 125)">
+      {{gauge 125 87.5 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad 90) end=(toRad -90)) true fill="#F1F5F9"}}
+      {{#if pos.p}}{{gauge 125 87.5 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad 90) end=pos.zeta) true fill="url(#ring2grad)"}}{{/if}}
+    </g>
+
+    {{! Shared axis labels (gap centre x=165): 100 % at the top, 0 at the bottom base. }}
+    <text x="165" y="22" text-anchor="middle" font-size="14" font-weight="500" fill="#64748B" direction="ltr">٪ 100</text>
+    <text x="165" y="233" text-anchor="middle" font-size="14" font-weight="500" fill="#64748B">0</text>
+
+    {{! Ring centres: big percentage + raw fraction }}
+    <text x="98" y="124" text-anchor="middle" font-size="28" font-weight="600" fill="#BE185D" direction="ltr">٪ {{neg.percentage}}</text>
+    <text x="98" y="151" text-anchor="middle" font-size="16" font-weight="500" fill="#475569">{{neg.mark}} از {{neg.max}}</text>
+    <text x="232" y="124" text-anchor="middle" font-size="28" font-weight="600" fill="#047857" direction="ltr">٪ {{pos.percentage}}</text>
+    <text x="232" y="151" text-anchor="middle" font-size="16" font-weight="500" fill="#475569">{{pos.mark}} از {{pos.max}}</text>
+
+    {{! Ring titles (below). Left grows leftward from x=122 (anchor start);
+        right grows rightward from x=208 (anchor end). }}
+    <text x="120" y="285" text-anchor="start" font-size="18" xml:space="preserve"><tspan font-weight="500" fill="#64748B">تصور </tspan><tspan font-weight="600" fill="#BE185D">منفی</tspan></text>
+    <text x="120" y="311" text-anchor="start" font-size="18" font-weight="500" fill="#94A3B8">از خدا</text>
+    <text x="210" y="285" text-anchor="end" font-size="18" xml:space="preserve"><tspan font-weight="500" fill="#64748B">تصور </tspan><tspan font-weight="600" fill="#047857">مثبت</tspan></text>
+    <text x="210" y="311" text-anchor="end" font-size="18" font-weight="500" fill="#94A3B8">از خدا</text>
+
+    {{! ===================== RIGHT: two horizontal bars ===================== }}
+    {{! Bar axis: 0 % at x=477.5, 100 % at x=677.5 (width 200). Dashed gridlines at 25/50/75/100 %. }}
+    <text x="477" y="60" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">0</text>
+    <text x="677" y="60" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8" direction="ltr">٪ 100</text>
+
+    <line x1="527.5" y1="75.5" x2="527.5" y2="194.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="577.5" y1="75.5" x2="577.5" y2="194.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="627.5" y1="75.5" x2="627.5" y2="194.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="677.5" y1="75.5" x2="677.5" y2="194.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+    {{#each bars as |item index|}}
+      <g transform="translate(478, {{math 99 '+' (math 48 '*' index)}})">
+        {{! track }}
+        {{bar 200 24 (object tl=0 bl=0 tr=6 br=6) (toRad 0) fill="black" fill-opacity="0.04"}}
+        {{! fill }}
+        {{#if item.p}}{{bar (math 200 '*' item.p) 24 (object tl=0 bl=0 tr=6 br=6) (toRad 0) fill="url(#barfill)"}}{{/if}}
+        {{! category name (right-aligned, 10px left of the bar start) }}
+        <text x="-10" y="12" dy=".32em" text-anchor="start" font-size="14" font-weight="400" fill="#475569">{{item.label.title}}</text>
+        {{! percentage — inside the fill (≥25 %) or just outside it (≤24 %) }}
+        {{#if (boolean item.percentage '<=' 24)}}
+          <text x="{{math (math 200 '*' item.p) '+' 6}}" y="12" dy=".32em" text-anchor="start" font-size="14" font-weight="500" fill="#047857" direction="ltr">٪ {{item.percentage}}</text>
+        {{else}}
+          <text x="{{math (math 200 '*' item.p) '-' 8}}" y="12" dy=".32em" text-anchor="end" font-size="14" font-weight="500" fill="#FFFFFF" direction="ltr">٪ {{item.percentage}}</text>
+        {{/if}}
+        {{! raw / max fraction (green raw + gray total) }}
+        <text x="208" y="12" dy=".32em" text-anchor="start" direction="ltr"><tspan font-weight="700" font-size="18" fill="#047857">{{item.mark}}</tspan><tspan font-weight="300" font-size="12" fill="#64748B">/</tspan><tspan font-weight="400" font-size="13" fill="#64748B">{{item.max}}</tspan></text>
+      </g>
+    {{/each}}
+
+    {{! 0 % baseline separator (white, subtle drop-shadow), drawn on top. }}
+    <g opacity="0.5" filter="url(#rsiBaseline)">
+      <line x1="477.5" y1="75.5" x2="477.5" y2="194.5" stroke="white" stroke-linecap="round"/>
+    </g>
+
+  </g>
+
+{{/layout}}