@baravak/risloo-profile-cli 4.2.8 → 4.3.1

package/src/samples/JSIQ93.js

@@ -0,0 +1,106 @@
+const { Profile } = require("../Profile");
+
+class JSIQ93 extends Profile {
+  // Number of pages
+  static pages = 1;
+
+  // Labels of the sample
+  labels = {
+    L0 : {eng: "total", fa: "", max: 0},
+    L1 : {eng: "section_1_total", fa: "", max: 0},
+    L2 : {eng: "section_1_anger", fa: "عصبانیت", max: 0},
+    L3 : {eng: "section_1_tasteful", fa: "با سلیقه‌گی", max: 0},
+    L4 : {eng: "section_1_homemaker", fa: "کدبانوگری", max: 0},
+    L5 : {eng: "section_1_caring", fa: "مراقبت‌کنندگی", max: 0},
+    L6 : {eng: "section_1_jealousy", fa: "حسادت", max: 0},
+    L7 : {eng: "section_1_bighearted", fa: "دست و دلبازی", max: 0},
+    L8 : {eng: "section_1_grudge", fa: "کینه‌ای بودن", max: 0},
+    L9 : {eng: "section_1_courage", fa: "شجاعت", max: 0},
+    L10 : {eng: "section_1_irritable", fa: "زود رنجی", max: 0},
+    L11 : {eng: "section_1_sensitivity", fa: "حساسیت", max: 0},
+    L12 : {eng: "section_1_incuriosity", fa: "بی تفاوتی", max: 0},
+    L13 : {eng: "section_1_lack_of_understanding_of_the_spouse", fa: "عدم درک همسر", max: 0},
+    L14 : {eng: "section_1_reassure", fa: "دلگرمی دادن", max: 0},
+    L15 : {eng: "section_1_chaste", fa: "عفیف", max: 0},
+    L16 : {eng: "section_1_genial", fa: "خونگرم", max: 0},
+    L17 : {eng: "section_1_being_alarming", fa: "تشویق‌گر بودن", max: 0},
+    L18 : {eng: "section_1_being_persuasive", fa: "ترغیب‌گر بودن", max: 0},
+    L19 : {eng: "section_1_respectable", fa: "اهل احترام", max: 0},
+    L20 : {eng: "section_1_blamer", fa: "سرزنش‌گر", max: 0},
+    L21 : {eng: "section_1_others_influens", fa: "تأثیرپذیری از دیگران", max: 0},
+    L22 : {eng: "section_1_resistant_to_me", fa: "مقاوم بودن در برابر من", max: 0},
+    L23 : {eng: "section_1_flexibility", fa: "انعطاف", max: 0},
+    L24 : {eng: "section_1_secrecy", fa: "رازداری", max: 0},
+    L25 : {eng: "section_1_good_motherhood", fa: "مادرگری خوب", max: 0},
+    L26 : {eng: "section_1_hurry", fa: "عجول بودن", max: 0},
+    L27 : {eng: "section_1_faithful", fa: "با وفا", max: 0},
+    L28 : {eng: "section_1_stable", fa: "با ثبات", max: 0},
+    L29 : {eng: "section_1_capricious", fa: "دمدمی‌مزاج", max: 0},
+    L30 : {eng: "section_1_starnger_permeability", fa: "نفوذپذیری از غریبه‌ها", max: 0},
+    L31 : {eng: "section_1_wisdom", fa: "عاقل", max: 0},
+    L32 : {eng: "section_2_total", fa: "", max: 425},
+    L33 : {eng: "section_2_awareness_of_the_family_system", fa: "هشیاری نسبت به سیستم خانواده", max: 25},
+    L34 : {eng: "section_2_give_love", fa: "مهردهی", max: 140},
+    L35 : {eng: "section_2_perception_of_power", fa: "ادراک قدرت", max: 185},
+    L36 : {eng: "section_2_attention_sexual_safety", fa: "توجه ایمنی جنسی", max: 75},
+  };
+
+  profileSpec = {
+    /* "sample" determines some important info about the sample and profile */
+    /* Default prerequisites: 1. gender, 2. age, 3. education */
+    /* "prerequisites" is synonym to "fields" in our program */
+    sample: {
+      name: "پرسشنامه تعامل همسران - ویرایش فرم آقایان" /* Name of the sample */,
+      multiProfile: false /* Whether the sample has multiple profiles or not */,
+      questions: true /* Determines whether to get questions from inital dataset or not */,
+      defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
+    },
+    /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
+    /* calculating its dimensions carefully is of great importance */
+    profile: {
+      get dimensions() {
+        return {
+          width: 863 + (2 * this.padding.x),
+          height: 643 + (2 * this.padding.y),
+        };
+      },
+      padding: {
+        x: 20,
+        y: 33.5,
+      },
+    },
+
+    /* "labels" part which has to be provided for each profile */
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const {
+        spec: { parameters: spec },
+        dataset,
+      } = this;
+      const top = {
+        total: {...dataset.score[32], percentage: Math.round((dataset.score[32].mark / dataset.score[32].label.max) * 100)},
+        items: dataset.score.slice(33, 37).map(r => {
+            r.percentage = Math.round((r.mark / r.label.max) * 100)
+            return r
+        })
+      }
+      const items = dataset.score.slice(2, 32).map((r, i) => {
+        r.col = Math.floor(i /10)
+        r.row = i % 10
+        r.fill = r.row % 2 == 1 ? '#FAF5FF' : '#F5F3FF'
+        r.color = r.row % 2 == 1 ? '#6B21A8' : '#5B21B6'
+        return r
+      })
+    return [{ top, items }];
+  }
+}
+
+module.exports = JSIQ93;

package/src/samples/JSIQ9A.js

@@ -0,0 +1,112 @@
+const { Profile } = require("../Profile");
+
+class JSIQ93 extends Profile {
+  // Number of pages
+  static pages = 1;
+
+  // Labels of the sample
+  labels = {
+    L0 : {eng: "total", max:0, fa: ""},
+    L1 : {eng: "section_1_total", max:0, fa: ""},
+    L2 : {eng: "section_1_anger", max:0, fa: "عصبانیت"},
+    L3 : {eng: "section_1_courage", max:0, fa: "شجاعت"},
+    L4 : {eng: "section_1_compassion", max:0, fa: "عطوفت"},
+    L5 : {eng: "section_1_bighearted", max:0, fa: "دست و دل‌ بازی"},
+    L6 : {eng: "section_1_grudge", max:0, fa: "کینه‌ورز بودن"},
+    L7 : {eng: "section_1_masculinity", max:0, fa: "مردانگی"},
+    L8 : {eng: "section_1_pessimism", max:0, fa: "بدبینی"},
+    L9 : {eng: "section_1_incuriosity", max:0, fa: "بی‌تفاوتی"},
+    L10 : {eng: "section_1_fidelity", max:0, fa: "وفاداری"},
+    L11 : {eng: "section_1_selfishness", max:0, fa: "خودخواهی"},
+    L12 : {eng: "section_1_intimacy", max:0, fa: "صمیمیت"},
+    L13 : {eng: "section_1_talkative", max:0, fa: "پرگویی"},
+    L14 : {eng: "section_1_mindlessness", max:0, fa: "بی‌فکری"},
+    L15 : {eng: "section_1_sophist", max:0, fa: "زبان‌بازی"},
+    L16 : {eng: "section_1_power", max:0, fa: "قدرت"},
+    L17 : {eng: "section_1_silence", max:0, fa: "سکوت"},
+    L18 : {eng: "section_1_independence", max:0, fa: "استقلال"},
+    L19 : {eng: "section_1_patronage", max:0, fa: "حمایت‌گری"},
+    L20 : {eng: "section_1_spouse_friendship", max:0, fa: "همسر دوستی"},
+    L21 : {eng: "section_1_forgiveness", max:0, fa: "بخشش"},
+    L22 : {eng: "section_2_total", max:525, fa: ""},
+    L23 : {eng: "section_2_family_structure", max:40, fa: "ساختار خانواده"},
+    L24 : {eng: "section_2_give_power", max:135, fa: "قدرت‌دهی"},
+    L25 : {eng: "section_2_perception_of_love", max:155, fa: "ادراک مهر"},
+    L26 : {eng: "section_2_attention_sexual_safety", max:100, fa: "توجه ایمنی جنسی"},
+    L27 : {eng: "section_2_woman_inattention", max:20, fa: "بی‌توجهی زن"},
+    L28 : {eng: "section_2_perceived_inattention", max:25, fa: "بی‌توجهی شوهر"},
+    L29 : {eng: "section_2_women_give_safety", max:20, fa: "ایمنی بخشی زن"},
+    L30 : {eng: "section_2_perceived_safety", max:30, fa: "ایمنی ادراک‌دشده"},
+    L31 : {eng: "section_3_q_1", max:0, fa: "همسران باید بتوانند ذهن یکدیگر را بخوانند."},
+    L32 : {eng: "section_3_q_2", max:0, fa: "همسر باید یک شریک جنسی عالی باشد."},
+    L33 : {eng: "section_3_q_3", max:0, fa: "اختلاف، رابطه را تخریب می‌کند."},
+    L34 : {eng: "section_3_q_4", max:0, fa: "همسران نمی‌توانند خود و یا رابطه‌شان را تغییر دهند."},
+    L35 : {eng: "section_3_q_5", max:0, fa: "مردان و زنان شخصیت‌ها و نیازهای بسیار متفاوتی دارند."},
+  };
+
+  profileSpec = {
+    /* "sample" determines some important info about the sample and profile */
+    /* Default prerequisites: 1. gender, 2. age, 3. education */
+    /* "prerequisites" is synonym to "fields" in our program */
+    sample: {
+      name: "پرسشنامه تعامل همسران - ویرایش فرم زنان" /* Name of the sample */,
+      multiProfile: false /* Whether the sample has multiple profiles or not */,
+      questions: true /* Determines whether to get questions from inital dataset or not */,
+      defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
+    },
+    /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
+    /* calculating its dimensions carefully is of great importance */
+    profile: {
+      get dimensions() {
+        return {
+          width: 865 + (2 * this.padding.x),
+          height: 691 + (2 * this.padding.y),
+        };
+      },
+      padding: {
+        x: 19,
+        y: 11.5,
+      },
+    },
+
+    /* "labels" part which has to be provided for each profile */
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const {
+        spec: { parameters: spec },
+        dataset,
+      } = this;
+      const top = {
+        total: {...dataset.score[22], percentage: Math.round((dataset.score[22].mark / dataset.score[22].label.max) * 100)},
+        items: dataset.score.slice(23, 31).map(r => {
+            r.percentage = Math.round((r.mark / r.label.max) * 100)
+            return r
+        })
+      }
+      const items = dataset.score.slice(2, 22).map((r, i) => {
+        r.col = Math.floor(i /10)
+        r.row = i % 10
+        r.fill = r.row % 2 == 1 ? '#FAF5FF' : '#F5F3FF'
+        r.color = r.row % 2 == 1 ? '#6B21A8' : '#5B21B6'
+        return r
+      })
+
+      const aggrees = dataset.score.slice(31, 36).map((r, i) => {
+        r.fa = r.mark === 'agreement'? 'موافق' : 'مخالف'
+        r.fill = r.mark === 'agreement' ? '#F0FDFA' : '#FDF2F8'
+        r.color = r.mark === 'agreement' ? '#115E59' : '#BE185D'
+        return r
+      })
+    return [{ top, items, aggrees }];
+  }
+}
+
+module.exports = JSIQ93;

package/src/samples/YSQ93.js

@@ -1,5 +1,4 @@
 const { Profile, FS, Mappings } = require("../Profile");
-
 class YSQ93 extends Profile {
   // Number of pages
   static pages = 1;
@@ -74,31 +73,31 @@ class YSQ93 extends Profile {
         const a6 = [];
         let start = 0;
         const a5_line = [32]
-        for(let j = 0; j < 5; j++){
-            const key = i + (j * 18);
-            if(dataset.questions[key].user_answered == 5){
-                if(!a5.length){
-                    start+= 37
-                }else{
-                    start+= 26
-                }
-                a5.push({item: key+1, start:start})
+        factors_key[s.label.eng].forEach((e, ei) => {
+          e = parseInt(e)
+          if(dataset.questions[e - 1].user_answered == 5){
+            if(!a5.length){
+                start+= 37
+            }else{
+                start+= 26
             }
-        }
+            a5.push({item: e, start:start})
+          }
+        });
         a5_line.push(start + 2)
         const a6_start = start ? start + 36 : 0;
         const a6_line = [a6_start + 32]
-        for(let j = 0; j < 5; j++){
-            const key = i + (j * 18);
-            if(dataset.questions[key].user_answered == 6){
-                if(!a6.length){
-                    start = a6_start + 37
-                }else{
-                    start+= 26
-                }
-                a6.push({item: key+1, start:start})
+        factors_key[s.label.eng].forEach((e, ei) => {
+          e = parseInt(e)
+          if(dataset.questions[e -1].user_answered == 6){
+            if(!a6.length){
+                start = a6_start + 37
+            }else{
+                start+= 26
             }
+            a6.push({item: e, start:start})
         }
+        })
         a6_line.push(start + 2)
         const is_critical = a5.length + a6.length >= 3 ? true : false
         return Object.assign({}, s, {
@@ -118,5 +117,39 @@ class YSQ93 extends Profile {
     return [{ items }];
   }
 }
+const f1= 'ed'
+const f2 = 'ab'
+const f3 = 'ma'
+const f4 = 'si'
+const f5 = 'ds'
+const f6 = 'fa'
+const f7 = 'ai'
+const f8 = 'vu'
+const f9 = 'eu'
+const f10 = 'sb'
+const f11 = 'ss'
+const f12 = 'ei'
+const f13 = 'us'
+const f14 = 'et'
+const f15 = 'is'
+const f16 = 'as'
+const f17 = 'np'
+const f18 = 'pu'
 
+const factors_item = {
+    1: f1,  2: f2,   3: f3,   4: f4,   5: f5,    6: f6,   7: f7,   8: f8,   9: f9,   10: f10, 11: f11, 12: f12, 13: f13, 14: f14, 15: f15, 16: f16, 17: f17, 18: f18,
+    19: f1, 20: f2, 21: f3, 22: f4, 23: f5, 24: f6, 25: f7, 26: f8, 27: f9, 28: f10, 29: f11, 30: f12, 31: f13, 32: f14, 33: f15, 34: f16, 35: f17, 36: f18,
+    37: f1, 38: f2, 39: f3, 40: f4, 41: f5, 42: f6, 43: f7, 44: f8, 45: f9, 46: f10, 47: f11, 48: f12, 49: f13, 50: f14, 51: f15, 52: f16, 53: f17, 54: f18,
+    55: f1, 56: f2, 57: f3, 58: f4, 59: f5, 60: f6, 61: f7, 62: f8, 63: f9, 64: f10, 65: f11, 66: f12, 67: f13, 68: f14, 69: f15, 70: f16, 71: f17, 72: f18,
+    73: f1, 74: f2, 75: f3, 76: f4, 77: f5, 78: f6, 79: f7, 80: f8, 81: f9, 82: f10, 83: f11, 84: f12, 85: f13, 86: f14, 87: f15, 88: f16, 89: f17, 90: f18
+}
+const factors_key = {}
+for(const fi in factors_item){
+  const fk = factors_item[fi]
+  if(factors_key[fk] === undefined){
+    factors_key[fk] = [fi]
+  }else{
+    factors_key[fk].push(fi)
+  }
+}
 module.exports = YSQ93;

package/views/profiles/samples/JSIQ93.hbs

@@ -0,0 +1,91 @@
+{{#> layout}}
+<defs>
+    {{#each top.items}}
+        <clipPath id="barTop-{{@index}}">
+            {{bar (math 2 '*' label.max) 16 (object tr=8 br=8 bl=0 tl=0) (toRad 0) }}
+        </clipPath>
+    {{/each}}
+    <clipPath id="barTop-total">
+        {{bar 20 212.5 (object tr=0 br=10 bl=10 tl=0) (toRad 180) }}
+    </clipPath>
+    <linearGradient id="line-bar" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#BAE6FD;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0284C7;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    {{!-- <rect width="863" height="643" fill="blue" opacity=".1"/> --}}
+    <g transform="translate(26.55, 0)">
+        <g transform="translate(0, 8)">
+            {{#each top.items}}
+            <g transform="translate(0, {{math @index '*' 41}})">
+                <text text-anchor="start" x="185" font-weight="400" font-size="14" fill="#475569" dy=".78em">{{label.fa}}</text>
+                <g transform="translate(192, 0)">
+                    {{bar (math 2 '*' label.max) 16 (object tr=8 br=8 bl=0 tl=0) (toRad 0) fill="#F1F5F9" id=(concat 'x' @index)}}
+                    {{bar (math 2 '*' mark) 16 (object tr=8 br=8 bl=0 tl=0) (toRad 0) fill="url(#line-bar)" clip-path=(concat "url(#barTop-" (concat @index ')'))}}
+                    <g transform="translate({{math 8 '+' (math 2 '*' label.max)}}, 0)">
+                        <text text-anchor="start" dy=".85em" direction="ltr">
+                            <tspan font-weight="500" font-size="16" fill="#0369A1">{{mark}}</tspan>
+                            <tspan font-weight="400" font-size="12" fill="#475569">/ {{label.max}}</tspan>
+                        </text>
+                        <g transform="translate(70, 0)">
+                            <rect width="35" height="16" fill="#F0F9FF" rx="4" />
+                            <text text-anchor="middle" x="17.5" font-weight="400" font-size="12" fill="#0369A1" dy="1em">%{{percentage}}</text>
+                        </g>
+                    </g>
+                </g>
+            </g>
+            {{/each}}
+        </g>
+        <rect x="191" y="0" width="1" height="153" rx="0.25" fill="#FFFFFF" style="filter: drop-shadow(2px 0px 2px rgba(0,0,0, .5));"/>
+        <g transform="translate(746, 0)">
+            <text text-anchor="start" x="-8" font-weight="400" font-size="14" fill="#334155" dy=".75em">425</text>
+            <text text-anchor="end" x="28" y="{{math 218 '-' (math top.total.mark '/' 2)}}" font-weight="500" font-size="20" fill="#334155">{{top.total.mark}}</text>
+            <text text-anchor="end" x="28" y="{{math 218 '-' (math top.total.mark '/' 2)}}" font-weight="400" font-size="12" fill="#334155" dy="1.25em">%{{top.total.percentage}}</text>
+            <text text-anchor="end" font-weight="400" font-size="14" fill="#334155" dy="1.25em" transform="rotate(-90) translate(-218, -28)">نمره کل</text>
+            {{bar 20 212.5 (object tr=0 br=10 bl=10 tl=0) (toRad 180) fill="#F1F5F9" transform="translate(20, 218)"}}
+            {{bar 20 (math top.total.mark '/' 2) (object tr=0 br=10 bl=10 tl=0) (toRad 180) fill="#64748B" transform="translate(20, 218)" clip-path="url(#barTop-total)"}}
+            <rect x="-1" y="218" width="22" height="1" rx="1" fill="#FFFFFF" style="filter: drop-shadow(1px 0 2px rgba(0,0,0, .5));"/>
+        </g>
+    </g>
+    <line x1="0" x2="863" y1="251.5" y2="251.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6" />
+    <g transform="translate(132.5, 284)">
+        {{#each items}}
+            <g transform="translate({{math 376 '-' (math 188 '*' col)}}, {{math 28 '*' row}})">
+                {{bar 32 24 (object tr=0 br=0 bl=2 tl=2) (toRad 0) fill=fill opacity='.5'}}
+                {{bar 146 24 (object tr=2 br=2 bl=0 tl=0) (toRad 0) fill=fill opacity='.5' transform="translate(34, 0)"}}
+                <text text-anchor="middle" x="16" y="12" font-weight="400" font-size="13" fill="{{color}}" dy=".25em">{{ternary (boolean mark '===' undefined) '0' mark}}</text>
+                <text text-anchor="start" x="174" y="12" font-weight="400" font-size="13" fill="{{color}}" dy=".25em">{{label.fa}}</text>
+            </g>
+        {{/each}}
+        <line x1="143" x2="423" y1="331.5" y2="331.5" stroke="#E4E4E7"/>
+        <g transform="translate(126, 321)">
+            <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+            <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">4</text>
+            <text text-anchor="middle" x="10" y="24" dy=".85em" font-weight="400" font-size="12" fill="#52525B">به وضوح وجود دارد</text>
+        </g>
+        <g transform="translate(199.5, 321)">
+            <text text-anchor="middle" x="10" y="-8" font-weight="400" font-size="12" fill="#52525B">معمولا وجود دارد</text>
+            <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+            <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">3</text>
+        </g>
+        <g transform="translate(273, 321)">
+            <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+            <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">2</text>
+            <text text-anchor="middle" x="10" y="24" dy=".85em" font-weight="400" font-size="12" fill="#52525B">نظری ندارم</text>
+        </g>
+        <g transform="translate(346.5, 321)">
+            <text text-anchor="middle" x="10" y="-8" font-weight="400" font-size="12" fill="#52525B">معمولا وجود ندارد</text>
+            <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+            <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">1</text>
+        </g>
+        <g transform="translate(420, 321)">
+            <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+            <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">0</text>
+            <text text-anchor="middle" x="10" y="24" dy=".85em" font-weight="400" font-size="12" fill="#52525B">اصلا وجود ندارد</text>
+        </g>
+        <text text-anchor="start" font-weight="400" font-size="14" fill="#334155" transform="rotate(-90) translate(-103, 584)">صفات همسر</text>
+    </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/JSIQ9A.hbs

@@ -0,0 +1,107 @@
+{{#> layout}}
+<defs>
+    {{#each top.items}}
+        <clipPath id="barTop-{{@index}}">
+            {{bar (math 2 '*' label.max) 16 (object tr=8 br=8 bl=0 tl=0) (toRad 0) }}
+        </clipPath>
+    {{/each}}
+    <clipPath id="barTop-total">
+        {{bar 20 262.5 (object tr=0 br=10 bl=10 tl=0) (toRad 180) }}
+    </clipPath>
+    <linearGradient id="line-bar" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#BAE6FD;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0284C7;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(22, 0)">
+        <g transform="translate(0, 8)">
+            {{#each top.items}}
+            <g transform="translate(0, {{math @index '*' 34}})">
+                <text text-anchor="start" x="103" font-weight="400" font-size="14" fill="#475569" dy=".78em">{{label.fa}}</text>
+                <g transform="translate(110, 0)">
+                    {{bar (math 3 '*' label.max) 16 (object tr=8 br=8 bl=0 tl=0) (toRad 0) fill="#F1F5F9" id=(concat 'x' @index)}}
+                    {{bar (math 3 '*' mark) 16 (object tr=8 br=8 bl=0 tl=0) (toRad 0) fill="url(#line-bar)" clip-path=(concat "url(#barTop-" (concat @index ')'))}}
+                    <g transform="translate({{math 8 '+' (math 3 '*' label.max)}}, 0)">
+                        <text text-anchor="start" dy=".85em" direction="ltr">
+                            <tspan font-weight="500" font-size="16" fill="#0369A1">{{mark}}</tspan>
+                            <tspan font-weight="400" font-size="12" fill="#475569">/ {{label.max}}</tspan>
+                        </text>
+                        <g transform="translate(70, 0)">
+                            <rect width="35" height="16" fill="#F0F9FF" rx="4" />
+                            <text text-anchor="middle" x="17.5" font-weight="400" font-size="12" fill="#0369A1" dy="1em">%{{percentage}}</text>
+                        </g>
+                    </g>
+                </g>
+            </g>
+            {{/each}}
+        </g>
+        <rect x="109" y="0" width="1" height="270" rx="0.25" fill="#FFFFFF" style="filter: drop-shadow(2px 0px 2px rgba(0,0,0, .5));"/>
+        <g transform="translate(759, 0)">
+            <text text-anchor="start" x="-8" font-weight="400" font-size="14" fill="#334155" dy=".75em">{{top.total.label.max}}</text>
+            <text text-anchor="end" x="28" y="{{math 267 '-' (math top.total.mark '/' 2)}}" font-weight="500" font-size="20" fill="#334155">{{top.total.mark}}</text>
+            <text text-anchor="end" x="28" y="{{math 267 '-' (math top.total.mark '/' 2)}}" font-weight="400" font-size="12" fill="#334155" dy="1.25em">%{{top.total.percentage}}</text>
+            <text text-anchor="end" font-weight="400" font-size="14" fill="#334155" dy="1.25em" transform="rotate(-90) translate(-267, -28)">نمره کل</text>
+            {{bar 20 262.5 (object tr=0 br=10 bl=10 tl=0) (toRad 180) fill="#F1F5F9" transform="translate(20, 267)"}}
+            {{bar 20 (math top.total.mark '/' 2) (object tr=0 br=10 bl=10 tl=0) (toRad 180) fill="#64748B" transform="translate(20, 267)" clip-path="url(#barTop-total)"}}
+            <rect x="-1" y="267" width="22" height="1" rx="1" fill="#FFFFFF" style="filter: drop-shadow(1px 0 2px rgba(0,0,0, .5));"/>
+        </g>
+    </g>
+    <line x1="0" x2="863" y1="302.5" y2="302.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6" />
+    <g transform="translate(451, 326)">
+        {{#each items}}
+            <g transform="translate({{math 188 '-' (math 188 '*' col)}}, {{math 28 '*' row}})">
+                {{bar 32 24 (object tr=0 br=0 bl=2 tl=2) (toRad 0) fill=fill opacity='.5'}}
+                {{bar 146 24 (object tr=2 br=2 bl=0 tl=0) (toRad 0) fill=fill opacity='.5' transform="translate(34, 0)"}}
+                <text text-anchor="middle" x="16" y="12" font-weight="400" font-size="13" fill="{{color}}" dy=".25em">{{ternary (boolean mark '===' undefined) '0' mark}}</text>
+                <text text-anchor="start" x="174" y="12" font-weight="400" font-size="13" fill="{{color}}" dy=".25em">{{label.fa}}</text>
+            </g>
+        {{/each}}
+        <g transform="translate(0, 321)">
+            <line x1="40" x2="330" y1="10.5" y2="10.5" stroke="#E4E4E7"/>
+            <g transform="translate(36, 0)">
+                <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+                <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">4</text>
+                <text text-anchor="middle" x="10" y="24" dy=".85em" font-weight="400" font-size="12" fill="#52525B">به وضوح وجود دارد</text>
+            </g>
+            <g transform="translate(109.5, 0)">
+                <text text-anchor="middle" x="10" y="-8" font-weight="400" font-size="12" fill="#52525B">معمولا وجود دارد</text>
+                <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+                <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">3</text>
+            </g>
+            <g transform="translate(183, 0)">
+                <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+                <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">2</text>
+                <text text-anchor="middle" x="10" y="24" dy=".85em" font-weight="400" font-size="12" fill="#52525B">نظری ندارم</text>
+            </g>
+            <g transform="translate(256.5, 0)">
+                <text text-anchor="middle" x="10" y="-8" font-weight="400" font-size="12" fill="#52525B">معمولا وجود ندارد</text>
+                <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+                <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">1</text>
+            </g>
+            <g transform="translate(330, 0)">
+                <circle r="10" fill="#FAFAFA" transform="translate(10, 10)"/>
+                <text text-anchor="middle" x="10" y="10" font-weight="400" font-size="12" fill="#52525B" dy=".35em">0</text>
+                <text text-anchor="middle" x="10" y="24" dy=".85em" font-weight="400" font-size="12" fill="#52525B">اصلا وجود ندارد</text>
+            </g>
+        </g>
+        <text text-anchor="start" font-weight="400" font-size="14" fill="#334155" transform="rotate(-90) translate(-103, 396)">صفات همسر</text>
+    </g>
+    <line x1="421" x2="421" y1="327" y2="690" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6" />
+    <g transform="translate(1, 411)">
+        {{#each aggrees}}
+        <g transform="translate(0, {{math 42 '*' @index}})">
+            <g transform="translate(324, 0)">
+                <rect width="72" height="28" r="4" fill="{{fill}}" />
+                <text text-anchor="middle" x="36" y="14" dy=".25em" font-weight="400" font-size="13" fill="{{color}}">{{fa}}</text>
+            </g>
+            <g transform="translate(0, 6)">
+                <rect width="328" height="28" r="4" fill="{{fill}}" opacity=".5" />
+                <text text-anchor="start" x="312" y="14" dy=".25em" font-weight="400" font-size="13" fill="{{color}}">{{label.fa}}</text>
+            </g>
+        </g>
+        {{/each}}
+    </g>
+</g>
+
+{{/layout}}