hayun-vite 0.11.1 → 0.11.2

package/assets/templates/mainTemplate.js

@@ -16,6 +16,7 @@ const mainTemplate = {
     },
 
     defSections: function () {
+        
         this['Header'] = {
             name: 'header', container: '',
             width: this.width, height: 20,

package/index.js

@@ -1,7 +1,7 @@
 import Audiogram from './src/Audiogram/Audiogram'
 import dims from './src/Audiogram/dims'
 import { officeData, patientData } from './assets/data/sampleData'
-import Forms from './src/Form/Forms'
+import Forms from './src/Forms/Forms'
 import combo_template from './assets/templates/template_combo'
 // import rasa_aud_template from './assets/templates/rasa_audiometry'
 // import rasa_tymp_reflex_template from './assets/templates/rasa_tymp_reflex'

package/package.json

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

package/src/Audiogram/Audiogram_box.js

@@ -1,43 +1,42 @@
+import putG from "../common/putG.js";
 import putLine from "../common/putLine.js";
 import putPoint from "../common/putPoint.js";
 import putRect from "../common/putRect.js";
 import putSVG from "../common/putSVG.js";
 import putText from "../common/putText.js";
 import getAllSymbolsSVG from "../Symbol/getAllSymbolsSVG.js";
-import mainDims from './dims_N.js';
+import mainDims from './dims.js';
 
 export default class Audiogram {
-  constructor({ box, side, events = true }) {
+  constructor({ box, container, side, dims, events = true }) {
+    console.log(box);
+    
+    this.container = container;
+    this.dims = {}
+    Object.assign(this.dims, mainDims)
+    // dims = { blank: false }
+    // اضافه کردن ابعاد جایگزین و یا اختصاصی دیگر به آبجکت ابعاد
+    dims && Object.assign(this.dims, dims);
+    // console.log(dims);
 
-    // this.container = container;
 
     this.events = events;
     this.side = side;
     this.data = {};
     const symbols = getAllSymbolsSVG();
     this.symbols = symbols;
-    this.draw({ box });
+    this.draw();
     events && this.addEvents();
   }
 
-  draw({ box }) {
-
-    const { container, width, height, margin, elements, name } = box
-
-    // this.dims = {}
-    // Object.assign(this.dims, mainDims)
-
-    // اضافه کردن ابعاد جایگزین و یا اختصاصی دیگر به آبجکت ابعاد
-    // dims && Object.assign(this.dims, dims);
-
-
-    // const [container, dims] = [this.container, this.dims]
+  draw() {
+    const [container, dims] = [this.container, this.dims]
     let
       {
-        vbWidth, vbHeight, chartPadding, symbolDims, vf, vfArray,
+        vbWidth, vbHeight, width, height, chartPadding, symbolDims, vf, vfArray,
         vfToF, fToVf, intensity, styles, frequencies
       }
-        = mainDims;
+        = dims;
     // متناسب سازی مقدار ارتفاع ویوباکس بر حسب نسبت طول و عرض پیکسلی
     const
       kpx = height / width,
@@ -45,8 +44,8 @@ export default class Audiogram {
 
     vbHeight = vbHeight * kpx * kvb;
 
-    let x = margin.left
-    let y = margin.top
+    let x = dims.margin.left
+    let y = dims.margin.top
 
     this.symbolDims = symbolDims;
     this.vf = vf;
@@ -75,64 +74,88 @@ export default class Audiogram {
     this.yAxisLength = yAxisLength
 
     // Main SVG for Audiogram
+    style = styles.svg;
     const viewBox = [-chartPadding.left, -chartPadding.top, vbWidth, vbHeight]
-    const svg = putSVG({ container, x, y, width, height, viewBox })
+    const svg = putSVG({ container, x, y, width, height, viewBox, style })
     this.svg = svg; // کل نودی که به کانتینر اپند میشه
 
     // برای فرم‌های پیش چاپ نشده
-    // if (!dims.blank) {
-    // محدوده مختصات خطوط جدول
-    const chartArea = putRect({
-      container: svg,
-      x: this.getX(vf.min), y: this.getY(intensity.min),
-      width: xAxisLength.vb, height: yAxisLength.vb,
-      style: 'stroke-width: 0.4; stroke: gray; fill: transparent'
-    })
-    // رسم خطوط افقی از بالا به پایین
-    let x1 = this.getX(vf.min);
-    let x2 = this.getX(vf.max);
-    for (let i = intensity.min; i <= intensity.max; i += intensity.step) {
-      const y1 = this.getY(i)
-      const y2 = y1;
-      style = (i === 0) ? styles.boldLine : styles.line;
-      putLine({ container: svg, x1, y1, x2, y2, style })
-    }
+    if (!dims.blank) {
+      // محدوده مختصات خطوط جدول
+      putRect({
+        container: svg,
+        x: this.getX(vf.min), y: this.getY(intensity.min),
+        width: xAxisLength.vb, height: yAxisLength.vb,
+        style: 'stroke-width: 0.4; stroke: gray; fill: transparent'
+      })
+
+      // رسم خطوط افقی از بالا به پایین
+      let g = putG({ container: svg });
+
+      let x1 = this.getX(vf.min);
+      let x2 = this.getX(vf.max);
+
+      for (let i = intensity.min; i <= intensity.max; i += intensity.step) {
+        const y1 = this.getY(i)
+        const y2 = y1;
+        style = (i === 0) ? styles.boldLine : styles.line;
+        putLine({ container: g, x1, y1, x2, y2, style })
+      }
 
-    // رسم خطوط عمودی از چپ به راست
-    let y1 = this.getY(intensity.min)
-    let y2 = this.getY(intensity.max)
-    frequencies.forEach(item => {
-      const x1 = this.getX(item.vf)
-      const x2 = x1
-      style = (item.semiOctav) ? styles.semiOctavFreqline : styles.mainFreqline;
-      (item.f === 1000) && (style = styles.boldLine);
-      putLine({ container: svg, x1, y1, x2, y2, style })
-    })
-    // برچسب های اعداد فرکانس
-    style = styles.frequency
-    const y = this.getY(-25)
-    frequencies.forEach(item => {
-      const value = item.f
-      const x = this.getX(item.vf)
-      !item.semiOctav && item.f != 125 && item.f != 16000 &&
-        putText({ container: svg, value, x, y, style });
-    })
+      svg.appendChild(g);
+
+      // رسم خطوط عمودی از چپ به راست
+      g = putG({ container: svg });
+
+      let y1 = this.getY(intensity.min)
+      let y2 = this.getY(intensity.max)
+
+      frequencies.
+        forEach(item => {
+          const x1 = this.getX(item.vf)
+          const x2 = x1
+          style = (item.semiOctav) ? styles.semiOctavFreqline : styles.mainFreqline;
+          (item.f === 1000) && (style = styles.boldLine);
+          putLine({ container: g, x1, y1, x2, y2, style })
+        });
+
+      svg.appendChild(g);
+
+      // برچسب های اعداد فرکانس
+      style = styles.frequency
+      g = putG({ container: svg, style });
+      const y = this.getY(-25)
+
+      frequencies.
+        forEach(item => {
+          const value = item.f
+          const x = this.getX(item.vf)
+          !item.semiOctav && item.f != 125 && item.f != 16000 &&
+            putText({ container: g, value, x, y, });
+        });
+
+      svg.appendChild(g);
+
+      // رسم اعداد شدت محور عمودی
+      style = styles.intensity
+      g = putG({ container: svg, style });
+      const x = this.getX(-0.1)
+
+      for (let i = -10; i <= 120; i += 10) {
+        const y = this.getY(i)
+        const value = i
+        putText({ container: g, x, y, value })
+      }
+
+      svg.appendChild(g);
 
-    // رسم اعداد شدت محور عمودی
-    style = styles.intensity
-    const x = this.getX(-0.1)
-    for (let i = -10; i <= 120; i += 10) {
-      const y = this.getY(i)
-      const value = i
-      putText({ container: svg, x, y, value, style })
     }
-    // }
     // یک بوردر راهنمای توسعه برای اس‌ وی جی به تمام پهنا و ارتفاع رسم می‌کنیم
     // این مربع مرزی را آخرین ایجاد میکنیم تا بالاترین لایه باشد و روی ریودادها درست عمل کند
     const borderRect = putRect({
       container: svg, x: -chartPadding.left, y: -chartPadding.top,
       width: vbWidth, height: vbHeight, name: '',
-      style: 'fill: transparent; stroke: transparent;',
+      style: 'fill: transparent; stroke: green;',
     });
     this.borderRect = borderRect;
 

package/src/Form/{Form_N.js → Form_box.js}

@@ -1,14 +1,10 @@
-import Box from "./Box.js";
-import Header from "../Header/Header_N.js";
-import Reflex from "../Reflex/Reflex.js";
-import Sections from "./Sections_N.js";
-import Speech from "../Speech/Speech_N.js";
-import Tympanogram from "../Tympanogram/Tympanogram.js";
+import Header from "../Header/Header_box.js";
+import Speech from "../Speech/Speech_box.js";
 import putRect from "../common/putRect.js";
-import Audiogram from "../Audiogram/Audiogram_N.js";
+import Audiogram from "../Audiogram/Audiogram_box.js";
 import mainTemplate from "../../assets/templates/mainTemplate.js";
 import putSVG from "../common/putSVG.js";
-import MultiText from "../MultiText/MultiText.js";
+import MultiText from "../MultiText/MultiText_box.js";
 const svgNS = "http://www.w3.org/2000/svg";
 
 export default class Form {
@@ -40,7 +36,7 @@ export default class Form {
                 case 'history':
                     break;
                 case 'RAudiogram':
-                    const RAudiogram = new Audiogram({ box, side: 'R', events: false })
+                    const RAudiogram = new Audiogram({ box, container: box.container, side: 'R', events: false })
                     break;
                 case 'LAudiogram':
                     // const LAudiogram = new Audiogram({ container: box.container, side: 'L', dims: box, events: false })

package/src/{Form → Forms}/Forms.js

@@ -1,7 +1,7 @@
 const svgNS = "http://www.w3.org/2000/svg";
 
 import printForm from "./printForm.js";
-import Form from "./Form.js";
+import Form from "../Form/Form.js";
 // import combo from "./templates/combo.js"; // این در حقیقیت یک تمپلت هست
 // import rasaAud from "./templates/rasa_audiometry.js";
 // import rasaTymp from './templates/rasa_tymp_reflex.js'
@@ -22,9 +22,9 @@ export default class Forms {
     // افزودن فرم 
     addForms({ templates, defaultTemplateIndex }) {
         const container = this.container
+        
         // ایجاد یک دیو برای قرار دادن دکمه ها و لینک های فرم
         const div = document.createElement('div');
-
         div.style = 'border: 1px solid brown; margin: 0; padding: 0;'
         container.appendChild(div);
 
@@ -37,7 +37,8 @@ export default class Forms {
         this.pages = forms
 
         templates.forEach((template, index) => {
-            (this.mode == 'develop') && (btns[index] = this.putButton({ container: div, text: template.label, className }));
+            (this.mode == 'develop') &&
+                (btns[index] = this.putButton({ container: div, text: template.label, className }));
             this.forms.push(new Form({ container, template }));
         });
 
@@ -76,6 +77,8 @@ export default class Forms {
         }
     }
 
+
+
     // این تابع یک بار از بیرون کلاس فراخوانی میشه و یک بار وقتی از داخل تمپلت فرم را عوض میکنیم
     update({ data, officeData, patientData, sessionIndex = 0 }) {
         // ذخیره کل دیتا برای استفاده داخلی آپدیت فرم انتخاب شده

package/src/Speech/{Speech_N.js → Speech_box.js}

@@ -7,13 +7,10 @@ const svgNS = "http://www.w3.org/2000/svg";
 
 export default class Speech {
     constructor({ box, side = 'R' }) {
-        console.log(box);
-
         // const { container, width, height, elements } = box
         // this.container = container;
         this.side = side;
         this.draw({ box })
-
     }
 
     draw({ box }) {
@@ -52,7 +49,6 @@ export default class Speech {
             }
         }
 
-
         // ایجاد ماتریکس سلول های چارت که آدرس و مختصات مرکز هر سلول را نگهداری میکند
         const matrix = [
             [],
@@ -69,7 +65,6 @@ export default class Speech {
         }
 
         style = styles.label;
-
         // برچسب های سطر اول
         // برای فرم های پیش چاپ شده انجام نمیشود
         // !dims.hideContext &&

package/src/main.js

@@ -1,6 +1,6 @@
 // import './style.css'
 import Audiogram from "./Audiogram/Audiogram.js"
-import Forms from "./Form/Forms.js";
+import Forms from "./Forms/Forms.js";
 import { officeData, patientData } from "../assets/data/sampleData.js"
 import template from "../assets/templates/template_combo.js";
 import Tympanogram from "./Tympanogram/Tympanogram.js";
@@ -163,7 +163,7 @@ dims = {
   ]
 }
 
-const patient = new MultiText({ container, dims })
+// const patient = new MultiText({ container, dims })
 
 dims = {
   "blank": false,
@@ -195,7 +195,7 @@ dims = {
 //   side: 'R',
 // })
 
-const forms = new Forms({ container: document.getElementById('forms-div'), templates: [template], mode: 'develop' });
+const forms = new Forms({ container: document.getElementById('forms-div'), templates: [template], mode: 'production' });
 forms.update({ officeData, patientData, sessionIndex: 0 })