Spaces:

Shfkvl
/

ped-dose-anesthesia

Running

App Files Files Community

Shfkvl commited on May 23, 2025

Commit

bf67022

verified ·

1 Parent(s): f102cb6

Add 2 files

Browse files

Files changed (2) hide show

index.html +125 -13
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -23,6 +23,32 @@
             transform: translateY(-2px);
             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
         }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
@@ -41,9 +67,23 @@
                 <i class="fas fa-calculator mr-2 text-blue-600"></i>Patient Information
             </h2>
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                 <!-- Weight Input -->
-                <div>
                     <label for="weight" class="block text-sm font-medium text-gray-700 mb-1">
                         <i class="fas fa-weight mr-1"></i>Weight (kg)
                     </label>
@@ -56,13 +96,13 @@
                 </div>
                 <!-- Age Input -->
-                <div>
                     <label class="block text-sm font-medium text-gray-700 mb-1">
-                        <i class="fas fa-birthday-cake mr-1"></i>Age (optional)
                     </label>
                     <div class="grid grid-cols-2 gap-2">
                         <div>
-                            <input type="number" id="years" min="0" max="120"
                                    class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                                    placeholder="Years">
                         </div>
@@ -73,6 +113,17 @@
                         </div>
                     </div>
                 </div>
             </div>
             <div class="mt-6 flex justify-center">
@@ -97,6 +148,7 @@
                 <div>
                     <h3 class="font-medium text-blue-800">Patient Summary</h3>
                     <p id="patientSummary" class="text-sm text-gray-700"></p>
                 </div>
             </div>
@@ -126,6 +178,7 @@
                     <li>Consider patient comorbidities, allergies, and other medications when determining final dosages.</li>
                     <li>For pediatric patients, additional adjustments may be required based on age and clinical condition.</li>
                     <li>Paracetamol dosage is calculated as IV (10-15mg/kg) for weights >25kg and as suppository (20mg/kg) for weights ≤25kg.</li>
                 </ul>
             </div>
         </div>
@@ -136,10 +189,31 @@
             const weightInput = document.getElementById('weight');
             const yearsInput = document.getElementById('years');
             const monthsInput = document.getElementById('months');
             const calculateBtn = document.getElementById('calculateBtn');
             const resultsSection = document.getElementById('resultsSection');
             const resultsTable = document.getElementById('resultsTable');
             const patientSummary = document.getElementById('patientSummary');
             // Drug database
             const drugs = [
@@ -163,32 +237,70 @@
             ];
             calculateBtn.addEventListener('click', function() {
-                const weight = parseFloat(weightInput.value);
                 const years = parseInt(yearsInput.value) || 0;
                 const months = parseInt(monthsInput.value) || 0;
-                // Validate input
-                if (isNaN(weight) || weight <= 0) {
-                    alert('Please enter a valid weight in kilograms');
-                    weightInput.focus();
-                    return;
                 }
                 // Calculate and display results
-                calculateDosages(weight, years, months);
                 resultsSection.classList.remove('hidden');
                 // Scroll to results
                 resultsSection.scrollIntoView({ behavior: 'smooth' });
             });
-            function calculateDosages(weight, years, months) {
                 // Update patient summary
                 let summaryText = `Weight: ${weight.toFixed(1)} kg`;
                 if (years > 0 || months > 0) {
                     summaryText += ` | Age: ${years > 0 ? `${years} year${years > 1 ? 's' : ''}` : ''}${years > 0 && months > 0 ? ', ' : ''}${months > 0 ? `${months} month${months > 1 ? 's' : ''}` : ''}`;
                 }
                 patientSummary.textContent = summaryText;
                 // Clear previous results
                 resultsTable.innerHTML = '';
@@ -244,7 +356,7 @@
             yearsInput.addEventListener('input', function() {
                 if (this.value < 0) this.value = '';
-                if (this.value > 120) this.value = 120;
             });
             monthsInput.addEventListener('input', function() {

             transform: translateY(-2px);
             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
         }
+        .toggle-input {
+            display: flex;
+            align-items: center;
+        }
+        .toggle-input input[type="radio"] {
+            display: none;
+        }
+        .toggle-input label {
+            padding: 0.5rem 1rem;
+            cursor: pointer;
+            border: 1px solid #d1d5db;
+            transition: all 0.2s;
+        }
+        .toggle-input label:first-of-type {
+            border-radius: 0.375rem 0 0 0.375rem;
+            border-right: none;
+        }
+        .toggle-input label:last-of-type {
+            border-radius: 0 0.375rem 0.375rem 0;
+            border-left: none;
+        }
+        .toggle-input input[type="radio"]:checked + label {
+            background-color: #3b82f6;
+            color: white;
+            border-color: #3b82f6;
+        }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
                 <i class="fas fa-calculator mr-2 text-blue-600"></i>Patient Information
             </h2>
+            <div class="mb-4">
+                <p class="text-sm font-medium text-gray-700 mb-2">Input Method:</p>
+                <div class="toggle-input">
+                    <input type="radio" id="weightMethod" name="inputMethod" value="weight" checked>
+                    <label for="weightMethod" class="flex items-center">
+                        <i class="fas fa-weight mr-1"></i> Weight
+                    </label>
+                    <input type="radio" id="ageMethod" name="inputMethod" value="age">
+                    <label for="ageMethod" class="flex items-center">
+                        <i class="fas fa-birthday-cake mr-1"></i> Age
+                    </label>
+                </div>
+            </div>
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                 <!-- Weight Input -->
+                <div id="weightInputGroup">
                     <label for="weight" class="block text-sm font-medium text-gray-700 mb-1">
                         <i class="fas fa-weight mr-1"></i>Weight (kg)
                     </label>
                 </div>
                 <!-- Age Input -->
+                <div id="ageInputGroup" class="hidden">
                     <label class="block text-sm font-medium text-gray-700 mb-1">
+                        <i class="fas fa-birthday-cake mr-1"></i>Age
                     </label>
                     <div class="grid grid-cols-2 gap-2">
                         <div>
+                            <input type="number" id="years" min="0" max="18"
                                    class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                                    placeholder="Years">
                         </div>
                         </div>
                     </div>
                 </div>
+                <!-- Additional Info -->
+                <div>
+                    <label for="gender" class="block text-sm font-medium text-gray-700 mb-1">
+                        <i class="fas fa-venus-mars mr-1"></i>Gender
+                    </label>
+                    <select id="gender" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
+                        <option value="male">Male</option>
+                        <option value="female">Female</option>
+                    </select>
+                </div>
             </div>
             <div class="mt-6 flex justify-center">
                 <div>
                     <h3 class="font-medium text-blue-800">Patient Summary</h3>
                     <p id="patientSummary" class="text-sm text-gray-700"></p>
+                    <p id="weightSource" class="text-xs text-gray-500 mt-1"></p>
                 </div>
             </div>
                     <li>Consider patient comorbidities, allergies, and other medications when determining final dosages.</li>
                     <li>For pediatric patients, additional adjustments may be required based on age and clinical condition.</li>
                     <li>Paracetamol dosage is calculated as IV (10-15mg/kg) for weights >25kg and as suppository (20mg/kg) for weights ≤25kg.</li>
+                    <li>Weight calculated from age is an estimate. Always measure actual weight when possible.</li>
                 </ul>
             </div>
         </div>
             const weightInput = document.getElementById('weight');
             const yearsInput = document.getElementById('years');
             const monthsInput = document.getElementById('months');
+            const genderSelect = document.getElementById('gender');
             const calculateBtn = document.getElementById('calculateBtn');
             const resultsSection = document.getElementById('resultsSection');
             const resultsTable = document.getElementById('resultsTable');
             const patientSummary = document.getElementById('patientSummary');
+            const weightSource = document.getElementById('weightSource');
+            const weightMethod = document.getElementById('weightMethod');
+            const ageMethod = document.getElementById('ageMethod');
+            const weightInputGroup = document.getElementById('weightInputGroup');
+            const ageInputGroup = document.getElementById('ageInputGroup');
+            // Toggle between weight and age input
+            weightMethod.addEventListener('change', function() {
+                if (this.checked) {
+                    weightInputGroup.classList.remove('hidden');
+                    ageInputGroup.classList.add('hidden');
+                }
+            });
+            ageMethod.addEventListener('change', function() {
+                if (this.checked) {
+                    weightInputGroup.classList.add('hidden');
+                    ageInputGroup.classList.remove('hidden');
+                }
+            });
             // Drug database
             const drugs = [
             ];
             calculateBtn.addEventListener('click', function() {
+                let weight, sourceText = '';
                 const years = parseInt(yearsInput.value) || 0;
                 const months = parseInt(monthsInput.value) || 0;
+                const gender = genderSelect.value;
+                if (weightMethod.checked) {
+                    // Using direct weight input
+                    weight = parseFloat(weightInput.value);
+                    if (isNaN(weight) || weight <= 0) {
+                        alert('Please enter a valid weight in kilograms');
+                        weightInput.focus();
+                        return;
+                    }
+                    sourceText = 'Weight entered directly';
+                } else {
+                    // Calculate weight from age
+                    if (years === 0 && months === 0) {
+                        alert('Please enter either years or months of age');
+                        yearsInput.focus();
+                        return;
+                    }
+                    weight = calculateWeightFromAge(years, months, gender);
+                    sourceText = `Weight estimated from age (${years > 0 ? `${years} year${years > 1 ? 's' : ''}` : ''}${years > 0 && months > 0 ? ', ' : ''}${months > 0 ? `${months} month${months > 1 ? 's' : ''}` : ''}, ${gender})`;
                 }
                 // Calculate and display results
+                calculateDosages(weight, years, months, sourceText);
                 resultsSection.classList.remove('hidden');
                 // Scroll to results
                 resultsSection.scrollIntoView({ behavior: 'smooth' });
             });
+            function calculateWeightFromAge(years, months, gender) {
+                const totalMonths = years * 12 + months;
+                // Weight estimation formulas based on age (simplified pediatric growth charts)
+                if (totalMonths <= 24) { // 0-2 years
+                    // For infants <2 years: weight (kg) = (age in months + 9)/2
+                    return (totalMonths + 9) / 2;
+                } else if (totalMonths <= 120) { // 2-10 years
+                    // For children 2-10 years: weight (kg) = (age in years × 2) + 8
+                    return (years + (months / 12)) * 2 + 8;
+                } else { // >10 years
+                    // For adolescents >10 years: different formulas for boys and girls
+                    if (gender === 'male') {
+                        return (years + (months / 12)) * 3 + 13;
+                    } else {
+                        return (years + (months / 12)) * 2.5 + 13;
+                    }
+                }
+            }
+            function calculateDosages(weight, years, months, sourceText) {
                 // Update patient summary
                 let summaryText = `Weight: ${weight.toFixed(1)} kg`;
                 if (years > 0 || months > 0) {
                     summaryText += ` | Age: ${years > 0 ? `${years} year${years > 1 ? 's' : ''}` : ''}${years > 0 && months > 0 ? ', ' : ''}${months > 0 ? `${months} month${months > 1 ? 's' : ''}` : ''}`;
                 }
                 patientSummary.textContent = summaryText;
+                weightSource.textContent = sourceText;
                 // Clear previous results
                 resultsTable.innerHTML = '';
             yearsInput.addEventListener('input', function() {
                 if (this.value < 0) this.value = '';
+                if (this.value > 18) this.value = 18;
             });
             monthsInput.addEventListener('input', function() {

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- Create an app...Dr Shafi Anesthesia Dosage Dosage Calculator This calculator provides anesthesia dosages based on patient weight. To use, enter the patient's weight in kilograms or their age in years and months. Drug Name Minimum Dose (mg/kg) Maximum Dose (mg/kg) Glycopyrrolate 0.005 0.01 Ondansetron 0.05 0.1 Midazolam 0.05 0.1 Atropine 0.01 0.02 Fentanyl 1 2 Propofol 2 3 Atracurium 0.5 0.5 Rocuronium 0.6 1.2 Ketamine Sedation 0.2 0.8 Ketamine Induction 0.5 2 Ketamine IM Sedation 2 4 Neostigmine 0.05 0.05 Lidocaine 1 2 Dexamethasone 0.15 15 Succinylcholine 1 2 Paracetamol IV 10 15 Paracetamol Suppository 20 30... Below that in another section..for Paracetamol merge maximum and minimum cells,if weight >25kg calculate IV dosage as 10-15mg/kg and if weight<=25 kg Calculated as suppository dosage as 20mg/kg...display output as a table with Row headings as Drug,Dosage, Calculated dosage, maximum 1 decimal point,use banded columns,Bold row and column headings


1	+ Create an app...Dr Shafi Anesthesia Dosage Dosage Calculator This calculator provides anesthesia dosages based on patient weight. To use, enter the patient's weight in kilograms or their age in years and months. Drug Name Minimum Dose (mg/kg) Maximum Dose (mg/kg) Glycopyrrolate 0.005 0.01 Ondansetron 0.05 0.1 Midazolam 0.05 0.1 Atropine 0.01 0.02 Fentanyl 1 2 Propofol 2 3 Atracurium 0.5 0.5 Rocuronium 0.6 1.2 Ketamine Sedation 0.2 0.8 Ketamine Induction 0.5 2 Ketamine IM Sedation 2 4 Neostigmine 0.05 0.05 Lidocaine 1 2 Dexamethasone 0.15 15 Succinylcholine 1 2 Paracetamol IV 10 15 Paracetamol Suppository 20 30... Below that in another section..for Paracetamol merge maximum and minimum cells,if weight >25kg calculate IV dosage as 10-15mg/kg and if weight<=25 kg Calculated as suppository dosage as 20mg/kg...display output as a table with Row headings as Drug,Dosage, Calculated dosage, maximum 1 decimal point,use banded columns,Bold row and column headings
2	+ Calculate weight using formula if not already given