@baravak/risloo-profile-cli 4.2.4 → 4.2.6

package/src/samples/16PF93.js

@@ -1,6 +1,6 @@
 const { Profile, FS } = require("../Profile");
 
-class _16PF extends Profile {
+class _16PF93 extends Profile {
   // Number of pages
   static pages = 1;
 
@@ -18,7 +18,7 @@ class _16PF extends Profile {
     L10: { eng: "m", fr: "M", right: "عمل‌گرا", left: "کولی‌باز" },
     L11: { eng: "n", fr: "N", right: "بی‌ظرافت", left: "ظرافت" },
     L12: { eng: "o", fr: "O", right: "اطمینان به خود", left: "مستعد احساس گناه" },
-    L13: { eng: "q1", fr: "Q1", right: "باز بودن نسبت به تغییر", left: "بنیادگرا" },
+    L13: { eng: "q1", fr: "Q1", right: "محافظه‌کار", left: "بنیادگرا" },
     L14: { eng: "q2", fr: "Q2", right: "متکی بر خود", left: "مسلط به دیگران" },
     L15: { eng: "q3", fr: "Q3", right: "اختلال‌مدار", left: "کمال‌گرا" },
     L16: { eng: "q4", fr: "Q4", right: "آرام", left: "اضطراب" },
@@ -42,7 +42,7 @@ class _16PF extends Profile {
       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: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      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 */
@@ -155,4 +155,4 @@ class _16PF extends Profile {
   }
 }
 
-module.exports = _16PF;
+module.exports = _16PF93;

package/src/samples/16PF9A.js

@@ -0,0 +1,114 @@
+const { Profile, FS } = require("../Profile");
+
+class _16PF9A extends Profile {
+  // Number of pages
+  static pages = 1;
+
+  // Labels of the sample
+  labels = {
+    L1: { eng: "a", fr: "A", right: "مردم‌گریزی", left: "مردم‌آمیزی" },
+    L2: { eng: "b", fr: "B", right: "استدلال عینی", left: "استدلال انتزاعی" },
+    L3: { eng: "c", fr: "C", right: "ناپایداری هیجانی", left: "پایداری هیجانی" },
+    L4: { eng: "e", fr: "E", right: "سلطه‌پذیری", left: "سلطه‌گری" },
+    L5: { eng: "f", fr: "F", right: "دل‌مردگی", left: "سرزندگی" },
+    L6: { eng: "g", fr: "G", right: "مصلحت‌گرا", left: "باوجدان" },
+    L7: { eng: "h", fr: "H", right: "ترسو", left: "جسور" },
+    L8: { eng: "i", fr: "I", right: "یکدنده", left: "حساس" },
+    L9: { eng: "l", fr: "L", right: "زودباور", left: "شکاک" },
+    L10: { eng: "m", fr: "M", right: "عمل‌گرا", left: "کولی‌باز" },
+    L11: { eng: "n", fr: "N", right: "بی‌ظرافت", left: "ظرافت" },
+    L12: { eng: "o", fr: "O", right: "اطمینان به خود", left: "مستعد احساس گناه" },
+    L13: { eng: "q1", fr: "Q1", right: "باز بودن نسبت به تغییر", left: "بنیادگرا" },
+    L14: { eng: "q2", fr: "Q2", right: "متکی بر خود", left: "مسلط به دیگران" },
+    L15: { eng: "q3", fr: "Q3", right: "اختلال‌مدار", left: "کمال‌گرا" },
+    L16: { eng: "q4", fr: "Q4", right: "آرام", left: "اضطراب" },
+    L17: { eng: "extraversion", fr: "برون‌گرایی" },
+    L18: { eng: "anxiety", fr: "اضطراب" },
+    L19: { eng: "flexibility", fr: "یک‌دندگی" },
+    L20: { eng: "independence", fr: "استقلال" },
+    L21: { eng: "selfcontrol", fr: "کنترل بالا" },
+    L22: { eng: "adjustment", fr: "سازگاری" },
+    L23: { eng: "leadership", fr: "قدرت رهبری" },
+    L24: { eng: "creativity", fr: "خلاقیت" },
+    L25: { eng: "status", fr: "وضعیت" },
+  };
+
+  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: 522 + 2 * this.padding.x,
+          height: 557 + 2 * this.padding.y,
+        };
+      },
+      padding: {
+        x: 190.5,
+        y: 78.5,
+      },
+    },
+    items: {
+      minValue: 1,
+      maxValue: 10,
+      offsetY: 33.8,
+      widthCoeff: 16.2,
+      fillAndOpacity: {
+        1: { fill: "#1D4ED8", opacity: 1 },
+        2: { fill: "#1D4ED8", opacity: 0.9 },
+        3: { fill: "#1D4ED8", opacity: 0.8 },
+        4: { fill: "#1D4ED8", opacity: 0.7 },
+        5: { fill: "#9CA3AF", opacity: 1 },
+        6: { fill: "#9CA3AF", opacity: 1 },
+        7: { fill: "#0E7490", opacity: 0.7 },
+        8: { fill: "#0E7490", opacity: 0.8 },
+        9: { fill: "#0E7490", opacity: 0.9 },
+        10: { fill: "#0E7490", opacity: 1 },
+      },
+      label: {
+        offsetX: 16.2,
+      },
+    },
+    /* "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 { items: itemsSpec } = spec;
+
+    const status = dataset.score.pop().mark;
+
+    const genderValue = dataset.info.fields.find((f) => f["eng"] === "gender").value;
+
+    const items = dataset.score.slice(0, 16).map((data) => ({
+      label: data.label,
+      mark: data.mark,
+      offset: (data.mark - 1) * itemsSpec.widthCoeff,
+      ...itemsSpec.fillAndOpacity[data.mark],
+    }));
+
+    return [{ items, status }];
+  }
+}
+
+module.exports = _16PF9A;

package/src/samples/JPFQ93.js

@@ -67,7 +67,10 @@ class JPFQ93 extends Profile {
     //   },
     // }));
     // markSum = 378
-    return [{ markSum: markSum  }];
+    this.dataset.score.forEach((f, i) => {
+      this.dataset.score[i].label.percentage = Math.round(((this.dataset.score[i].mark * 100) / this.dataset.score[i].label.width))
+    })
+    return [{ markSum  }];
   }
 }
 

package/views/profiles/samples/16PF9A.hbs

@@ -0,0 +1,57 @@
+{{#> layout}}
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(121.5, 23.5)">
+        <g transform="translate(64.6, -23)">
+            {{#if (boolean status '!==' "invalid")}}
+                <rect x="0" y="0" width="46.8" height="16.2" rx="3.6" fill="#FEE2E2" />
+                <text x="23.4" y="8.1" fill="#B91C1C" font-size="12.6" font-weight="400" text-anchor="middle" dy="3">نامعتبر</text>
+            {{/if}}
+        </g>
+        <text x="8" y="-20" dy="1em" font-size="12" font-weight="400" fill="#155E75" text-anchor="middle">10</text>
+        <text x="168" y="-20" dy="1em" font-size="12" font-weight="400" fill="#155E75" text-anchor="middle">0</text>
+
+        <rect x="0" y="0" width="16" height="514" fill="#1D4ED8" fill-opacity="0.1" rx="3.6" />
+        <rect x="16" y="0" width="16" height="514" fill="#1D4ED8" fill-opacity="0.07" rx="3.6" />
+        <rect x="32" y="0" width="16" height="514" fill="#1D4ED8" fill-opacity="0.05" rx="3.6" />
+
+        <rect x="48" y="0" width="16" height="514" fill="#E5E7EB" fill-opacity="0.2" rx="3.6" />
+        <rect x="64" y="0" width="16" height="514" fill="#E5E7EB" fill-opacity="0.1" rx="3.6" />
+
+        <rect x="96" y="0" width="16" height="514" fill="#E5E7EB" fill-opacity="0.1" rx="3.6" />
+        <rect x="112" y="0" width="16" height="514" fill="#E5E7EB" fill-opacity="0.2" rx="3.6" />
+
+        <rect x="128" y="0" width="16" height="514" fill="#0E7490" fill-opacity="0.05" rx="3.6" />
+        <rect x="144" y="0" width="16" height="514" fill="#0E7490" fill-opacity="0.07" rx="3.6" />
+        <rect x="160" y="0" width="16" height="514" fill="#0E7490" fill-opacity="0.1" rx="3.6" />
+      {{!-- {{#each items as | item index |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          <g transform="translate(0, {{math index '*' itemsSpec.offsetY}})">
+            <g transform="translate(0, 7.2)">
+              <line x1="18" y1="0" x2="-147.6" y2="0" stroke="#E4E4E7" />
+              <g font-size="14.4" font-weight="400">
+                <text x="220" y="0" fill="#71717A" font-weight="500" text-anchor="middle" dy="3">{{item.label.fr}}</text>
+                <text x="32.4" y="0" fill="#1E40AF" text-anchor="end" dy="3">{{item.label.right}}</text>
+                <text x="-162.5" y="0" fill="#155E75" text-anchor="start" dy="3">{{item.label.left}}</text>
+              </g>
+            </g>
+            <g transform="translate(-{{item.offset}}, 0)">
+              <rect x="0" y="0" width="16.2" height="16.2" fill="{{item.fill}}" fill-opacity="{{item.opacity}}" rx="3.6" />
+              <text x="8.1" y="8.1" fill="#FFFFFF" font-size="12.6" font-weight="400" text-anchor="middle" dy="3.5">{{item.mark}}</text>
+            </g>
+          </g>
+        {{/with}}
+      {{/each}} --}}
+    </g>
+    <g transform="translate(0, 21.5)">
+        {{#each items as | item index |}}
+        <g transform="translate(0, {{math 33.3 '*' index}})">
+            <line x1="119.5" y1="10" x2="121.5" y2="10" stroke="#D1D5DB" stroke-width="2" />
+            <line x1="121.5" y1="10" x2="297.5" y2="10" stroke="#E5E7EB" stroke-width="2" />
+            <line x1="297.5" y1="10" x2="299.5" y2="10" stroke="#D1D5DB" stroke-width="2" />
+        </g>
+        {{/each}}
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/JPFQ93_partial.hbs

@@ -2,14 +2,18 @@
     <g transform="translate(0, {{math 5  '+' ( math 51 '*' @key )}})">
         <text y="0" x="169" text-anchor="start" font-size="24px" font-weight="400" dy="24px" fill="#3F3F46">{{label.fr}}</text>
         <g transform="translate(186, 0)">
-            {{bar (math label.width '*' 4.5) 30 (object tl=0 tr=15 bl=0 br=15) (toRad 0) fill=label.background opacity='.8'}}
-            {{bar (math mark '*' 4.5) 30 (object tl=0 tr=15 bl=0 br=15) (toRad 0) fill=label.fill opacity='.8'}}
-            <text y="17" x="{{math (math label.width '*' 4.5) '+' 7.5 }}" dy="6px" text-anchor="start" direction="ltr">
-                <tspan fill="{{label.fill}}" font-size="36px" font-weight="500">
+            {{bar (math label.width '*' 3.5) 30 (object tl=0 tr=15 bl=0 br=15) (toRad 0) fill=label.background opacity='.8'}}
+            {{bar (math mark '*' 3.5) 30 (object tl=0 tr=15 bl=0 br=15) (toRad 0) fill=label.fill opacity='.8'}}
+            <text y="17" x="{{math (math label.width '*' 3.5) '+' 8 }}" dy="6px" text-anchor="start" direction="ltr">
+                <tspan fill="{{label.fill}}" font-size="27px" font-weight="500">
                     {{mark}}
                 </tspan>
-                <tspan font-size="24px" fill="#71717A" font-weight="400">/ {{label.width}}</tspan>
-            </text> 
+                <tspan font-size="20px" fill="#71717A" font-weight="400">/ {{label.width}}</tspan>
+            </text>
+            <g transform="translate({{math 95 '+' (math label.width '*' 3.5)}}, 4)">
+                <rect x="0" y="0" rx="4" fill="#F8FAFC" width="50" height="25" />
+                <text x="25" y="12.5" dy="0.25em" text-anchor="middle" font-weight="400" font-size="20px" fill="{{label.fill}}">%{{label.percentage}}</text>
+            </g>
         </g>
     </g>
 {{/each}}