hayun-vite 0.4.1 → 0.5.1

package/data/sampleData.js

@@ -31,6 +31,7 @@ const patientData = {
     name: "سید علی اکبر الزمان",
     lastName: "پرنده  بافقی یزدی",
     gender: "مرد",
+    age: 75,
     birthday: { year: 1356, month: 5, day: 3 },
     nationalCode: "0321456546",
     createDate: "2025/5/5", //تاریخ و ساعت ایجاد بیمار

package/package.json

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

package/src/Audiogram/Audiogram.js

@@ -13,7 +13,9 @@ export default class Audiogram {
     Object.assign(this.dims, mainDims)
     // dims = { blank: false }
     // اضافه کردن ابعاد جایگزین و یا اختصاصی دیگر به آبجکت ابعاد
-    dims && Object.assign(this.dims, dims)
+    dims && Object.assign(this.dims, dims);
+    // console.log(dims);
+    
 
     this.events = events;
     this.side = side;

package/src/Form/Form.js

@@ -73,11 +73,11 @@ export default class Form {
             this.LTympanogram.draw({ dims: template.LTympanogram });
         }
         if (sections.RReflex) {
-            this.RReflex = new Reflex({ container: sections.RReflex })
+            this.RReflex = new Reflex({ container: sections.RReflex, side: 'R' })
             this.RReflex.draw({ dims: template.RReflex });
         }
         if (sections.LReflex) {
-            this.LReflex = new Reflex({ container: sections.LReflex })
+            this.LReflex = new Reflex({ container: sections.LReflex, side: 'L' })
             this.LReflex.draw({ dims: template.LReflex });
         }
         if (sections.report) {
@@ -137,7 +137,9 @@ export default class Form {
                     name: patientData.name,
                     lastName: patientData.lastName,
                     gender: patientData?.gender,
-                    age: patientData.sessions[sessionIndex]?.age,
+                    // خط زیر محاسبه درست سن هست. موقتا کامنت می‌شود تا در اپ اصلی فیلد سن رو در سشن ها قرار دهیم
+                    // age: patientData.sessions[sessionIndex]?.age,
+                    age: patientData?.age,
                     referrer: patientData.sessions[sessionIndex]?.referrer,
                     date: new Date().toLocaleDateString('fa-IR'),
 

package/src/Form/Forms.js

@@ -42,11 +42,12 @@ export default class Forms {
         });
 
         const printBtn = this.putButton({ container: div, text: 'چاپ', className });
+        
         // تعریف رویداد دکمه چاپ فرم نمایشی
         printBtn.addEventListener('click', () => { printForm({ container: this.selectedForm.form }) });
 
         // انتخاب فرم پیش‌فرض  
-        let selectedIndex = 0
+        let selectedIndex = 1
         forms[selectedIndex].form.style.display = 'block';
         this.selectedForm = this.forms[selectedIndex]
         btns[selectedIndex].style.backgroundColor = ' #1c15e1'

package/src/Form/Reflex.js

@@ -4,8 +4,9 @@ import putText from "../common/putText.js";
 const svgNS = "http://www.w3.org/2000/svg";
 
 export default class Reflex {
-    constructor({ container }) {
+    constructor({ container, side }) {
         this.container = container;
+        this.side = side; // این برای تعیین رنگ راست و چپ استفاده می‌شود
     }
 
     draw({ dims }) {
@@ -84,8 +85,11 @@ export default class Reflex {
             font-family: Arial, Helvetica, sans-serif !important;
             font-size: 0.8mm;
             text-anchor: middle; /*تراز افقی*/
-            dominant-baseline: middle; /* تراز عمودی*/       
+            dominant-baseline: middle; /* تراز عمودی*/
         `;
+        // اضافه کردن رنگ قرمز یا آبی به استایل بر اساس جهت
+        style += (this.side === 'R') ? 'fill: red;' : 'fill: blue;';
+
         let names = ["IPSI_500", "IPSI_1000", "IPSI_2000", "IPSI_4000"];
         for (let index = 0; index < 4; index++) {
             x = cw1 / 2 + cw1 * (index + 1);
@@ -122,7 +126,9 @@ export default class Reflex {
         }
     }
 
+    // جایگذاری داده های رفلکس
     update(data) {
+
         for (const key in data) {
             for (const freq in data[key]) {
                 this.chart.querySelector(`text[data-name=${key}_${freq}]`).innerHTML = data?.[key]?.[freq] || "";

package/src/main.js

@@ -1,14 +1,13 @@
 // import './style.css'
 import Audiogram from "./Audiogram/Audiogram.js"
-import dims from './Audiogram/dims.js'
 import Forms from "./Form/Forms.js";
 import { officeData, patientData } from "../data/sampleData.js"
 
 document.querySelector('#app').innerHTML = `
-    <div id="audiogram-div" style=""></div>
+    <div id="audiogram-div"></div>
     <div id="forms-div"></div>
 `
-
+/*
 const RAudiogram = new Audiogram({
   container: document.getElementById('audiogram-div'), side: 'R',
 })
@@ -39,8 +38,11 @@ LAudiogram.update({
   side: 'L',
 })
 
+*/
 const forms = new Forms({ container: document.getElementById('forms-div'), name: 'form1' });
 forms.update({ officeData, patientData, sessionIndex: 0 })
+console.log(patientData);
+
 
 
 // import javascriptLogo from './javascript.svg'

package/src/Form/Forms-Test.html

@@ -1,125 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Form New Test</title>
-    <style>
-        button {
-            background-color: #4CAF50;
-            /* Green background */
-            border: none;
-            /* Remove borders */
-            color: white;
-            /* White text */
-            padding: 15px 32px;
-            /* Some padding */
-            text-align: center;
-            /* Centered text */
-            text-decoration: none;
-            /* Remove underline */
-            display: inline-block;
-            /* Make the button inline */
-            font-size: 16px;
-            /* Increase font size */
-            margin: 4px 2px;
-            /* Add some margin */
-            cursor: pointer;
-            /* Pointer cursor on hover */
-            border-radius: 8px;
-            /* Rounded corners */
-            transition: background-color 0.3s;
-            /* Smooth transition */
-        }
-
-        button:hover {
-            background-color: #45a049;
-            /* Darker green on hover */
-        }
-
-        button:active {
-            background-color: #3e8e41;
-            /* Even darker green when clicked */
-        }
-    </style>
-    <style>
-        @page {
-
-            size: a4 portrait;
-            margin: 0cm;
-        }
-
-        @media print {
-
-            /* All your print styles go here */
-            button {
-                display: none !important;
-            }
-
-            svg {
-                margin: 0;
-            }
-
-            body {
-                margin: 0;
-            }
-        }
-    </style>
-</head>
-<!-- <button></button> -->
-
-<body>
-    <input type="checkbox" id="a">
-    <label for="a">Select for Print</label>
-    <button id="formBtn">Hide Form Margins</button>
-    <button id="sectionBtn">Hide Section Margins</button>
-    <button id="elementBtn">Hide Element Margins</button>
-    <button id="printBtn">Print Form</button>
-    <!-- <svg width="210mm" height="298mm" id="form-div" style="border: 1px solid blue"></svg> -->
-    <div id="form-div"></div>
-
-    <script type="module">
-        import Forms from "./Forms.js";
-        import { officeData, patientData } from "../../data/sampleData.js"
-        const forms = new Forms({ container: document.getElementById('form-div'), name: 'form1' });
-        // form.draw();
-        // تابع افزودن دکمه‌های تاگل نمایش و محو خطوط راهنما هر سه نوع
-        // form section element
-        // document.getElementById('formBtn').addEventListener('mouseenter', () => {
-        //     forms.toggleBorders({ container: 'form', activeForm: form.activeForm });
-        // });
-
-        // document.getElementById('sectionBtn').addEventListener('mouseenter', () => {
-        //     forms.toggleBorders({ container: 'section', activeForm: form.activeForm });
-        // });
-
-        // document.getElementById('elementBtn').addEventListener('mouseenter', () => {
-        //     forms.toggleBorders({ container: 'element', activeForm: form.activeForm });
-        // });
-
-        // document.getElementById('printBtn').addEventListener('mouseenter', () => {
-        //     // form.toggleBorders({container: 'element'});
-        //     // window.print()
-        //     // const printDateTime = form.print();
-        //     // console.log(printDateTime);
-
-        // });
-
-
-
-        // const data = {
-        //     audiogram: {
-        //         R: { R_AC: { 500: 25, 1000: 35, 2000: 45, 4000: 55, 8000: 60 } },
-        //         L: { L_AC: { 500: 70, 1000: 75, 2000: 80, 4000: 65, 8000: 60 } }
-        //     },
-        //     tympanogram: {
-        //         R: { ECV: 2.52, SC: 0.80, MEP: -100, type: 'An' },
-        //         L: { ECV: 2.52, SC: 0.80, MEP: -300, type: 'An' }
-        //     }
-        // }
-        forms.update({ officeData, patientData, sessionIndex: 0 })
-    </script>
-</body>
-
-</html>