hayun-vite 0.0.3 → 0.1.1

package/src/common/putLine.js

@@ -1,17 +1,17 @@
-// تابع رسم خط
-const svgNS = "http://www.w3.org/2000/svg";
-
-export default function putLine({ container, x1, y1, x2, y2, style = 'stroke: black; stroke-width: 0.5;', name }) {
-    
-    let line = document.createElementNS(svgNS, "line");
-    line.setAttribute("x1", x1);
-    line.setAttribute("y1", y1);
-    line.setAttribute("x2", x2);
-    line.setAttribute("y2", y2);
-    line.setAttribute("style", style)
-    line.setAttribute("data-name", name)
-    // line.setAttribute("stroke", "black");
-    // line.setAttribute("stroke-width", 0.5);
-    container.appendChild(line);
-
+// تابع رسم خط
+const svgNS = "http://www.w3.org/2000/svg";
+
+export default function putLine({ container, x1, y1, x2, y2, style = 'stroke: black; stroke-width: 0.5;', name }) {
+    
+    let line = document.createElementNS(svgNS, "line");
+    line.setAttribute("x1", x1);
+    line.setAttribute("y1", y1);
+    line.setAttribute("x2", x2);
+    line.setAttribute("y2", y2);
+    line.setAttribute("style", style)
+    line.setAttribute("data-name", name)
+    // line.setAttribute("stroke", "black");
+    // line.setAttribute("stroke-width", 0.5);
+    container.appendChild(line);
+
 }

package/src/common/putPoint.js

@@ -1,13 +1,13 @@
-const svgNS = "http://www.w3.org/2000/svg";
-
-export default function putPoint({ container, x, y, r = 0.1, style = 'color: red; ', color = 'black', fill = 'black' }) {
-    let circle = document.createElementNS(svgNS, "circle");
-    circle.setAttribute("cx", x);
-    circle.setAttribute("cy", y);
-    circle.setAttribute("r", r);
-    circle.setAttribute("stroke", color);
-    circle.setAttribute("fill", fill);
-    circle.setAttribute("stroke-width", 0)
-    container.appendChild(circle);
-    return circle;
+const svgNS = "http://www.w3.org/2000/svg";
+
+export default function putPoint({ container, x, y, r = 0.1, style = 'color: red; ', color = 'black', fill = 'black' }) {
+    let circle = document.createElementNS(svgNS, "circle");
+    circle.setAttribute("cx", x);
+    circle.setAttribute("cy", y);
+    circle.setAttribute("r", r);
+    circle.setAttribute("stroke", color);
+    circle.setAttribute("fill", fill);
+    circle.setAttribute("stroke-width", 0)
+    container.appendChild(circle);
+    return circle;
 }

package/src/common/putRect.js

@@ -1,14 +1,14 @@
-const svgNS = "http://www.w3.org/2000/svg";
-
-export default function putRect({ container, x, y, width, height, style = 'fill: transparent; stroke: green; stroke-width: 0.5;', name }) {
-    let rect = document.createElementNS(svgNS, "rect");
-    rect.setAttribute("x", x);
-    rect.setAttribute("y", y);
-    rect.setAttribute("width", width);
-    rect.setAttribute("height", height);
-    rect.setAttribute("style", style);
-    rect.setAttribute("data-name", name);
-    container.appendChild(rect);
-    return rect;
-
+const svgNS = "http://www.w3.org/2000/svg";
+
+export default function putRect({ container, x, y, width, height, style = 'fill: transparent; stroke: green; stroke-width: 0.5;', name }) {
+    let rect = document.createElementNS(svgNS, "rect");
+    rect.setAttribute("x", x);
+    rect.setAttribute("y", y);
+    rect.setAttribute("width", width);
+    rect.setAttribute("height", height);
+    rect.setAttribute("style", style);
+    rect.setAttribute("data-name", name);
+    container.appendChild(rect);
+    return rect;
+
 }

package/src/common/putText.js

@@ -1,16 +1,17 @@
-const svgNS = "http://www.w3.org/2000/svg";
-
-// متن اس‌وی‌جی
-export default function putText({ container, value = '', x, y, id, dx = 0, dy = 0, style, name }) {
-    let text = document.createElementNS(svgNS, "text");
-    text.setAttribute("data-name", name)
-    text.setAttribute("style", style);
-    // text.setAttribute("dominant-baseline", "middle"); // تراز عمودی
-    // text.setAttribute("fill", color);
-    text.setAttribute("x", x + dx);
-    text.setAttribute("y", y + dy);
-    // آی دی برای تکست ها میذاریم و خط پایین میره داخل تابع آپدیت دیتای اسپیچ
-    text.innerHTML = value;
-    container.appendChild(text);
-    return text;
-}
+const svgNS = "http://www.w3.org/2000/svg";
+
+// متن اس‌وی‌جی
+export default function putText({ container, value = '', x, y, id, dx = 0, dy = 0, style, name, className }) {
+    let text = document.createElementNS(svgNS, "text");
+    name && text.setAttribute("data-name", name)
+    className && text.setAttribute("class", className);
+    style && text.setAttribute("style", style);
+    // text.setAttribute("dominant-baseline", "middle"); // تراز عمودی
+    // text.setAttribute("fill", color);
+    text.setAttribute("x", x + dx);
+    text.setAttribute("y", y + dy);
+    // آی دی برای تکست ها میذاریم و خط پایین میره داخل تابع آپدیت دیتای اسپیچ
+    text.innerHTML = value;
+    container.appendChild(text);
+    return text;
+}

package/src/common/putTopLayer.js

@@ -1,18 +1,18 @@
-const svgNS = "http://www.w3.org/2000/svg";
-
-// این لایه بالایی برای شناسایی توسط کلیک لیسنر استفاده میشود
-export default function drawTopLayer({ container, dims }) {
-    dims.forEach((dim) => {
-        // بوردر راهنما
-        const rect = document.createElementNS(svgNS, "rect");
-        rect.setAttribute("x", dim.x);
-        rect.setAttribute("y", dim.y);
-        rect.setAttribute("width", dim.width);
-        rect.setAttribute("height", dim.height);
-        rect.setAttribute("fill", "transparent");
-        rect.setAttribute("stroke", "transparent");
-        // rect.setAttribute("stroke-width", "1mm");
-        rect.setAttribute("data-name", dim.name);
-        container.appendChild(rect);
-    });
+const svgNS = "http://www.w3.org/2000/svg";
+
+// این لایه بالایی برای شناسایی توسط کلیک لیسنر استفاده میشود
+export default function drawTopLayer({ container, dims }) {
+    dims.forEach((dim) => {
+        // بوردر راهنما
+        const rect = document.createElementNS(svgNS, "rect");
+        rect.setAttribute("x", dim.x);
+        rect.setAttribute("y", dim.y);
+        rect.setAttribute("width", dim.width);
+        rect.setAttribute("height", dim.height);
+        rect.setAttribute("fill", "transparent");
+        rect.setAttribute("stroke", "transparent");
+        // rect.setAttribute("stroke-width", "1mm");
+        rect.setAttribute("data-name", dim.name);
+        container.appendChild(rect);
+    });
 }

package/src/main.js

@@ -1,87 +1,88 @@
-// import './style.css'
-
-import AudiogramChart from "./Audiogram/Audiogram.js"
-import dims from './Audiogram/dims.js'
-import Forms from "./Form/Forms.js";
-import { officeData, patientData } from "../data/sampleData.js"
-
-
-// import javascriptLogo from './javascript.svg'
-// import viteLogo from '/vite.svg'
-// import { setupCounter } from './counter.js'
-
-// document.querySelector('#app').innerHTML = `
-//   <div>
-//     <a href="https://vite.dev" target="_blank">
-//       <img src="${viteLogo}" class="logo" alt="Vite logo" />
-//     </a>
-//     <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
-//       <img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
-//     </a>
-//     <h1>Hello Vite!</h1>
-//     <div class="card">
-//       <button id="counter" type="button"></button>
-//     </div>
-//     <p class="read-the-docs">
-//       Click on the Vite logo to learn more
-//     </p>
-//   </div>
-// `
-
-// setupCounter(document.querySelector('#counter'))
-
-
-document.querySelector('#app').innerHTML = `
-    <button>Ok</button>
-    <button>Tok</button>
-    <p>Mahdi</p>
-    <h1>مهدی جاویدی پرنده پرکلاغی</h1>
-    <div id="forms-div"></div>
-    <div id="audiogram-div"></div>
- `
-
-const forms = new Forms({ container: document.getElementById('forms-div'), name: 'form1' });
-forms.update({ officeData, patientData, sessionIndex: 0 })
-
-
-const RAudiogram = new AudiogramChart({
-  container: document.getElementById('audiogram-div'),
-  dims: dims.display,
-  side: 'R', x: 0, y: 0,
-  width: 700, height: 800, events: true
-})
-
-const LAudiogram = new AudiogramChart({
-  container: document.getElementById('audiogram-div'),
-  dims: dims.display,
-  side: 'L', x: 0, y: 0,
-  width: 700, height: 800, events: true
-})
-
-RAudiogram.update({
-  data: {
-    // R_AC_M: { 8000: 25, 2000: 5, 1500: 0, },
-    R_AC: { 1000: 25, 500: 15, 750: 20, 250: 10, 6000: 35, 2000: 45 },
-    R_AC_NR: { 1500: 85 },
-    R_BC_M: { 2000: 25, 6000: 25 },
-    R_BC_M_NR: { 3000: 85 },
-    R_BC: { 1000: 20, 500: 10, 750: 15, 250: 5, 4000: 20 },
-  },
-  side: 'R',
-})
-
-LAudiogram.update({
-  data: {
-    // R_AC_M: { 8000: 25, 2000: 5, 1500: 0, },
-    L_AC: { 1000: 25, 500: 15, 750: 20, 250: 10, 6000: 35, 2000: 45 },
-    L_AC_NR: { 1500: 85 },
-    L_BC_M: { 2000: 25, 6000: 25 },
-    L_BC_M_NR: { 3000: 85 },
-    L_BC: { 1000: 20, 500: 10, 750: 15, 250: 5, 4000: 20 },
-  },
-  side: 'L',
-})
-
-
-
-
+// import './style.css'
+
+import AudiogramChart from "./Audiogram/Audiogram.js"
+import dims from './Audiogram/dims.js'
+import Forms from "./Form/Forms.js";
+import { officeData, patientData } from "../data/sampleData.js"
+
+
+
+// import javascriptLogo from './javascript.svg'
+// import viteLogo from '/vite.svg'
+// import { setupCounter } from './counter.js'
+
+// document.querySelector('#app').innerHTML = `
+//   <div>
+//     <a href="https://vite.dev" target="_blank">
+//       <img src="${viteLogo}" class="logo" alt="Vite logo" />
+//     </a>
+//     <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
+//       <img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
+//     </a>
+//     <h1>Hello Vite!</h1>
+//     <div class="card">
+//       <button id="counter" type="button"></button>
+//     </div>
+//     <p class="read-the-docs">
+//       Click on the Vite logo to learn more
+//     </p>
+//   </div>
+// `
+
+// setupCounter(document.querySelector('#counter'))
+
+
+document.querySelector('#app').innerHTML = `
+    <button>Ok</button>
+    <button>Tok</button>
+    <p>Mahdi</p>
+    <h1>مهدی جاویدی پرنده پرکلاغی</h1>
+    <div id="forms-div"></div>
+    <div id="audiogram-div"></div>
+ `
+
+const forms = new Forms({ container: document.getElementById('forms-div'), name: 'form1' });
+forms.update({ officeData, patientData, sessionIndex: 0 })
+
+
+const RAudiogram = new AudiogramChart({
+  container: document.getElementById('audiogram-div'),
+  dims: dims.display,
+  side: 'R', x: 0, y: 0,
+  width: 700, height: 800, events: true
+})
+
+const LAudiogram = new AudiogramChart({
+  container: document.getElementById('audiogram-div'),
+  dims: dims.display,
+  side: 'L', x: 0, y: 0,
+  width: 700, height: 800, events: true
+})
+
+RAudiogram.update({
+  data: {
+    // R_AC_M: { 8000: 25, 2000: 5, 1500: 0, },
+    R_AC: { 1000: 25, 500: 15, 750: 20, 250: 10, 6000: 35, 2000: 45 },
+    R_AC_NR: { 1500: 85 },
+    R_BC_M: { 2000: 25, 6000: 25 },
+    R_BC_M_NR: { 3000: 85 },
+    R_BC: { 1000: 20, 500: 10, 750: 15, 250: 5, 4000: 20 },
+  },
+  side: 'R',
+})
+
+LAudiogram.update({
+  data: {
+    // R_AC_M: { 8000: 25, 2000: 5, 1500: 0, },
+    L_AC: { 1000: 25, 500: 15, 750: 20, 250: 10, 6000: 35, 2000: 45 },
+    L_AC_NR: { 1500: 85 },
+    L_BC_M: { 2000: 25, 6000: 25 },
+    L_BC_M_NR: { 3000: 85 },
+    L_BC: { 1000: 20, 500: 10, 750: 15, 250: 5, 4000: 20 },
+  },
+  side: 'L',
+})
+
+
+
+

package/src/note.css

@@ -0,0 +1,62 @@
+@font-face {
+    font-family: vazirmatn;
+    src:
+        url("../fonts/Vazirmatn-Regular.woff2") format("woff2"),
+        url('../fonts/Vazirmatn-Regular.woff') format('woff');
+}
+@page {
+
+    size: a4;
+    margin: 0;
+    padding: 0;
+    break-inside: avoid;
+    height: 100%;
+}
+@media print {
+    header,
+    footer {
+        display: none;
+    }
+
+    button {
+        display: none !important;
+    }
+
+    svg {
+        margin: 0;
+        padding: 0;
+        break-inside: avoid;
+    }
+
+    body {
+        margin: 0;
+        padding: 0;
+        break-inside: avoid;
+    }
+
+    html {
+        margin: 0;
+        padding: 0;
+        break-inside: avoid;
+    }
+
+}
+
+.text-box {
+    font-size: 0.8mm;
+    direction: rtl !important;
+    user-select: none;
+}
+
+.persian {
+    font-family: Roboto;
+    font-size: 1.2mm;
+}
+
+.align {
+    text-anchor: start;
+}
+
+.bold {
+    font-weight: bold;
+}