@baravak/risloo-profile-cli 4.44.1 → 4.45.0

package/src/samples/FRHPT93.js

@@ -0,0 +1,430 @@
+const gauge = require("../helpers/gauge");
+const { Profile } = require("../Profile");
+
+const labels = {
+  extremely_high: "فوق بالا",
+  very_high: "خیلی بالا",
+  high: "بالا",
+  average: "متوسط",
+  low: "پایین",
+  very_low: "خیلی پایین",
+  extremely_low: "فوق پایین",
+};
+
+const colors = {
+  bars: [
+    ['#C7D2FE', '#4338CA', '#4F46E5', '#818CF8'], ['#DDD6FE', '#6D28D9', '#7C3AED', '#A78BFA'],
+  ]
+}
+
+class FRHPT93 extends Profile {
+  // Number of pages
+  static pages = 4;
+
+  // Labels of the sample
+  labels = {
+    L1_1: { eng: "factors_ex_raw", group: true, fa: "برون‌گرایی" },
+    L1_2: { eng: "factors_ex_percentage" },
+    L1_3: { eng: "factors_ex_level" },
+
+    L2_1: { eng: "factors_ex1_raw", fa: "علاقه به ارتباط با دیگران"}, 
+    L2_2: { eng: "factors_ex1_percentage" },
+    L2_3: { eng: "factors_ex1_level" },
+
+    L3_1: { eng: "factors_ex2_raw", fa: "توانایی ارتباط با دیگران"},
+    L3_2: { eng: "factors_ex2_percentage" },
+    L3_3: { eng: "factors_ex2_level" },
+
+    L4_1: { eng: "factors_ex3_raw", fa: "نشاط و سرزندگی اجتماعی"},
+    L4_2: { eng: "factors_ex3_percentage" },
+    L4_3: { eng: "factors_ex3_level" },
+
+    L5_1: { eng: "factors_ex4_raw", fa: "جسارت و قاطعیت"},
+    L5_2: { eng: "factors_ex4_percentage" },
+    L5_3: { eng: "factors_ex4_level" },
+
+    L6_1: { eng: "factors_an_raw", group: true, fa: "رگه اضطراب" },
+    L6_2: { eng: "factors_an_percentage" },
+    L6_3: { eng: "factors_an_level" },
+
+    L7_1: { eng: "factors_an1_raw", fa: "ترس و نگرانی"},
+    L7_2: { eng: "factors_an1_percentage" },
+    L7_3: { eng: "factors_an1_level" },
+
+    L8_1: { eng: "factors_an2_raw", fa: "اضطراب در روابط اجتماعی"},
+    L8_2: { eng: "factors_an2_percentage" },
+    L8_3: { eng: "factors_an2_level" },
+
+    L9_1: { eng: "factors_an3_raw", fa: "شک و تردید"},
+    L9_2: { eng: "factors_an3_percentage" },
+    L9_3: { eng: "factors_an3_level" },
+
+    L10_1: { eng: "factors_an4_raw", fa: "تکانشگری و شتابزدگی"},
+    L10_2: { eng: "factors_an4_percentage" },
+    L10_3: { eng: "factors_an4_level" },
+
+    L11_1: { eng: "factors_dp_raw", group: true, fa: "رگه افسردگی" },
+    L11_2: { eng: "factors_dp_percentage" },
+    L11_3: { eng: "factors_dp_level" },
+
+    L12_1: { eng: "factors_dp1_raw", fa: "حزن و اندوه درونی"},
+    L12_2: { eng: "factors_dp1_percentage" },
+    L12_3: { eng: "factors_dp1_level" },
+
+    L13_1: { eng: "factors_dp2_raw", fa: "افکار گذشته"},
+    L13_2: { eng: "factors_dp2_percentage" },
+    L13_3: { eng: "factors_dp2_level" },
+
+    L14_1: { eng: "factors_dp3_raw", fa: "بی‌انگیزگی"},
+    L14_2: { eng: "factors_dp3_percentage" },
+    L14_3: { eng: "factors_dp3_level" },
+
+    L15_1: { eng: "factors_dp4_raw", fa: "احساس بی‌ارزشی"},
+    L15_2: { eng: "factors_dp4_percentage" },
+    L15_3: { eng: "factors_dp4_level" },
+
+    L16_1: { eng: "factors_ag_raw", group: true, fa: "خشم و پرخاشگری" },
+    L16_2: { eng: "factors_ag_percentage" },
+    L16_3: { eng: "factors_ag_level" },
+
+    L17_1: { eng: "factors_ag1_raw", fa: "حساس و زودرنج" },
+    L17_2: { eng: "factors_ag1_percentage" },
+    L17_3: { eng: "factors_ag1_level" },
+
+    L18_1: { eng: "factors_ag2_raw", fa: "کینه و خصومت" },
+    L18_2: { eng: "factors_ag2_percentage" },
+    L18_3: { eng: "factors_ag2_level" },
+
+    L19_1: { eng: "factors_ag3_raw", fa: "پرخاشگری (کلامی و فیزیکی)" },
+    L19_2: { eng: "factors_ag3_percentage" },
+    L19_3: { eng: "factors_ag3_level" },
+
+    L20_1: { eng: "factors_ag4_raw", fa: "آشفتگی خانواده مبدأ" },
+    L20_2: { eng: "factors_ag4_percentage" },
+    L20_3: { eng: "factors_ag4_level" },
+
+    L21_1: { eng: "factors_op_raw", group: true, fa: "گشودگی به تجربه" },
+    L21_2: { eng: "factors_op_percentage" },
+    L21_3: { eng: "factors_op_level" },
+
+    L22_1: { eng: "factors_op1_raw", fa: "ریسک‌پذیری" },
+    L22_2: { eng: "factors_op1_percentage" },
+    L22_3: { eng: "factors_op1_level" },
+
+    L23_1: { eng: "factors_op2_raw", fa: "هیجان‌خواهی" },
+    L23_2: { eng: "factors_op2_percentage" },
+    L23_3: { eng: "factors_op2_level" },
+
+    L24_1: { eng: "factors_op3_raw", fa: "تخیل" },
+    L24_2: { eng: "factors_op3_percentage" },
+    L24_3: { eng: "factors_op3_level" },
+
+    L25_1: { eng: "factors_op4_raw", fa: "خلاقیت" },
+    L25_2: { eng: "factors_op4_percentage" },
+    L25_3: { eng: "factors_op4_level" },
+
+    L26_1: { eng: "factors_af_raw", group: true, fa: "عاطفه" },
+    L26_2: { eng: "factors_af_percentage" },
+    L26_3: { eng: "factors_af_level" },
+
+    L27_1: { eng: "factors_af1_raw", fa: "تجربه شدید احساسات" },
+    L27_2: { eng: "factors_af1_percentage" },
+    L27_3: { eng: "factors_af1_level" },
+
+    L28_1: { eng: "factors_af2_raw", fa: "عاطفه درون‌سو" },
+    L28_2: { eng: "factors_af2_percentage" },
+    L28_3: { eng: "factors_af2_level" },
+
+    L29_1: { eng: "factors_af3_raw", fa: "عاطفه برون‌سو" },
+    L29_2: { eng: "factors_af3_percentage" },
+    L29_3: { eng: "factors_af3_level" },
+
+    L30_1: { eng: "factors_af4_raw", fa: "زیبا دوستی" },
+    L30_2: { eng: "factors_af4_percentage" },
+    L30_3: { eng: "factors_af4_level" },
+
+    L31_1: { eng: "factors_co_raw", group: true, fa: "وظیفه‌شناسی" },
+    L31_2: { eng: "factors_co_percentage" },
+    L31_3: { eng: "factors_co_level" },
+
+    L32_1: { eng: "factors_co1_raw", fa: "وظیفه‌شناسی در اهداف" },
+    L32_2: { eng: "factors_co1_percentage" },
+    L32_3: { eng: "factors_co1_level" },
+
+    L33_1: { eng: "factors_co2_raw", fa: "مسئولیت‌پذیری و قانون‌مداری" },
+    L33_2: { eng: "factors_co2_percentage" },
+    L33_3: { eng: "factors_co2_level" },
+
+    L34_1: { eng: "factors_co3_raw", fa: "توجه به نظم و جزئیات" },
+    L34_2: { eng: "factors_co3_percentage" },
+    L34_3: { eng: "factors_co3_level" },
+
+    L35_1: { eng: "factors_co4_raw", fa: "تلاش و پشتکار اجرایی" },
+    L35_2: { eng: "factors_co4_percentage" },
+    L35_3: { eng: "factors_co4_level" },
+
+    L36_1: { eng: "factors_fl_raw", group: true, fa: "انعطاف‌پذیری" },
+    L36_2: { eng: "factors_fl_percentage" },
+    L36_3: { eng: "factors_fl_level" },
+
+    L37_1: { eng: "factors_fl1_raw", fa: "کنار آمدن با سختی‌ها" },
+    L37_2: { eng: "factors_fl1_percentage" },
+    L37_3: { eng: "factors_fl1_level" },
+
+    L38_1: { eng: "factors_fl2_raw", fa: "سازگاری با اطرافیان" },
+    L38_2: { eng: "factors_fl2_percentage" },
+    L38_3: { eng: "factors_fl2_level" },
+
+    L39_1: { eng: "factors_fl3_raw", fa: "انعطاف در روش‌ها" },
+    L39_2: { eng: "factors_fl3_percentage" },
+    L39_3: { eng: "factors_fl3_level" },
+
+    L40_1: { eng: "factors_fl4_raw", fa: "انعطاف در دیدگاه" },
+    L40_2: { eng: "factors_fl4_percentage" },
+    L40_3: { eng: "factors_fl4_level" },
+
+    L41_1: { eng: "factors_sp_raw", group: true, fa: "معنویت و دینداری" },
+    L41_2: { eng: "factors_sp_percentage" },
+    L41_3: { eng: "factors_sp_level" },
+
+    L42_1: { eng: "factors_sp1_raw", fa: "دلبستگی به خدا" },
+    L42_2: { eng: "factors_sp1_percentage" },
+    L42_3: { eng: "factors_sp1_level" },
+
+    L43_1: { eng: "factors_sp2_raw", fa: "نگرش‌های مثبت معنوی" },
+    L43_2: { eng: "factors_sp2_percentage" },
+    L43_3: { eng: "factors_sp2_level" },
+
+    L44_1: { eng: "factors_sp3_raw", fa: "عملکرد مذهبی" },
+    L44_2: { eng: "factors_sp3_percentage" },
+    L44_3: { eng: "factors_sp3_level" },
+
+    L45_1: { eng: "factors_un_raw", group: true, fa: "توانایی شناختی" },
+    L45_2: { eng: "factors_un_percentage" },
+    L45_3: { eng: "factors_un_level" },
+
+    L46_1: { eng: "factors_un1_raw", fa: "هوش" },
+    L46_2: { eng: "factors_un1_percentage" },
+    L46_3: { eng: "factors_un1_level" },
+
+    L47_1: { eng: "factors_un2_raw", fa: "قدرت تجزیه و تحلیل" },
+    L47_2: { eng: "factors_un2_percentage" },
+    L47_3: { eng: "factors_un2_level" },
+
+    L48_1: { eng: "factors_un3_raw", fa: "تلاش و پشتکار علمی" },
+    L48_2: { eng: "factors_un3_percentage" },
+    L48_3: { eng: "factors_un3_level" },
+
+    L49_1: { eng: "factors_un4_raw", fa: "افکار عجیب و غریب" },
+    L49_2: { eng: "factors_un4_percentage" },
+    L49_3: { eng: "factors_un4_level" },
+
+    L50x_1: { eng: "factors_mo_raw", group: true, fa: "ابعاد انگیزه" },
+    L50x_2: { eng: "factors_mo_percentage" },
+    L50x_3: { eng: "factors_mo_level" },
+
+    L50_1: { eng: "factors_mo1_raw", fa: "انگیزه خودشکوفایی" },
+    L50_2: { eng: "factors_mo1_percentage" },
+    L50_3: { eng: "factors_mo1_level" },
+
+    L51_1: { eng: "factors_mo2_raw", fa: "نیاز به محبت و احترام" },
+    L51_2: { eng: "factors_mo2_percentage" },
+    L51_3: { eng: "factors_mo2_level" },
+
+    L52_1: { eng: "factors_mo3_raw", fa: "نیاز به رفاه و رشد اقتصادی" },
+    L52_2: { eng: "factors_mo3_percentage" },
+    L52_3: { eng: "factors_mo3_level" },
+
+    L53_1: { eng: "factors_mo4_raw", fa: "نیاز به قدرت و برتری" },
+    L53_2: { eng: "factors_mo4_percentage" },
+    L53_3: { eng: "factors_mo4_level" },
+
+    L54_1: { eng: "indicators_vrin_value", fa: "دقت در پاسخ‌دهی"},
+    L54_2: { eng: "indicators_vrin_level" },
+
+    L55_1: { eng: "indicators_lie_scale_value", fa: "مطلوب‌نمایی گویه‌ای"},
+    L55_2: { eng: "indicators_lie_scale_level" },
+
+    L56_1: { eng: "indicators_defensiveness_scale_value", fa: "مطلوب‌نمایی مولفه‌ای"},
+    L56_2: { eng: "indicators_defensiveness_scale_level" },
+
+    L57_1: { eng: "indicators_midpoint_responses_value", fa: "احتیاط در پاسخ"},
+    L57_2: { eng: "indicators_midpoint_responses_level" },
+
+    L58_1: { eng: "indicators_validity_identical_value", fa: "بیش از ۱۶۵ پاسخ یکسان", length: 128},
+    L58_2: { eng: "indicators_validity_identical_error" },
+
+    L59_1: { eng: "indicators_validity_consecutive_value", fa: "بیش از ۳۹ پاسخ متوالی یکسان", length: 162},
+    L59_2: { eng: "indicators_validity_consecutive_error" },
+
+    L60_1: { eng: "indicators_validity_median_value", fa: "بیش از ۳۰ پاسخ میانه", length: 116},
+    L60_2: { eng: "indicators_validity_median_error" },
+  };
+
+  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: false /* 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: 800 + 2 * this.padding.x,
+          height: 657 + 2 * this.padding.y,
+        };
+      },
+      padding: {
+        x: 52,
+        y: 29,
+      },
+    },
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const {
+      dataset,
+    } = this;
+    const groups = new FG(dataset.score.slice(0, 162)).generate()
+    const ind = dataset.score.slice(162, 170)
+    const indicators = []
+    for(let i = 0; i < ind.length; i += 2){
+      const indicator = ind[i]
+      const level = ind[i + 1]
+      indicators.push({
+        ...indicator,
+        mark : indicator.mark ?? 0,
+        level: level.mark,
+        levelText: labels[level.mark]
+      })
+    }
+    indicators.reverse()
+    const validityList = dataset.score.slice(170, 179)
+    let validities = []
+    for(let i = 0; i < validityList.length; i += 2){
+      const validity = validityList[i]
+      const error = validityList[i + 1]
+      if(error.mark === undefined || error.mark === null) continue
+      validities.push({
+        error: validity.label.fa,
+        length: validity.label.length
+      })
+    }
+    let start = 0
+    validities = validities.map((v,i) => {
+      const result ={
+        ...v,
+        start,
+        last: validities.length - 1 === i
+      }
+      start += v.length + 54
+      return result
+    })
+    const groupList = Object.values(groups).map(r => ({...r, length: r.subs.length}))
+    return [
+      { page: 1, titleAppend:' - 1', groups: groupList, colors, indicators: indicators, validityErrors: validities  }, 
+      { page: 2, titleAppend:' - 2', groups: groupList.slice(0, 4).map(rowMap), colors  },
+      { page: 3, titleAppend:' - 3', groups: groupList.slice(4, 8).map(rowMap), colors  },
+      { page: 4, titleAppend:' - 4', groups: groupList.slice(8, 12).map(rowMap), colors  },
+    ];
+  }
+}
+function rowMap(r, i){
+  return {
+    ...r,
+    color: i % 2 === 0 ? colors.bars[0] : colors.bars[1],
+    bg: `url(#${i % 2 === 0 ? 'bgbar1' : 'bgbar2'})`
+  }
+}
+
+class FG {
+  factors = {};
+  _result = {};
+  _current = "";
+  _index = -1;
+  constructor(factors) {
+    this.factors = factors;
+  }
+
+  generate() {
+    let common = {};
+    let sKey = "";
+    let gKey = ''
+    for (const factor of this.factors) {
+      const parse = this.parse(factor);
+      const [key, sub, group, isGroup] = parse;
+      if (key !== sKey) {
+        this.current(group);
+        if(gKey !== ''){
+          if(this._result[gKey] === undefined ){
+            this._result[gKey] = common;
+          }else{
+            this._result[gKey].subs.push(common)
+          }
+        }
+        sKey = key;
+        gKey = group
+        common = { ...this.raw(factor), key: key.toUpperCase()};
+        if(isGroup){
+          common.subs = []
+        }
+      } else {
+        if (sub === "percentage") {
+          const [p, t] = this.percentage(factor);
+          common.percentage = p;
+          common.percentageText = t;
+        } else {
+          const [l, t] = this.label(factor);
+          common.level = l;
+          common.levelText = t;
+        }
+      }
+    }
+    this._result[gKey].subs.push(common)
+    return this._result
+  }
+
+  raw(factor) {
+    return {
+      ...factor,
+      mark: factor.mark ?? 0,
+    };
+  }
+
+  percentage(factor) {
+    const mark = factor.mark ?? 0;
+    return [mark, Math.round(mark * 100)];
+  }
+
+  label(factor) {
+    return [factor.mark, labels[factor.mark]];
+  }
+
+  parse(factor) {
+    const [key, sub] = factor?.label?.eng?.replace(/^factors_/, "").split("_");
+    const isGroup = !/\d$/.test(key);
+    const group = key.replace(/\d$/, "");
+    return [key, sub, group, isGroup];
+  }
+  current(group) {
+    if (this._current !== group) {
+      this._current = group;
+      this._index++;
+    }
+  }
+}
+
+module.exports = FRHPT93;

package/views/profiles/samples/FRHPT93_1.hbs

@@ -0,0 +1,115 @@
+{{#> layout}}
+
+<defs>
+  <linearGradient id="bgbarg">
+    <stop stop-color="{{colors.bars.[0].[0]}}"/>
+    <stop offset="1" stop-color="{{colors.bars.[0].[1]}}"/>
+  </linearGradient>
+  <clipPath id="cbgbarg">
+      {{bar 480 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0)}}
+  </clipPath>
+  <linearGradient id="bgind" x1="97" y1="0" x2="97" y2="83" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#F8FAFC"/>
+    <stop offset="1" stop-color="#F5F3FF"/>
+  </linearGradient>
+  <linearGradient id="error" x1="15" y1="15" x2="0" y2="15" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#FFF1F2"/>
+    <stop offset="1" stop-color="#FECDD3"/>
+  </linearGradient>
+  <filter id="split" x="0" y="0" width="7" height="462" 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_dropShadow_5334_134825"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5334_134825" result="shape"/>
+  </filter>
+</defs>
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g>
+      <g transform="translate(0, 48)">
+        <g>
+          {{#each groups as |item index|}}
+            <g transform="translate(0, {{math index '*' 40}})">
+              <rect width="800" height="40" fill="{{ternary (even index) '#F8FAFC' 'none'}}" rx="8" />
+              {{bar 480 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill='#E2E8F080' transform='translate(158, 12)'}}
+            </g>
+          {{/each}}
+        </g>
+      <g>
+      <text x="156.5" y="-24" font-size="12" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="middle">0</text>
+      <text x="397.5" y="-24" font-size="12" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="middle">50 ٪</text>
+      <text x="632" y="-24" font-size="12" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="middle">100 ٪</text>
+      <text x="754" y="-19" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">رده‌بندی</text>
+      <text x="677" y="-33" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">نمره خام</text>
+      <text x="677" y="-19" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">از 144</text>
+      <line x1="277.5" y1="-8.5" x2="277.5" y2="446.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <line x1="397.5" y1="-8.5" x2="397.5" y2="446.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <line x1="517.5" y1="-8.5" x2="517.5" y2="446.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <line x1="637.5" y1="-8.5" x2="637.5" y2="446.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <rect x="709" y="-48" width="1" height="496" fill="#F1F5F9"/>
+
+      </g>
+        <g>
+          {{#each groups as |item index|}}
+            <g transform="translate(0, {{math index '*' 40}})">
+                {{# if (boolean key '!==' 'MO')}}
+                  <g transform='translate(158, 12)'>
+                      {{bar (math 480 '*' percentage) 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill='url(#bgbarg)' clip-path='url(#cbgbarg)'}}
+                      <text x="{{math (math 480 '*' percentage) '+' (ternary (boolean percentage '<=' 0.24) 4 -6)}}" y="8" font-size="13" font-weight="500" dy=".3em" fill="{{ternary (boolean percentage '<=' 0.24) ../colors.bars.[0].[1] 'white'}}" text-anchor="{{ternary (boolean percentage '<=' 0.24) 'end' 'start'}}">
+                        {{percentageText}} ٪
+                      </text>
+                  </g>
+                  <rect x="659" y="11" width="36" height="18" rx="4" fill="{{../colors.bars.[0].[2]}}" />
+                  <text x="677" y="20" font-size="13" font-weight="500" dy=".3em" fill="white" text-anchor="middle">{{item.mark}}</text>
+                  <text x="755" y="20" font-size="12" font-weight="400" dy=".3em" fill="#64748B" text-anchor="middle">{{item.levelText}}</text>
+                  <text x="149" y="20" font-size="13" font-weight="400" dy=".3em" fill="#475569" text-anchor="start">{{item.key}}</text>
+                  <text x="121" y="20" font-size="13" font-weight="400" dy=".3em" fill="#475569" text-anchor="start">-</text>
+                  <text x="110" y="20" font-size="13" font-weight="400" dy=".3em" fill="#475569" text-anchor="start">{{item.label.fa}}</text>
+                {{else}}
+                  <rect x="659" y="11" width="36" height="18" rx="4" fill="#CBD5E1" />
+                  <text x="677" y="20" font-size="13" font-weight="500" dy=".3em" fill="white" text-anchor="middle">-</text>
+                  <text x="755" y="20" font-size="13" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">-</text>
+                  <text x="149" y="20" font-size="13" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="start">{{item.key}}</text>
+                  <text x="121" y="20" font-size="13" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="start">-</text>
+                  <text x="110" y="20" font-size="13" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="start">{{item.label.fa}}</text>
+                {{/if}}
+                
+            </g>
+          {{/each}}
+        </g>
+        <g opacity="0.5" filter="url(#split)" transform="translate(154.5, -10.5)">
+          <line x1="2.5" y1="3.5" x2="2.5" y2="458.5" stroke="white" stroke-linecap="round"/>
+        </g>
+      </g>
+    </g>
+    <g transform="translate(0, 520)">
+      {{#each indicators as |item index|}}
+        <g transform="translate({{math index '*' 202}}, 0)">
+          <rect width="194" height="83" fill="url(#bgind)" stroke="#EDE9FE" rx="8" />
+          <text x="142" y="29.5" font-size="16" font-weight="600" dy=".3em" fill="#5B21B6" text-anchor="middle">{{item.mark}}</text>
+          <text x="72" y="29.5" font-size="14" font-weight="500" dy=".3em" fill="#334155" text-anchor="middle">{{item.levelText}}</text>
+          <path d="M 8.78 3.78 h -8.75 m 0 0 l 3.75 3.75 m -3.75 -3.75 l 3.75 -3.75" stroke="#94A3B8" stroke-linecap="round" stroke-linejoin="round" transform="translate(112.62, 25.75)"/>
+          <text x="97" y="55" font-size="13" font-weight="400" dy=".3em" fill="#64748B" text-anchor="middle">{{item.label.fa}}</text>
+        </g>
+      {{/each}}
+    </g>
+    <g transform="translate(0, 611)">
+      <rect width="800" height="46" fill="#FFF1F2" stroke="#FECDD3" rx="8" />
+      <path d="M 8.9 5.63 v 3.5556 m 0 2.6667 h 0.0089 m -1.464 -11.0303 l -7.2053 12.0303 c -0.1485 0.2572 -0.2271 0.5488 -0.228 0.8459 c -0.0009 0.297 0.0761 0.5891 0.2231 0.8472 c 0.1471 0.258 0.3591 0.4731 0.6151 0.6238 c 0.256 0.1507 0.5469 0.2317 0.844 0.2351 h 14.4125 c 0.2968 -0.0035 0.5877 -0.0845 0.8435 -0.2352 c 0.2559 -0.1506 0.4679 -0.3656 0.6149 -0.6235 c 0.147 -0.258 0.224 -0.5499 0.2233 -0.8468 c -0.0008 -0.2969 -0.0792 -0.5884 -0.2275 -0.8456 l -7.2053 -12.0321 c -0.1516 -0.2502 -0.3652 -0.4571 -0.6201 -0.6007 c -0.2549 -0.1436 -0.5425 -0.219 -0.8351 -0.219 c -0.2926 0 -0.5802 0.0754 -0.8351 0.219 c -0.2549 0.1436 -0.4685 0.3505 -0.6201 0.6007 v 0.0009 z" transform="translate(729.61, 15.04)" fill="none" stroke="#BE123C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+      <text x="690" y="23" font-size="14" font-weight="500" dy=".3em" fill="#BE123C" text-anchor="middle">فاقد اعتبار</text>
+      <path d="M 0 0 l 15 -15 l 0 30 l -15 -15 z" fill="url(#error)" transform="translate(580, 23)"/>
+      <g transform="translate(0, 23)">
+        {{#each validityErrors as |error index|}}
+          <text x="{{math 532 '-' (math start '+' (math length '/' 2))}}" y="0" font-size="13" font-weight="400" dy=".3em" fill="#57534E" text-anchor="middle">{{error.error}}</text>
+          {{#if (boolean error.last '===' false)}}
+            <circle cx="{{math 532 '-' (math start '+' (math length '+' 26))}}" cy="2" r="2" fill="#A1A1AA"/>
+          {{/if}}
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/FRHPT93_2.hbs

@@ -0,0 +1,103 @@
+{{#> layout}}
+
+<defs>
+  <linearGradient id="bgbar1">
+    <stop stop-color="{{colors.bars.[0].[0]}}"/>
+    <stop offset="1" stop-color="{{colors.bars.[0].[1]}}"/>
+  </linearGradient>
+  <linearGradient id="bgbar2">
+    <stop stop-color="{{colors.bars.[1].[0]}}"/>
+    <stop offset="1" stop-color="{{colors.bars.[1].[1]}}"/>
+  </linearGradient>
+  <clipPath id="cobar">
+      {{bar 250 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0)}}
+  </clipPath>
+
+  <filter id="split" x="0" y="0" width="7" height="{{ternary (boolean groups.length '==' 3) 462 614}}" 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_dropShadow_5334_139730"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5334_139730" result="shape"/>
+  </filter>
+</defs>
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(0, 4)">
+      <g transform="translate(0, 48)">
+        {{#each groups as |item index|}}
+          {{setVar "color" (ternary (even index) ../colors.bars.[0] ../colors.bars.[1])}}
+          <g transform="translate(0, {{math index '*' 152}})">
+            <rect width="800" height="136" rx="8" fill="{{ternary (even index) '#F8FAFC' 'white'}}" />
+            {{bar 180 136 (object tl=8 bl=8 tr=0 br=0) (toRad 0) fill=(ternary (even index) '#F1F5F9' 'white') }}
+            {{#if (boolean level '===' undefined)}}
+                <text x="90" y="57" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">{{key}}</text>
+                <text x="90" y="77" font-size="15" font-weight="500" dy=".3em" fill="#334155" text-anchor="middle">{{label.fa}}</text>
+            {{else}}
+                <text x="90" y="23.5" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">{{key}}</text>
+                <text x="90" y="44.5" font-size="15" font-weight="500" dy=".3em" fill="#334155" text-anchor="middle">{{label.fa}}</text>
+                <rect x="50" y="65.5" width="80" height="1" rx="0.5" fill="#E2E8F0"/>
+                <rect x="100.5" y="78.5" width="40" height="20" rx="4" fill="{{color.[2]}}" />
+                <text x="120.5" y="88.5" font-size="14" font-weight="600" dy=".3em" fill="#FFFFFF" text-anchor="middle">{{percentageText}} ٪</text>
+                <text x="90" y="111.5" font-size="12" font-weight="400" dy=".3em" fill="{{color.[2]}}" text-anchor="middle">{{levelText}}</text>
+                <text x="92.5" y="88.5" font-size="15" font-weight="500" dy=".3em" fill="#334155" text-anchor="start">
+                  <tspan>
+                    {{mark}}
+                  </tspan>
+                  <tspan fill="#64748B" font-size="14" font-weight="500">از 144</tspan>
+                </text>
+            {{/if}}
+            <g transform="translate(389, {{ternary (boolean item.length '===' 4) 12 28}})">
+            {{#each subs as |sub i|}}
+              <g transform="translate(0, {{math i '*' 32}})">
+                {{bar 250 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill='#E2E8F080' clip-path="url(#cobar)"}}
+              </g>
+            {{/each}}
+            </g>
+          </g>
+        {{/each}}
+      </g>
+      <line x1="451.25" y1="40.5" x2="451.25" y2="{{ternary (boolean groups.length '==' 3) '495.5' '647.5'}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <line x1="513.25" y1="40.5" x2="513.25" y2="{{ternary (boolean groups.length '==' 3) '495.5' '647.5'}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <line x1="576.25" y1="40.5" x2="576.25" y2="{{ternary (boolean groups.length '==' 3) '495.5' '647.5'}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <line x1="638.25" y1="40.5" x2="638.25" y2="{{ternary (boolean groups.length '==' 3) '495.5' '647.5'}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="5.5 5.5"/>
+      <rect x="709" width="1" height="{{ternary (boolean groups.length '==' 3) 496 648}}" fill="#F1F5F9"/>
+      <text x="387.5" y="24" font-size="12" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="middle">0</text>
+      <text x="514.5" y="24" font-size="12" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="middle">50 ٪</text>
+      <text x="637" y="24" font-size="12" font-weight="400" dy=".3em" fill="#94A3B8" text-anchor="middle">100 ٪</text>
+      <text x="754" y="27" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">رده‌بندی</text>
+      <text x="677" y="13" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">نمره خام</text>
+      <text x="677" y="27" font-size="12" font-weight="500" dy=".3em" fill="#64748B" text-anchor="middle">از 36</text>
+      
+      <g transform="translate(0, 48)">
+        {{#each groups as |item index|}}
+          {{setVar "color" (ternary (even index) ../colors.bars.[0] ../colors.bars.[1])}}
+          <g transform="translate(0, {{math index '*' 152}})">
+            <g transform="translate(389, {{ternary (boolean item.length '===' 4) 12 28}})">
+            {{#each subs as |sub i|}}
+              <g transform="translate(0, {{math i '*' 32}})">
+                {{bar (math percentage '*' 250) 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill=../bg}}
+                <text x="-9" y="9" font-size="13" font-weight="400" dy=".3em" fill="#475569" text-anchor="start">{{sub.label.fa}}</text>
+                <rect x="270" y="-.5" width="36" height="17" rx="4" fill="none" stroke="{{../color.[3]}}" />
+                <text x="288" y="9" font-size="13" font-weight="500" dy=".3em" fill="{{../color.[2]}}" text-anchor="middle">{{sub.mark}}</text>
+                <text x="366" y="9" font-size="12" font-weight="400" dy=".3em" fill="#64748B" text-anchor="middle">{{sub.levelText}}</text>
+                {{#if (boolean percentage '>' 0.24)}}
+                  <text x="{{math (math percentage '*' 250) '-' 4}}" y="9" font-size="13" font-weight="500" dy=".3em" fill="#FFFFFF" text-anchor="start">{{sub.percentageText}} ٪</text>
+                {{else}}
+                  <text x="{{math (math percentage '*' 250) '+' 6}}" y="9" font-size="13" font-weight="500" dy=".3em" fill="{{../color.[1]}}" text-anchor="end">{{sub.percentageText}} ٪</text>
+                {{/if}}
+              </g>
+            {{/each}}
+            </g>
+          </g>
+        {{/each}}
+      </g>
+      <g opacity="0.5" filter="url(#split)" transform="translate(386, 37.5)">
+        <line x1="2.5" y1="3.5" x2="2.5" y2="{{ternary (boolean groups.length '==' 3) 458.5 610.5}}" stroke="white" stroke-linecap="round"/>
+      </g>
+    </g>
+  </g>
+
+{{/layout}}