@baravak/risloo-profile-cli 4.18.1 → 4.19.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baravak/risloo-profile-cli",
-  "version": "4.18.1",
+  "version": "4.19.1",
   "description": "**Risloo Profile CLI** is a library for creating profiles, reports and sheets for *psychological* samples.",
   "main": "bin/risloo.js",
   "publishConfig": {

package/src/handlebars/helpers/round.js

@@ -0,0 +1,9 @@
+// ceil Helper
+// Get the `Math.round()` of the given value.
+
+function round(value, decimals = 0) {
+    const factor = Math.pow(10, decimals);
+  return Math.round(value * factor) / factor;
+};
+
+module.exports = round;

package/src/handlebars/helpers.js

@@ -37,6 +37,7 @@ const first = require("./helpers/first");
 const last = require("./helpers/last");
 const ceil = require("./helpers/ceil");
 const floor = require("./helpers/floor");
+const round = require("./helpers/round");
 
 const polygon = require("./helpers/profiles/polygon");
 const gauge = require("./helpers/profiles/gauge");
@@ -82,6 +83,7 @@ const helpers = {
   last,
   ceil,
   floor,
+  round,
   polygon,
   gauge,
   bar,

package/src/publish/json/profiles/MMFAD9A.json

@@ -91,13 +91,26 @@
     }
   ],
   "score": {
-    "raw": 159,
-    "problem_solving": 6,
-    "roles": 36,
-    "affective_responsiveness": 27,
-    "communication": 14,
-    "affective_involvement": 8,
-    "behaviour_control": 18,
-    "overall_performance": 50
+    "overall_performance_raw": 24,
+    "overall_performance_avg": 2,
+    "overall_performance_report": "unhealthy",
+    "problem_solving_raw": 12,
+    "problem_solving_avg": 2,
+    "problem_solving_report": "healthy",
+    "communication_raw": 19,
+    "communication_avg": 2.1,
+    "communication_report": "healthy",
+    "roles_raw": 22,
+    "roles_avg": 2,
+    "roles_report": "healthy",
+    "affective_involvement_raw": 14,
+    "affective_involvement_avg": 2,
+    "affective_involvement_report": "healthy",
+    "behaviour_control_raw": 16,
+    "behaviour_control_avg": 1.7,
+    "behaviour_control_report": "healthy",
+    "affective_responsiveness_raw": 9,
+    "affective_responsiveness_avg": 1.5,
+    "affective_responsiveness_report": "healthy"
   }
 }

package/src/samples/MMFAD9A.js

@@ -1,31 +1,129 @@
-const MMAFD93 = require("./MMFAD93");
-
-const customConfig = {
-  test: {
-    name: "پرسشنامه عملکرد خانواده ۶۰ سؤالی" /* Name of the test */,
-  },
-  raw: {
-    maxValue: 240,
-  },
-  items: {
-    maxValues: {
-      problem_solving: 24,
-      roles: 36,
-      affective_responsiveness: 28,
-      communication: 28,
-      affective_involvement: 36,
-      behaviour_control: 36,
-      overall_performance: 52,
-    } /* Maximum value of marks provided by the dataset */,
-  },
-};
-
-// This profile is completely identical to MMFAD93
-
-class MMFAD9A extends MMAFD93 {
-  constructor(dataset, options, config = customConfig) {
-    super(dataset, options, config);
+const round = require("../handlebars/helpers/round");
+const { Profile, FS } = require("../Profile");
+
+class MMAFD9A extends Profile {
+  // Number of pages
+  static pages = 1;
+
+  // Labels of the sample
+  labels = {
+    L1: { eng: "problem_solving_raw", fr: "حل مسأله", CoP: 2.2},
+    L1_2 : {eng: "problem_solving_avg"},
+    L1_3 : {eng: "problem_solving_report"},
+
+    L2: { eng: "roles_raw", fr: "نقش‌ها", CoP: 2.3},
+    L2_2 : {eng: "roles_avg"},
+    L2_3 : {eng: "roles_report"},
+
+    L3: { eng: "affective_responsiveness_raw", fr: "پاسخ‌دهی عاطفی", CoP: 2.2},
+    L3_2 : {eng: "affective_responsiveness_avg"},
+    L3_3 : {eng: "affective_responsiveness_report"},
+
+    L4: { eng: "communication_raw", fr: "ارتباط", CoP: 2.2},
+    L4_2 : {eng: "communication_avg"},
+    L4_3 : {eng: "communication_report"},
+
+    L5: { eng: "affective_involvement_raw", fr: "مشارکت عاطفی", CoP: 2.1},
+    L5_2 : {eng: "affective_involvement_avg"},
+    L5_3 : {eng: "affective_involvement_report"},
+
+    L6: { eng: "behaviour_control_raw", fr: "کنترل رفتار", CoP: 1.9},
+    L6_2 : {eng: "behaviour_control_avg"},
+    L6_3 : {eng: "behaviour_control_report"},
+
+    L7: { eng: "overall_performance_raw", fr: "کارکرد عمومی", CoP: 2},
+    L7_2 : {eng: "overall_performance_avg"},
+    L7_3 : {eng: "overall_performance_report"},
+  };
+
+  profileSpec = {
+    /* "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: 634 + 2 * this.padding.x,
+          height: 668 + 2 * this.padding.y,
+        };
+      },
+      padding: {
+        x: 135,
+        y: 23,
+      },
+    },
+    /* "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 scores = []
+    for (let i = 0; i < 21; i+= 3) {
+      const item = {mark: dataset.score[i].mark, label: {...dataset.score[i].label}}
+      const avg = dataset.score[i + 1].mark
+      item.label.avg = avg
+
+      const elements = [];
+      let greenLiene = 12;
+      for (let i = 0; i < 31; i++) {
+        let color = "";
+        let type = "";
+        const point = 1 + round(i * 0.1, 1);
+        if (point < item.label.CoP) {
+          greenLiene += 14;
+        }
+        if (point === avg) {
+          color = avg >= item.label.CoP ? "#DC2626" : "#16A34A";
+          type = "selected";
+        } else {
+          type = Math.round(point) === point ? "z" : "nz";
+          if (point === item.label.CoP) {
+            color = "#A8A29E";
+          } else if (point > item.label.CoP) {
+            color = type === "z" ? '#F43F5E33' : "#F43F5E1A";
+          } else {
+            color = type === 'z' ? '#16A34A33' : "#16A34A1A";
+          }
+        }
+        elements.push({
+          point,
+          color,
+          type,
+          isCoP: point === item.label.CoP,
+        });
+      }
+      item.label.CoPText = item.label.CoP.toString().replace(".", "٬");
+      scores.push({
+        ...item,
+        elements,
+        greenLiene,
+        redLine: 446 - greenLiene,
+        avgText: item.label.avg.toString().replace(".", "٬"),
+        avgSelected: elements.findIndex((e) => e.type === "selected")
+      })
+    }
+    return [
+      {
+        scores
+      },
+    ];
   }
 }
 
-module.exports = MMFAD9A;
+module.exports = MMAFD9A;

package/views/profiles/samples/MMFAD9A.hbs

@@ -1 +1,59 @@
-{{> MMFAD93}}
+{{#> layout}}
+    <defs>
+        <linearGradient id="red-gradient">
+            <stop offset="0%" stop-color="#FFE4E6" stop-opacity=".08"/>
+            <stop offset="100%" stop-color="#F43F5E" stop-opacity=".08"/>
+        </linearGradient>
+        <linearGradient id="green-gradient">
+            <stop offset="0%" stop-color="#22C55E" stop-opacity=".08"/>
+            <stop offset="100%" stop-color="#DCFCE7" stop-opacity=".08"/>
+        </linearGradient>
+        <linearGradient id="help-gradient">
+            <stop stop-color="#22C55E"/>
+            <stop offset="0.45" stop-color="white"/>
+            <stop offset="1" stop-color="#EF4444"/>
+        </linearGradient>
+    </defs>
+    <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+        <g transform="translate(113, 0)">
+            <text x="0" y="7" text-anchor="end" dy=".3em" fill="#16A34A" font-size="11" font-weight="500" opacity="0.5">کارکرد سالم</text>
+            <text x="446" y="7" text-anchor="start" dy=".3em" fill="#DC2626" font-size="11" font-weight="500" opacity="0.5">کارکرد ناسالم</text>
+            <rect y="12" width="446" height="2" fill="url(#help-gradient)" fill-opacity="0.1"/>
+        </g>
+        <g transform="translate(0, 38)">
+            {{#each scores}}
+                <g transform="translate(0, {{math 94 '*' @index}})">
+                    <text x="100" y="35.5" text-anchor="start" dy=".3em" fill="#4B5563" font-size="14" font-weight="500">{{label.fr}}</text>
+                    <text text-anchor="middle" x="129" dy=".3em" y="60" fill="#9CA3AF" font-size="12" font-weight="400">1</text>
+                    <text text-anchor="middle" x="549" dy=".3em" y="60" fill="#9CA3AF" font-size="12" font-weight="400">4</text>
+                    {{bar greenLiene 24 (object tr=0 tl=4 br=0 bl=4) (toRad 0) fill="url(#green-gradient)" transform="translate(116, 24)"}}
+                    <g transform="translate({{greenLiene}}, 0)">
+                        {{bar redLine 24 (object tr=4 tl=0 br=4 bl=0) (toRad 0) fill="url(#red-gradient)" transform="translate(116, 24)"}}
+                    </g>
+                    <g transform="translate(128, 20)">
+                        <text text-anchor="middle" dy=".3em" y="-13" x="{{math (math avgSelected '*' 14) '+' 2}}" fill="{{ternary (boolean label.avg '>=' label.CoP) '#DC2626' '#16A34A'}}" font-size="16" font-weight="700">{{avgText}}</text>
+                        {{#each elements}}
+                        <g transform="translate({{math @index '*' 14}}, 0)">
+                            {{#if (boolean type '==' 'selected')}}
+                                {{bar 4 28 (object tr=2 tl=2 br=0 bl=0) (toRad 0) fill=color transform="translate(-1, 0)"}}
+                            {{else if (boolean (boolean type '==' 'z') '||' (boolean isCoP '==' true))}}
+                                <rect width="2" height="16" rx="1" y="8" fill="{{color}}" />
+                            {{else}}
+                                <rect width="2" height="12" rx="1" y="10" fill="{{color}}" />
+                            {{/if}}
+                            {{#if (boolean isCoP '==' true)}}
+                                <text text-anchor="middle" dy=".3em" y="40" x="1" fill="#78716C" font-size="12" font-weight="400">{{../label.CoPText}}</text>
+                            {{/if}}
+                        </g>
+                        {{/each}}
+                    </g>
+                    <text text-anchor="start" direction="ltr">
+                        <tspan x="577" y="36.5" dy=".3em" fill="#6B7280" font-size="16" font-weight="600">{{mark}}</tspan>
+                        <tspan y="36.5" dy=".3em" fill="#6B7280" font-size="12" font-weight="300">/</tspan>
+                        <tspan y="36.5" dy=".3em" fill="#6B7280" font-size="13" font-weight="400">{{label.max}}</tspan>
+                    </text>
+                </g>
+            {{/each}}
+        </g>
+    </g>
+{{/layout}}