hayun-vite 0.8.0 → 0.9.0

package/index.js

@@ -3,9 +3,17 @@ import dims from './src/Audiogram/dims'
 import logo from './public/vite.svg'
 import { officeData, patientData } from './data/sampleData'
 import Forms from './src/Form/Forms'
+import combo_template from './src/Form/templates/combo'
+import rasa_aud_template from './src/Form/templates/rasa_audiometry'
+import rasa_tymp_reflex_template from './src/Form/templates/rasa_tymp_reflex'
 
 
 
 
 
-export { logo, Audiogram, Forms, dims, officeData, patientData } 
+
+export {
+    logo, Audiogram, Forms, dims, officeData,
+    patientData, combo_template, rasa_aud_template,
+    rasa_tymp_reflex_template
+} 

package/package.json

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

package/src/Form/Forms.js

@@ -2,9 +2,9 @@ const svgNS = "http://www.w3.org/2000/svg";
 
 import printForm from "./printForm.js";
 import Form from "./Form.js";
-import combo from "./templates/combo.js"; // این در حقیقیت یک تمپلت هست
-import rasaAud from "./templates/rasa_audiometry.js";
-import rasaTymp from './templates/rasa_tymp_reflex.js'
+// import combo from "./templates/combo.js"; // این در حقیقیت یک تمپلت هست
+// import rasaAud from "./templates/rasa_audiometry.js";
+// import rasaTymp from './templates/rasa_tymp_reflex.js'
 
 // خط کد زیر لازم هست
 // import './fonts/Vazirmatn-Regular.woff2'
@@ -12,20 +12,18 @@ import '../style.css'
 
 // کلاس جدید که فرم‌های مختلف را نمایش میدهد
 export default class Forms {
-    constructor({ assets, container, defaultFormIndex = 0 } = {}) {
+    constructor({ assets, container, templates, defaultTemplateIndex = 0, mode = 'production' } = {}) {
         this.container = container
-        // this.addForms({ templates: [rasaAud, rasaTymp, combo], defaultFormIndex })
-        this.addForms({ templates: [combo], defaultFormIndex })
+        this.mode = mode;
+        // this.addForms({ templates: [rasaAud, rasaTymp, combo], defaultTemplateIndex })
+        this.addForms({ templates, defaultTemplateIndex })
     }
 
     // افزودن فرم 
-    addForms({ templates, defaultFormIndex }) {
+    addForms({ templates, defaultTemplateIndex }) {
         const container = this.container
         // ایجاد یک دیو برای قرار دادن دکمه ها و لینک های فرم
         const div = document.createElement('div');
-        container.addEventListener('click', e => {
-            console.log(e.target);
-        })
 
         div.style = 'border: 1px solid brown; margin: 0; padding: 0;'
         container.appendChild(div);
@@ -36,44 +34,48 @@ export default class Forms {
 
         const forms = []; // آرایه آبجکت های فرم های مختلف
         this.forms = forms;
+        this.pages = forms
 
         templates.forEach((template, index) => {
-            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 }));
         });
 
-        const printBtn = this.putButton({ container: div, text: 'چاپ', className });
-
-        // تعریف رویداد دکمه چاپ فرم نمایشی
-        printBtn.addEventListener('click', () => { printForm({ container: this.selectedForm.form }) });
-
         // انتخاب فرم پیش‌فرض  
-        let selectedIndex = defaultFormIndex;
+        let selectedIndex = defaultTemplateIndex;
         forms[selectedIndex].form.style.display = 'block';
-        this.selectedForm = this.forms[selectedIndex]
-        btns[selectedIndex].style.backgroundColor = ' #1c15e1'
+        this.selectedForm = this.forms[selectedIndex];
+        (this.mode == 'develop') && (btns[selectedIndex].style.backgroundColor = ' #1c15e1');
+
+        console.log(this.mode);
+
+        if (this.mode == 'develop') {
 
+            const printBtn = this.putButton({ container: div, text: 'چاپ', className });
+            // تعریف رویداد دکمه چاپ فرم نمایشی
+            printBtn.addEventListener('click', () => { printForm({ container: this.selectedForm.form }) });
 
-        btns.forEach((btn, index) => {
-            btn.addEventListener('click', () => {
-                // Hide All forms
-                forms.forEach((form, i) => {
-                    form.form.style.display = 'none'
-                    btns[i].style.backgroundColor = ' #7472e2'
+            btns.forEach((btn, index) => {
+                btn.addEventListener('click', () => {
+                    // Hide All forms
+                    forms.forEach((form, i) => {
+                        form.form.style.display = 'none'
+                        btns[i].style.backgroundColor = ' #7472e2'
 
-                });
+                    });
 
-                forms[index].form.style.display = 'block';
-                btns[index].style.backgroundColor = ' #1c15e1'
+                    forms[index].form.style.display = 'block';
+                    btns[index].style.backgroundColor = ' #1c15e1'
 
-                this.selectedForm = forms[index];
-                selectedIndex = index
-                this.update(this.allData);
+                    this.selectedForm = forms[index];
+                    selectedIndex = index
+                    this.update(this.allData);
+                })
             })
-        })
 
-        this.putButton({ container: div, text: 'Show/Hide', className })
-            .addEventListener('click', () => { this.toggleDisplay({ container: forms[selectedIndex].form }) });
+            this.putButton({ container: div, text: 'Show/Hide', className })
+                .addEventListener('click', () => { this.toggleDisplay({ container: forms[selectedIndex].form }) });
+        }
     }
 
     // این تابع یک بار از بیرون کلاس فراخوانی میشه و یک بار وقتی از داخل تمپلت فرم را عوض میکنیم

package/src/main.js

@@ -2,13 +2,15 @@
 import Audiogram from "./Audiogram/Audiogram.js"
 import Forms from "./Form/Forms.js";
 import { officeData, patientData } from "../data/sampleData.js"
+import combo from "./Form/templates/combo.js";
+
 
 document.querySelector('#app').innerHTML = `
     <div id="audiogram-div"></div>
     <div id="forms-div"></div>
 `;
 
-const forms = new Forms({ container: document.getElementById('forms-div') });
+const forms = new Forms({ container: document.getElementById('forms-div'), templates: [combo], mode: 'develop' });
 forms.update({ officeData, patientData, sessionIndex: 0 })
 
 /*