hayun-vite 0.13.0 → 0.14.0

package/src/Tympanogram/test.js

@@ -2,11 +2,23 @@ import Tympanogram from "./Tympanogram";
 
 document.querySelector('#app').innerHTML = `
     <div id="test"></div>
+    <p>Curve settings:</p>
+    <div>
+      <input type="range" id="cp" name="cp" min="10" max="150" value="70" step="5" />
+      <label for="cp">cp</label>
+      <input type="range" id="cpp" name="cpp" min="1" max="10" value="5" step="1" />
+      <label for="cpp">cpp</label>
+      <div>
+        <input type="checkbox" name="extra-sc" id="extra-sc">
+        <label for="extra-sc">Extra SC</label>
+      </div>
+      <div>
+        <input type="checkbox" name="compensated" id="compensated">
+        <label for="compensated">Compensated</label>
+      </div>
+    </div>
 `;
-
-const container = document.getElementById('test')
-
-const dims = {
+let dims = {
     "name": "RTympanogram",
     "w": 100,
     "h": 60,
@@ -18,17 +30,56 @@ const dims = {
     },
     "display": "inline",
     "width": 100 * 12,
-    "height": 60 * 12
+    "height": 60 * 12,
 }
-const RTympanogram = new Tympanogram({ container, dims, side: 'R' })
-RTympanogram.update({
+let data = {
     Type: "An",
-    ECV: '3',
-    SC: '1.5',
-    MEP: '-150',
+    ECV: '1.30',
+    SC: '0.80',
+    MEP: '-130',
     G: 0.2,
     expanded: false, // by default is false for expand pressure from -600 to +400
-    // extraCompliance: true // by default is false (0 - 3) and true is: (0 - 6)
 
+}
+let cp = 70, cpp = 5, extraCompliance, compensated
+
+document.querySelector("#compensated").addEventListener("input", e => {
+    compensated = e.target.checked
+    console.log(e.target.checked);
+    dims = { ...dims, compensated }
+    RTympanogram.draw({ dims })
+
+})
+
+document.querySelector("#extra-sc").addEventListener("input", e => {
+    extraCompliance = e.target.checked
+    console.log(e.target.checked);
+    dims = { ...dims, extraCompliance }
+    RTympanogram.draw({ dims })
+
+})
+
+document.querySelector("#cp")
+    .addEventListener("input", e => {
+        cp = e.target.value
+        console.log(cp);
+        data = {...data, cp}
+        
+        RTympanogram.update(data)
+    })
+
+
+document.querySelector("#cpp")
+    .addEventListener("input", e => {
+        cpp = e.target.value
+        console.log(cpp);
+        data = {...data, cpp}
+
+        RTympanogram.update(data)
+    })
+
+const container = document.getElementById('test')
+
+const RTympanogram = new Tympanogram({ container, dims, side: 'R' })
+RTympanogram.update(data)
 
-})

package/src/Tympanogram/units.js

@@ -17,7 +17,8 @@ const units = {
         extra: { min: -0.50, max: 6, step: 0.50 }
     },
     padding: { right: 5, left: 8, top: 7, bottom: 14 },
-
+    extraCompliance: false, // default is false (0-3) | true (0-6)
+    compensated: false, // default is false | true
 
     styles: {
         svg: 'user-select: none; direction: ltr !important; font-family: Vazir;',

package/src/common/putGrid.js

@@ -0,0 +1,31 @@
+import putLine from "./putLine";
+
+export default function putGrid({ container }) {
+       const {x, y, width, height} = container.viewBox.baseVal
+        console.log(x, y, width, height);
+
+        const cord = { xStart: x, yStart: y, xEnd: width + x, yEnd: height + y, xStep: 1, yStep: 1 }
+        let { xStart, yStart, xEnd, yEnd, xStep, yStep } = cord
+
+        // رسم خطوط افقی
+        let style = 'stroke: blue; stroke-width: 0.05 ; stroke-opacity: 0.8; stroke-dasharray: 0.2;'
+        let x1 = xStart
+        let y1 
+
+        let x2 = xEnd
+        let y2
+
+        for (let y1 = yStart; y1 <= yEnd; y1 += yStep) {
+            y2 = y1
+            putLine({ container, x1, y1, x2, y2, style, name: 'grid' })
+        }
+
+        // رسم خطوط عمودی
+        y1 = yStart
+        for (x1 = xStart; x1 <= xEnd; x1 += xStep) {
+            const x2 = x1
+            putLine({ container, x1, y1, x2, y2, style, name: 'grid' })
+        }
+
+
+    }

package/src/main.js

@@ -2,7 +2,7 @@
 import Audiogram from "./Audiogram/Audiogram.js"
 import Forms from "./Forms/Forms.js";
 import { officeData, patientData } from "../assets/data/sampleData.js"
-import template from "../assets/templates/template_combo.js";
+import template from "../assets/templates/templCombo.js";
 import Tympanogram from "./Tympanogram/Tympanogram.js";
 import Speech from "./Speech/Speech.js";
 import Reflex from "./Reflex/Reflex.js";