hayun-vite 0.6.2 → 0.7.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hayun-vite",
   "private": false,
-  "version": "0.6.2",
+  "version": "0.7.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/Form/Form.js

@@ -20,16 +20,19 @@ export default class Form {
         this.form.style.display = 'none';
         // رسم مارجین های فرم
         this.drawMarginLines({ container: this.form, width, height });
-
+        
         const sections = new Sections({ container: this.form, dims: template });
         this.sections = sections;
-
+        
+        
         if (sections.header) {
             this.header = new Header({ container: sections.header })
             this.header.draw({ dims: template.header });
         }
 
         if (sections.patient) {
+        // (template.label === 'تمپانومتری رسا') && console.log(template.patient);
+
             this.patient = new TextBox({ container: sections.patient });
             this.patient.draw({ dims: template.patient });
         }

package/src/Form/Reflex.js

@@ -36,7 +36,7 @@ export default class Reflex {
             direction: ltr !important;
             /* text-align: center; */
             font-family: Arial, Helvetica, sans-serif !important;
-            font-size: 0.8mm;
+            font-size: 0.9mm;
             font-weight: bold;
             text-anchor: middle; /*تراز افقی*/
             dominant-baseline: middle; /* تراز عمودی*/       
@@ -56,7 +56,7 @@ export default class Reflex {
             direction: ltr !important;
             /* text-align: center; */
             font-family: Arial, Helvetica, sans-serif !important;
-            font-size: 0.8mm;
+            font-size: 0.9mm;
             font-weight: bold;
             text-anchor: end; /*تراز افقی*/
             dominant-baseline: middle; /* تراز عمودی*/       
@@ -84,7 +84,7 @@ export default class Reflex {
             direction: ltr !important;
             /* text-align: center; */
             font-family: Arial, Helvetica, sans-serif !important;
-            font-size: 0.8mm;
+            font-size: 1mm;
             text-anchor: middle; /*تراز افقی*/
             dominant-baseline: middle; /* تراز عمودی*/
         `;

package/src/Form/TextBox.js

@@ -18,13 +18,22 @@ export default class TextBox {
         let y = dims.margin.top;
 
         let style, className;
+        style = `
+        /* font-family: Arial, Helvetica, sans-serif !important; */
+        font-size: 1mm;
+        /* font-weight: bold; */
+        direction: rtl !important;
+        user-select: none;
+        /* dominant-baseline: middle; /* تراز عمودی*/
+        `;
         // بوردر کل چارت
         const svg = document.createElementNS(svgNS, "svg");
         svg.setAttribute("x", x);
         svg.setAttribute("y", y);
         svg.setAttribute("width", width);
         svg.setAttribute("height", height);
-        svg.setAttribute('class', 'text-box')
+        svg.setAttribute('style', style)
+        // svg.setAttribute('class', 'text-box')
 
         // اگر مقدار استروک درست بود لیبل ها را چاپ کن
         if (!dims.hideContext) {

package/src/Form/Tympanogram.js

@@ -104,27 +104,27 @@ export default class Tympanogram {
             direction: ltr !important;
             /* text-align: center; */
             font-family: Arial, Helvetica, sans-serif !important;
-            font-size: 0.8mm;
+            font-size: 1mm;
             text-anchor: start; /*تراز افقی*/
             dominant-baseline: middle; /* تراز عمودی*/       
         `;
         let color = (this.side === 'R') ? 'red' : 'blue';
 
         putText({
-            container: svg, value: "ECV :", style: style,
+            container: svg, value: "ECV:", style: style,
             x: getX(pressure.min), y: getY(compliance.min), dy: 10
         });
         putText({
             container: svg, value: "", style: style + 'fill: ' + color, name: 'ECV',
-            x: getX(pressure.min), y: getY(compliance.min), dy: 10, dx: 9
+            x: getX(pressure.min), y: getY(compliance.min), dy: 10, dx: 11
         });
         putText({
-            container: svg, value: "MEP :", style: style,
+            container: svg, value: "MEP:", style: style,
             x: getX(-300), y: getY(compliance.min), dy: 10
         });
         putText({
             container: svg, value: "", style: style + 'fill: ' + color, name: 'MEP',
-            x: getX(-300), y: getY(compliance.min), dy: 10, dx: 9
+            x: getX(-300), y: getY(compliance.min), dy: 10, dx: 11
         });
         putText({
             container: svg, value: "SC:", style: style,
@@ -132,11 +132,11 @@ export default class Tympanogram {
         });
         putText({
             container: svg, value: "", style: style + 'fill: ' + color, name: 'SC',
-            x: getX(0), y: getY(compliance.min), dy: 10, dx: 6
+            x: getX(0), y: getY(compliance.min), dy: 10, dx: 8
         });
         putText({
             container: svg, value: "G:", style: style,
-            x: getX(300), y: getY(compliance.min), dy: 10
+            x: getX(280), y: getY(compliance.min), dy: 10
         });
         putText({
             container: svg, value: "", style: style + 'fill: ' + color, name: 'G',
@@ -247,7 +247,6 @@ export default class Tympanogram {
     }
 
     update(data) {
-        console.log(data);
 
         // جایگذاری مقادیر تمپانومتری در تکست‌باکس ها
         this.chart.querySelector(`text[data-name="Type"]`).innerHTML = data?.Type || "";

package/src/Form/templates/rasa_tymp_reflex.js

@@ -1,8 +1,7 @@
-import audDims from "../../Audiogram/dims.js"
 import image from './rasa_tymp_reflex.jpg'
 
 const rasaTymp = {
-    name: 'combo',
+    name: 'rasa_tymp_reflex',
     label: 'تمپانومتری رسا',
     backgroundImage: image, // Just Path of image
     margin: { left: 0, top: 0, right: 0, bottom: 0 },
@@ -104,15 +103,17 @@ const rasaTymp = {
         this.patient.elements = [
             { type: 'line', x1: 0, y1: 20, x2: width, y2: 20 },
             { type: 'text', x: width, y: 5, value: 'نام:' },
-            { type: 'text', x: width - 30, y: 5, value: 'نام خانوادگی:' },
-            { type: 'text', x: width - 90, y: 5, value: 'سن:' },
-            { type: 'text', x: width - 130, y: 5, value: 'ارجاع از:' }
+            { type: 'text', x: width - 37, y: 5, value: 'نام خانوادگی:' },
+            { type: 'text', x: width - 84, y: 5, value: 'سن:' },
+            { type: 'text', x: width - 120, y: 5, value: 'ارجاع از:' },
+            { type: 'text', x: width - 170, y: 5, value: 'تاریخ:' }
         ]
         this.patient.inputs = [
-            { name: 'name', x: width - 5, y: 5 },
-            { name: 'lastName', x: width - 47, y: 5 },
-            { name: 'age', x: width - 97, y: 5 },
-            { name: 'referrer', x: width - 142, y: 5 }
+            { name: 'name', x: width - 6, y: 5 },
+            { name: 'lastName', x: width - 57, y: 5 },
+            { name: 'age', x: width - 91, y: 5 },
+            { name: 'referrer', x: width - 132, y: 5 },
+            { name: 'date', x: width - 180, y: 5 }
         ]
         this.patient.forceInputs = [
             { name: 'name', x: width - 10, y: 4 },