777 lines
36 KiB
HTML
777 lines
36 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %}Drug Interactions - Pharmacy{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- BEGIN breadcrumb -->
|
|
<ol class="breadcrumb float-xl-end">
|
|
<li class="breadcrumb-item"><a href="{% url 'core:dashboard' %}">Dashboard</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'pharmacy:dashboard' %}">Pharmacy</a></li>
|
|
<li class="breadcrumb-item active">Drug Interactions</li>
|
|
</ol>
|
|
<!-- END breadcrumb -->
|
|
|
|
<!-- BEGIN page-header -->
|
|
<h1 class="page-header">
|
|
Drug Interactions
|
|
<small>Clinical decision support and interaction monitoring</small>
|
|
</h1>
|
|
<!-- END page-header -->
|
|
|
|
<!-- BEGIN row -->
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<!-- BEGIN panel -->
|
|
<div class="panel panel-inverse">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">Drug Interaction Database</h4>
|
|
<div class="panel-heading-btn">
|
|
<button type="button" class="btn btn-xs btn-success me-2" onclick="checkPatientInteractions()">
|
|
<i class="fa fa-user-check"></i> Check Patient
|
|
</button>
|
|
<button type="button" class="btn btn-xs btn-info me-2" onclick="bulkInteractionCheck()">
|
|
<i class="fa fa-list-check"></i> Bulk Check
|
|
</button>
|
|
<button type="button" class="btn btn-xs btn-warning me-2" onclick="exportInteractions()">
|
|
<i class="fa fa-download"></i> Export
|
|
</button>
|
|
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<!-- Statistics Cards -->
|
|
<div class="row mb-4">
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card border-danger">
|
|
<div class="card-body text-center">
|
|
<div class="h3 text-danger">{{ stats.major_interactions }}</div>
|
|
<div class="text-muted">Major Interactions</div>
|
|
<div class="small text-danger">Contraindicated</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card border-warning">
|
|
<div class="card-body text-center">
|
|
<div class="h3 text-warning">{{ stats.moderate_interactions }}</div>
|
|
<div class="text-muted">Moderate Interactions</div>
|
|
<div class="small text-warning">Monitor closely</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card border-info">
|
|
<div class="card-body text-center">
|
|
<div class="h3 text-info">{{ stats.minor_interactions }}</div>
|
|
<div class="text-muted">Minor Interactions</div>
|
|
<div class="small text-info">Caution advised</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card border-success">
|
|
<div class="card-body text-center">
|
|
<div class="h3 text-success">{{ stats.total_medications }}</div>
|
|
<div class="text-muted">Medications Monitored</div>
|
|
<div class="small text-success">In database</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Search and Filter -->
|
|
<div class="card border-primary mb-4">
|
|
<div class="card-header bg-primary text-white">
|
|
<h6 class="card-title mb-0">
|
|
<i class="fa fa-search me-2"></i>Search and Filter
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="get" id="filter-form">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="form-floating mb-3">
|
|
<input type="text" class="form-control" id="search" name="search"
|
|
value="{{ request.GET.search }}" placeholder="Search interactions...">
|
|
<label for="search">Search Medications</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-select" id="severity" name="severity">
|
|
<option value="">All Severities</option>
|
|
<option value="major" {% if request.GET.severity == 'major' %}selected{% endif %}>Major</option>
|
|
<option value="moderate" {% if request.GET.severity == 'moderate' %}selected{% endif %}>Moderate</option>
|
|
<option value="minor" {% if request.GET.severity == 'minor' %}selected{% endif %}>Minor</option>
|
|
</select>
|
|
<label for="severity">Severity</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-select" id="mechanism" name="mechanism">
|
|
<option value="">All Mechanisms</option>
|
|
<option value="pharmacokinetic" {% if request.GET.mechanism == 'pharmacokinetic' %}selected{% endif %}>Pharmacokinetic</option>
|
|
<option value="pharmacodynamic" {% if request.GET.mechanism == 'pharmacodynamic' %}selected{% endif %}>Pharmacodynamic</option>
|
|
<option value="unknown" {% if request.GET.mechanism == 'unknown' %}selected{% endif %}>Unknown</option>
|
|
</select>
|
|
<label for="mechanism">Mechanism</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-select" id="category" name="category">
|
|
<option value="">All Categories</option>
|
|
<option value="cardiovascular" {% if request.GET.category == 'cardiovascular' %}selected{% endif %}>Cardiovascular</option>
|
|
<option value="cns" {% if request.GET.category == 'cns' %}selected{% endif %}>CNS</option>
|
|
<option value="anticoagulant" {% if request.GET.category == 'anticoagulant' %}selected{% endif %}>Anticoagulant</option>
|
|
<option value="antibiotic" {% if request.GET.category == 'antibiotic' %}selected{% endif %}>Antibiotic</option>
|
|
<option value="other" {% if request.GET.category == 'other' %}selected{% endif %}>Other</option>
|
|
</select>
|
|
<label for="category">Category</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="d-flex gap-2 h-100 align-items-end">
|
|
<button type="submit" class="btn btn-primary flex-fill">
|
|
<i class="fa fa-search me-2"></i>Search
|
|
</button>
|
|
<button type="button" class="btn btn-secondary" onclick="clearFilters()">
|
|
<i class="fa fa-times"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Interaction Checker Tool -->
|
|
<div class="card border-success mb-4">
|
|
<div class="card-header bg-success text-white">
|
|
<h6 class="card-title mb-0">
|
|
<i class="fa fa-pills me-2"></i>Quick Interaction Checker
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-select" id="medication1" name="medication1">
|
|
<option value="">Select first medication...</option>
|
|
{% for medication in medications %}
|
|
<option value="{{ medication.id }}">{{ medication.generic_name }} {{ medication.strength }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<label for="medication1">First Medication</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-select" id="medication2" name="medication2">
|
|
<option value="">Select second medication...</option>
|
|
{% for medication in medications %}
|
|
<option value="{{ medication.id }}">{{ medication.generic_name }} {{ medication.strength }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<label for="medication2">Second Medication</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="d-flex gap-2 h-100 align-items-end">
|
|
<button type="button" class="btn btn-success flex-fill" onclick="checkInteraction()">
|
|
<i class="fa fa-search me-2"></i>Check Interaction
|
|
</button>
|
|
<button type="button" class="btn btn-info" onclick="addToList()">
|
|
<i class="fa fa-plus"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Interaction Result -->
|
|
<div id="interaction-result" class="mt-3" style="display: none;">
|
|
<div class="alert" id="interaction-alert">
|
|
<div id="interaction-content"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Interactions Table -->
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-hover" id="interactions-table">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th width="5%">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="select-all">
|
|
</div>
|
|
</th>
|
|
<th width="15%">Medication 1</th>
|
|
<th width="15%">Medication 2</th>
|
|
<th width="10%">Severity</th>
|
|
<th width="15%">Mechanism</th>
|
|
<th width="25%">Clinical Effect</th>
|
|
<th width="10%">Management</th>
|
|
<th width="5%">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for interaction in object_list %}
|
|
<tr>
|
|
<td>
|
|
<div class="form-check">
|
|
<input class="form-check-input row-checkbox" type="checkbox" value="{{ interaction.id }}">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="fw-bold">{{ interaction.medication1.generic_name }}</div>
|
|
<div class="small text-muted">{{ interaction.medication1.brand_name|default:"" }}</div>
|
|
<div class="small text-muted">{{ interaction.medication1.strength }}</div>
|
|
</td>
|
|
<td>
|
|
<div class="fw-bold">{{ interaction.medication2.generic_name }}</div>
|
|
<div class="small text-muted">{{ interaction.medication2.brand_name|default:"" }}</div>
|
|
<div class="small text-muted">{{ interaction.medication2.strength }}</div>
|
|
</td>
|
|
<td>
|
|
{% if interaction.severity == 'major' %}
|
|
<span class="badge bg-danger">
|
|
<i class="fa fa-exclamation-triangle me-1"></i>Major
|
|
</span>
|
|
{% elif interaction.severity == 'moderate' %}
|
|
<span class="badge bg-warning text-dark">
|
|
<i class="fa fa-exclamation-circle me-1"></i>Moderate
|
|
</span>
|
|
{% elif interaction.severity == 'minor' %}
|
|
<span class="badge bg-info">
|
|
<i class="fa fa-info-circle me-1"></i>Minor
|
|
</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
<div class="small">{{ interaction.get_mechanism_display }}</div>
|
|
{% if interaction.onset %}
|
|
<div class="small text-muted">Onset: {{ interaction.onset }}</div>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
<div class="small">{{ interaction.clinical_effect|truncatechars:100 }}</div>
|
|
{% if interaction.evidence_level %}
|
|
<div class="small text-muted">Evidence: {{ interaction.get_evidence_level_display }}</div>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if interaction.management_recommendation %}
|
|
<button type="button" class="btn btn-xs btn-outline-info"
|
|
onclick="showManagement('{{ interaction.id }}')"
|
|
data-bs-toggle="tooltip" title="View management recommendations">
|
|
<i class="fa fa-clipboard-list"></i>
|
|
</button>
|
|
{% else %}
|
|
<span class="text-muted small">None specified</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
<div class="btn-group" role="group">
|
|
<button type="button" class="btn btn-xs btn-outline-primary"
|
|
onclick="viewInteraction('{{ interaction.id }}')"
|
|
data-bs-toggle="tooltip" title="View details">
|
|
<i class="fa fa-eye"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-xs btn-outline-success"
|
|
onclick="addToMonitoring('{{ interaction.id }}')"
|
|
data-bs-toggle="tooltip" title="Add to monitoring">
|
|
<i class="fa fa-plus"></i>
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% empty %}
|
|
<tr>
|
|
<td colspan="8" class="text-center text-muted py-4">
|
|
<i class="fa fa-search fa-2x mb-3"></i>
|
|
<div>No drug interactions found matching your criteria.</div>
|
|
<div class="small">Try adjusting your search filters or check different medications.</div>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Pagination -->
|
|
{% if is_paginated %}
|
|
<div class="d-flex justify-content-between align-items-center mt-4">
|
|
<div class="text-muted">
|
|
Showing {{ page_obj.start_index }} to {{ page_obj.end_index }} of {{ page_obj.paginator.count }} interactions
|
|
</div>
|
|
<nav aria-label="Interactions pagination">
|
|
<ul class="pagination mb-0">
|
|
{% if page_obj.has_previous %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?{% for key, value in request.GET.items %}{% if key != 'page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}page=1">First</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="?{% for key, value in request.GET.items %}{% if key != 'page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}page={{ page_obj.previous_page_number }}">Previous</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% for num in page_obj.paginator.page_range %}
|
|
{% if page_obj.number == num %}
|
|
<li class="page-item active">
|
|
<span class="page-link">{{ num }}</span>
|
|
</li>
|
|
{% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?{% for key, value in request.GET.items %}{% if key != 'page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}page={{ num }}">{{ num }}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if page_obj.has_next %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?{% for key, value in request.GET.items %}{% if key != 'page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}page={{ page_obj.next_page_number }}">Next</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="?{% for key, value in request.GET.items %}{% if key != 'page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}page={{ page_obj.paginator.num_pages }}">Last</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Bulk Actions -->
|
|
<div class="card border-secondary mt-4" id="bulk-actions" style="display: none;">
|
|
<div class="card-header bg-secondary text-white">
|
|
<h6 class="card-title mb-0">
|
|
<i class="fa fa-tasks me-2"></i>Bulk Actions
|
|
<span class="badge bg-light text-dark ms-2" id="selected-count">0</span>
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex gap-2 flex-wrap">
|
|
<button type="button" class="btn btn-outline-success" onclick="addToMonitoringBulk()">
|
|
<i class="fa fa-plus me-2"></i>Add to Monitoring
|
|
</button>
|
|
<button type="button" class="btn btn-outline-info" onclick="exportSelectedInteractions()">
|
|
<i class="fa fa-download me-2"></i>Export Selected
|
|
</button>
|
|
<button type="button" class="btn btn-outline-warning" onclick="generateReport()">
|
|
<i class="fa fa-file-alt me-2"></i>Generate Report
|
|
</button>
|
|
<button type="button" class="btn btn-outline-primary" onclick="createAlert()">
|
|
<i class="fa fa-bell me-2"></i>Create Alert
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END panel -->
|
|
</div>
|
|
</div>
|
|
<!-- END row -->
|
|
|
|
<!-- Interaction Detail Modal -->
|
|
<div class="modal fade" id="interactionModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Drug Interaction Details</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body" id="interaction-modal-body">
|
|
<!-- Content loaded via AJAX -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-success" onclick="addCurrentToMonitoring()">
|
|
<i class="fa fa-plus me-2"></i>Add to Monitoring
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Patient Interaction Check Modal -->
|
|
<div class="modal fade" id="patientCheckModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Patient Drug Interaction Check</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-select" id="patient-select">
|
|
<option value="">Select patient...</option>
|
|
{% for patient in patients %}
|
|
<option value="{{ patient.id }}">{{ patient.get_full_name }} ({{ patient.date_of_birth|date:"M d, Y" }})</option>
|
|
{% endfor %}
|
|
</select>
|
|
<label for="patient-select">Patient</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="d-flex gap-2 h-100 align-items-end">
|
|
<button type="button" class="btn btn-primary flex-fill" onclick="checkPatientMedications()">
|
|
<i class="fa fa-search me-2"></i>Check Interactions
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="patient-interaction-results" class="mt-3">
|
|
<!-- Results loaded via AJAX -->
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-info" onclick="printPatientReport()">
|
|
<i class="fa fa-print me-2"></i>Print Report
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block js %}
|
|
<script>
|
|
var selectedInteractions = [];
|
|
var currentInteractionId = null;
|
|
|
|
$(document).ready(function() {
|
|
// Initialize tooltips
|
|
$('[data-bs-toggle="tooltip"]').tooltip();
|
|
|
|
// Initialize DataTable if needed
|
|
if ($('#interactions-table tbody tr').length > 0) {
|
|
// Add sorting and filtering capabilities
|
|
}
|
|
|
|
// Checkbox handling
|
|
$('#select-all').on('change', function() {
|
|
$('.row-checkbox').prop('checked', this.checked);
|
|
updateSelectedInteractions();
|
|
});
|
|
|
|
$('.row-checkbox').on('change', function() {
|
|
updateSelectedInteractions();
|
|
});
|
|
|
|
// Auto-refresh every 5 minutes
|
|
setInterval(function() {
|
|
if ($('#auto-refresh').is(':checked')) {
|
|
location.reload();
|
|
}
|
|
}, 300000);
|
|
});
|
|
|
|
function updateSelectedInteractions() {
|
|
selectedInteractions = [];
|
|
$('.row-checkbox:checked').each(function() {
|
|
selectedInteractions.push($(this).val());
|
|
});
|
|
|
|
$('#selected-count').text(selectedInteractions.length);
|
|
|
|
if (selectedInteractions.length > 0) {
|
|
$('#bulk-actions').show();
|
|
} else {
|
|
$('#bulk-actions').hide();
|
|
}
|
|
|
|
// Update select all checkbox
|
|
var totalCheckboxes = $('.row-checkbox').length;
|
|
var checkedCheckboxes = $('.row-checkbox:checked').length;
|
|
|
|
if (checkedCheckboxes === 0) {
|
|
$('#select-all').prop('indeterminate', false).prop('checked', false);
|
|
} else if (checkedCheckboxes === totalCheckboxes) {
|
|
$('#select-all').prop('indeterminate', false).prop('checked', true);
|
|
} else {
|
|
$('#select-all').prop('indeterminate', true);
|
|
}
|
|
}
|
|
|
|
function checkInteraction() {
|
|
var med1 = $('#medication1').val();
|
|
var med2 = $('#medication2').val();
|
|
|
|
if (!med1 || !med2) {
|
|
toastr.warning('Please select both medications');
|
|
return;
|
|
}
|
|
|
|
if (med1 === med2) {
|
|
toastr.warning('Please select different medications');
|
|
return;
|
|
}
|
|
|
|
$.ajax({
|
|
url: '{% url "pharmacy:drug_interaction_check" 0 %}'.replace('0', med1),
|
|
method: 'POST',
|
|
data: {
|
|
'medication1': med1,
|
|
'medication2': med2,
|
|
'csrfmiddlewaretoken': '{{ csrf_token }}'
|
|
},
|
|
success: function(response) {
|
|
displayInteractionResult(response);
|
|
},
|
|
error: function() {
|
|
toastr.error('Failed to check interaction');
|
|
}
|
|
});
|
|
}
|
|
|
|
function displayInteractionResult(interaction) {
|
|
var alertClass = 'alert-info';
|
|
var icon = 'fa-info-circle';
|
|
var severityText = 'No significant interaction';
|
|
|
|
if (interaction.severity === 'major') {
|
|
alertClass = 'alert-danger';
|
|
icon = 'fa-exclamation-triangle';
|
|
severityText = 'Major interaction - Contraindicated';
|
|
} else if (interaction.severity === 'moderate') {
|
|
alertClass = 'alert-warning';
|
|
icon = 'fa-exclamation-circle';
|
|
severityText = 'Moderate interaction - Monitor closely';
|
|
} else if (interaction.severity === 'minor') {
|
|
alertClass = 'alert-info';
|
|
icon = 'fa-info-circle';
|
|
severityText = 'Minor interaction - Caution advised';
|
|
}
|
|
|
|
var content = '<div class="d-flex align-items-center mb-2">' +
|
|
'<i class="fa ' + icon + ' fa-2x me-3"></i>' +
|
|
'<div>' +
|
|
'<h6 class="mb-1">' + severityText + '</h6>' +
|
|
'<div class="small text-muted">' + interaction.medication1_name + ' + ' + interaction.medication2_name + '</div>' +
|
|
'</div>' +
|
|
'</div>';
|
|
|
|
if (interaction.clinical_effect) {
|
|
content += '<div class="mb-2"><strong>Clinical Effect:</strong> ' + interaction.clinical_effect + '</div>';
|
|
}
|
|
|
|
if (interaction.management_recommendation) {
|
|
content += '<div class="mb-2"><strong>Management:</strong> ' + interaction.management_recommendation + '</div>';
|
|
}
|
|
|
|
if (interaction.mechanism) {
|
|
content += '<div class="small text-muted"><strong>Mechanism:</strong> ' + interaction.mechanism + '</div>';
|
|
}
|
|
|
|
$('#interaction-alert').removeClass().addClass('alert ' + alertClass);
|
|
$('#interaction-content').html(content);
|
|
$('#interaction-result').show();
|
|
}
|
|
|
|
function viewInteraction(interactionId) {
|
|
currentInteractionId = interactionId;
|
|
|
|
$.ajax({
|
|
url: '{% url "pharmacy:drug_interaction_detail" 0 %}'.replace('0', interactionId),
|
|
method: 'GET',
|
|
data: {'interaction_id': interactionId},
|
|
success: function(response) {
|
|
$('#interaction-modal-body').html(response.html);
|
|
$('#interactionModal').modal('show');
|
|
},
|
|
error: function() {
|
|
toastr.error('Failed to load interaction details');
|
|
}
|
|
});
|
|
}
|
|
|
|
{#function showManagement(interactionId) {#}
|
|
{# $.ajax({#}
|
|
{# url: '{% url "pharmacy:interaction_management" %}',#}
|
|
{# method: 'GET',#}
|
|
{# data: {'interaction_id': interactionId},#}
|
|
{# success: function(response) {#}
|
|
{# toastr.info(response.management, 'Management Recommendation', {#}
|
|
{# timeOut: 10000,#}
|
|
{# extendedTimeOut: 5000#}
|
|
{# });#}
|
|
{# },#}
|
|
{# error: function() {#}
|
|
{# toastr.error('Failed to load management recommendations');#}
|
|
{# }#}
|
|
{# });#}
|
|
{# }#}
|
|
|
|
{#function addToMonitoring(interactionId) {#}
|
|
{# $.ajax({#}
|
|
{# url: '{% url "pharmacy:add_to_monitoring" %}',#}
|
|
{# method: 'POST',#}
|
|
{# data: {#}
|
|
{# 'interaction_id': interactionId,#}
|
|
{# 'csrfmiddlewaretoken': '{{ csrf_token }}'#}
|
|
{# },#}
|
|
{# success: function(response) {#}
|
|
{# toastr.success('Interaction added to monitoring list');#}
|
|
{# },#}
|
|
{# error: function() {#}
|
|
{# toastr.error('Failed to add interaction to monitoring');#}
|
|
{# }#}
|
|
{# });#}
|
|
{# }#}
|
|
|
|
function addCurrentToMonitoring() {
|
|
if (currentInteractionId) {
|
|
addToMonitoring(currentInteractionId);
|
|
$('#interactionModal').modal('hide');
|
|
}
|
|
}
|
|
|
|
{#function addToMonitoringBulk() {#}
|
|
{# if (selectedInteractions.length === 0) {#}
|
|
{# toastr.warning('Please select interactions to add to monitoring');#}
|
|
{# return;#}
|
|
{# }#}
|
|
{# #}
|
|
{# $.ajax({#}
|
|
{# url: '{% url "pharmacy:add_to_monitoring_bulk" %}',#}
|
|
{# method: 'POST',#}
|
|
{# data: {#}
|
|
{# 'interaction_ids': selectedInteractions,#}
|
|
{# 'csrfmiddlewaretoken': '{{ csrf_token }}'#}
|
|
{# },#}
|
|
{# success: function(response) {#}
|
|
{# toastr.success(selectedInteractions.length + ' interactions added to monitoring');#}
|
|
{# $('.row-checkbox:checked').prop('checked', false);#}
|
|
{# updateSelectedInteractions();#}
|
|
{# },#}
|
|
{# error: function() {#}
|
|
{# toastr.error('Failed to add interactions to monitoring');#}
|
|
{# }#}
|
|
{# });#}
|
|
{# }#}
|
|
|
|
function checkPatientInteractions() {
|
|
$('#patientCheckModal').modal('show');
|
|
}
|
|
|
|
{#function checkPatientMedications() {#}
|
|
{# var patientId = $('#patient-select').val();#}
|
|
{# #}
|
|
{# if (!patientId) {#}
|
|
{# toastr.warning('Please select a patient');#}
|
|
{# return;#}
|
|
{# }#}
|
|
{# #}
|
|
{# $.ajax({#}
|
|
{# url: '{% url "pharmacy:check_patient_interactions" %}',#}
|
|
{# method: 'POST',#}
|
|
{# data: {#}
|
|
{# 'patient_id': patientId,#}
|
|
{# 'csrfmiddlewaretoken': '{{ csrf_token }}'#}
|
|
{# },#}
|
|
{# success: function(response) {#}
|
|
{# $('#patient-interaction-results').html(response.html);#}
|
|
{# },#}
|
|
{# error: function() {#}
|
|
{# toastr.error('Failed to check patient interactions');#}
|
|
{# }#}
|
|
{# });#}
|
|
{# }#}
|
|
|
|
function bulkInteractionCheck() {
|
|
// Implementation for bulk interaction checking
|
|
toastr.info('Bulk interaction check feature coming soon');
|
|
}
|
|
|
|
function exportInteractions() {
|
|
var params = new URLSearchParams(window.location.search);
|
|
params.set('export', 'csv');
|
|
window.open('?' + params.toString(), '_blank');
|
|
}
|
|
|
|
{#function exportSelectedInteractions() {#}
|
|
{# if (selectedInteractions.length === 0) {#}
|
|
{# toastr.warning('Please select interactions to export');#}
|
|
{# return;#}
|
|
{# }#}
|
|
{# #}
|
|
{# var form = $('<form>', {#}
|
|
{# method: 'POST',#}
|
|
{# action: '{% url "pharmacy:export_interactions" %}'#}
|
|
{# });#}
|
|
{# #}
|
|
{# form.append($('<input>', {#}
|
|
{# type: 'hidden',#}
|
|
{# name: 'csrfmiddlewaretoken',#}
|
|
{# value: '{{ csrf_token }}'#}
|
|
{# }));#}
|
|
{# #}
|
|
{# selectedInteractions.forEach(function(id) {#}
|
|
{# form.append($('<input>', {#}
|
|
{# type: 'hidden',#}
|
|
{# name: 'interaction_ids',#}
|
|
{# value: id#}
|
|
{# }));#}
|
|
{# });#}
|
|
{# #}
|
|
{# $('body').append(form);#}
|
|
{# form.submit();#}
|
|
{# form.remove();#}
|
|
{# }#}
|
|
|
|
function generateReport() {
|
|
if (selectedInteractions.length === 0) {
|
|
toastr.warning('Please select interactions to include in report');
|
|
return;
|
|
}
|
|
|
|
// Implementation for report generation
|
|
toastr.info('Report generation feature coming soon');
|
|
}
|
|
|
|
function createAlert() {
|
|
if (selectedInteractions.length === 0) {
|
|
toastr.warning('Please select interactions to create alerts for');
|
|
return;
|
|
}
|
|
|
|
// Implementation for alert creation
|
|
toastr.info('Alert creation feature coming soon');
|
|
}
|
|
|
|
{#function printPatientReport() {#}
|
|
{# var patientId = $('#patient-select').val();#}
|
|
{# if (patientId) {#}
|
|
{# var printUrl = '{% url "pharmacy:print_patient_interactions" %}?patient_id=' + patientId;#}
|
|
{# window.open(printUrl, '_blank');#}
|
|
{# }#}
|
|
{# }#}
|
|
|
|
function clearFilters() {
|
|
$('#filter-form')[0].reset();
|
|
window.location.href = '{% url "pharmacy:drug_interaction_list" %}';
|
|
}
|
|
|
|
function addToList() {
|
|
var med1 = $('#medication1').val();
|
|
var med2 = $('#medication2').val();
|
|
|
|
if (!med1 || !med2) {
|
|
toastr.warning('Please select both medications first');
|
|
return;
|
|
}
|
|
|
|
// Implementation for adding to comparison list
|
|
toastr.info('Add to comparison list feature coming soon');
|
|
}
|
|
</script>
|
|
{% endblock %}
|
|
|