225 lines
13 KiB
HTML
225 lines
13 KiB
HTML
{% extends "biomon/base.html" %}
|
|
{% load i18n %}
|
|
|
|
{% block extra_scripts %}
|
|
<script type="text/javascript" src="{{ STATIC_URL }}biomon/js/biomon.patientdetail.js"></script>
|
|
{% endblock %}
|
|
|
|
{% block content-1-right %}
|
|
<div id="identification">
|
|
<i class="fa patient-enabler hvr-pulse-shrink {% if not patient.enabled %}disabled fa-folder{% else %}enabled fa-folder-open{% endif %}" action="{% url 'patient_update_enabled_field' pk=patient.pk %}"></i>
|
|
<span id="display_name">{{ patient.lastname|upper }} {{ patient.firstname.title }}</span>
|
|
{% if patient.sex %}<span class="sex"><i class="fa fa-{% if patient.sex == 1 %}mars{% else %}{% if patient.sex == 2 %}venus{% else %}transgender{% endif %}{% endif %}"></i></span>{% endif %}
|
|
{% if patient.age %}<span class="age">{{ patient.age }}</span>{% endif %}
|
|
<span id="critical_alert_count" class="critical"></span>
|
|
<span id="dangerous_alert_count" class="dangerous"></span>
|
|
{% if patient.monitoring_place %}<br/><span id="monitoring_place">{{ patient.monitoring_place}}</span>{% endif %}
|
|
<br/><span id="room">{% trans "Room" %} : {% if patient.room %}{{ patient.room}}{% else %}{% trans "Missing room" %}{% endif %}</span>
|
|
</div>
|
|
<div id="tabs">
|
|
<div id="tab-selector">
|
|
<ul>
|
|
<li><a href="#dashboard" id="tab-dashboard" class="patient-tab">{% trans "Dashboard" %}</a></li>
|
|
<li><a href="#edit" id="tab-edit" class="patient-tab">{% trans "Profile" %}</a></li>
|
|
<li><a href="#alerts" id="tab-alert" class="patient-tab">{% trans "Alerts" %}</a></li>
|
|
<li><a href="#monitoring-profile" id="tab-monitoring-profile" class="patient-tab">{% trans "Monitoring profile" %}</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="tab-content" id="dashboard">
|
|
<div class="tab-content-inner">
|
|
<div id="player">
|
|
<div id="player-left">
|
|
<input data-url="" id="datepicker-player" class="datepickers"/>
|
|
<button id="graph-previous-alert"><i class="fa fa-step-backward"></i> {% trans "Alert" %}</button>
|
|
<button id="graph-play"><i class="fa fa-play"></i></button>
|
|
<button id="graph-pause"><i class="fa fa-pause"></i></button>
|
|
<button id="graph-next-alert">{% trans "Alert" %} <i class="fa fa-step-forward"></i></button>
|
|
<button id="graph-live">{% trans "Live" %}</button>
|
|
<span id="delay-title">{% trans "Delay" %} : </span><span id="delay-value"></span>
|
|
</div>
|
|
<div id="player-right">
|
|
<span id="time-frame-title">{% trans "Display time frame" %} : </span><span id="time-frame-value"></span>
|
|
<button id="zoom-in"><i class="fa fa-plus"></i></button>
|
|
<button id="zoom-out"><i class="fa fa-minus"></i></button>
|
|
<button id="graph-time-last-24">24 h</button>
|
|
</div>
|
|
</div>
|
|
<div class="graph-frame">
|
|
<div class="graph">
|
|
<div class="graph-name">{% trans "Heartrate" %}</div>
|
|
<div class="graph-display"><img id="graph-heartrate" src="" class="resize"/><i class="fa fa-spinner fa-pulse"></i></div>
|
|
</div>
|
|
<div class="graph-histo">
|
|
<img id="histo-heartrate" src="" class="resize"/><i class="fa fa-spinner fa-pulse"></i>
|
|
</div>
|
|
<div class="graph-values">
|
|
<div class="div-value-main"><br/><div class="value-main"><span id=heartrate>-</span></div>{% trans "PPM" %}</div>
|
|
<div class="other-values"><table class="other-values">
|
|
<tr>
|
|
<td><div><div><span class="other-value" id=heartrate-min>-</span></div>{% trans "Min" %}</div></td>
|
|
<td><div><div><span class="other-value" id=heartrate-max>-</span></div>{% trans "Max" %}</div></td>
|
|
</tr>
|
|
<tr>
|
|
<td><div><div><span class="other-value" id=heartrate-mean1>-</span></div>{% trans "Mean 5 min" %}</div></td>
|
|
<td><div><div><span class="other-value" id=heartrate-mean2>-</span></div>{% trans "Mean 24 h" %}</div></td>
|
|
</tr>
|
|
</table></div>
|
|
</div>
|
|
</div>
|
|
<div class="graph-frame">
|
|
<div class="graph">
|
|
<div class="graph-name">{% trans "Temperature" %}</div>
|
|
<div class="graph-display"><img id="graph-temperature" src="" class="resize"/><i class="fa fa-spinner fa-pulse"></i></div>
|
|
</div>
|
|
<div class="graph-histo">
|
|
<img id="histo-temperature" src="" class="resize"/><i class="fa fa-spinner fa-pulse"></i>
|
|
</div>
|
|
<div class="graph-values">
|
|
<div class="div-value-main"><br/><div class="value-main"><span id=temperature>-</span></div>{% trans "°C" %}</div>
|
|
<div class="other-values"><table class="other-values">
|
|
<tr>
|
|
<td><div><div><span class="other-value" id=temperature-min>-</span></div>{% trans "Min" %}</div></td>
|
|
<td><div><div><span class="other-value" id=temperature-max>-</span></div>{% trans "Max" %}</div></td>
|
|
</tr>
|
|
<tr>
|
|
<td><div><div><span class="other-value" id=temperature-mean1>-</span></div>{% trans "Mean 5 min" %}</div></td>
|
|
<td><div><div><span class="other-value" id=temperature-mean2>-</span></div>{% trans "Mean 24 h" %}</div></td>
|
|
</tr>
|
|
</table></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-content" id="edit">
|
|
<div class="tab-content-inner">
|
|
<form action="" method="post" id="patient-form" class="default-form">{% csrf_token %}
|
|
{{ forms.main.as_p }}
|
|
<input type="submit" value="{% trans "Validate" %}"/>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="tab-content" id="alerts">
|
|
<div class="tab-content-inner-left">
|
|
<div class="tab-nav-bar">
|
|
<ul>
|
|
<li><i class="fa fa-play enabled" id="show-running"></i></li>
|
|
<li><i class="fa fa-stop enabled" id="show-closed"></i></li>
|
|
<li><i class="fa fa-eye disabled" id="show-checked"></i></li>
|
|
<li><i class="fa fa-remove enabled" id="check-all"></i></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="tab-content-inner-right">
|
|
<div id="running-alerts"><span id="running"><i class="fa fa-play"></i> {% trans "Running episodes !" %}</span></div>
|
|
<br/>
|
|
<div id="closed-alerts"><span id="closed"><i class="fa fa-stop"></i> {% trans "Closed episodes" %}</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-content" id="monitoring-profile">
|
|
<div class="tab-content-inner">
|
|
<p>{% trans "Default minimal duration" %} : {{ default_episode_duration }} {% trans "seconds" %}</p>
|
|
<form action="" method="post" id="patient-alert-profile-form">{% csrf_token %}
|
|
{{ forms.simple_alert_profile.non_field_errors }}
|
|
<div class="sap-metric">
|
|
<div class="title"><i class="fa fa-heart"></i> {% trans "Heartrate" %}</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.hr_max_critical.errors }}
|
|
{{ forms.simple_alert_profile.hr_max_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.hr_max_critical }}
|
|
</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.duration_hr_max_critical.errors }}
|
|
{{ forms.simple_alert_profile.duration_hr_max_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_hr_max_critical }}
|
|
</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.hr_min_critical.errors }}
|
|
{{ forms.simple_alert_profile.hr_min_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.hr_min_critical }}
|
|
</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.duration_hr_min_critical.errors }}
|
|
{{ forms.simple_alert_profile.duration_hr_min_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_hr_min_critical }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.hr_max_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.hr_max_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.hr_max_dangerous }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.duration_hr_max_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.duration_hr_max_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_hr_max_dangerous }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.hr_min_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.hr_min_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.hr_min_dangerous }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.duration_hr_min_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.duration_hr_min_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_hr_min_dangerous }}
|
|
</div>
|
|
<input type="submit" value="{% trans "Validate" %}"/>
|
|
</div>
|
|
<div class="sap-metric">
|
|
<div class="title"><i class="wi wi-thermometer-exterior"></i> {% trans "Temperature" %}</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.t_max_critical.errors }}
|
|
{{ forms.simple_alert_profile.t_max_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.t_max_critical }}
|
|
</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.duration_t_max_critical.errors }}
|
|
{{ forms.simple_alert_profile.duration_t_max_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_t_max_critical }}
|
|
</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.t_min_critical.errors }}
|
|
{{ forms.simple_alert_profile.t_min_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.t_min_critical }}
|
|
</div>
|
|
<div class="critical">
|
|
{{ forms.simple_alert_profile.duration_t_min_critical.errors }}
|
|
{{ forms.simple_alert_profile.duration_t_min_critical.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_t_min_critical }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.t_max_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.t_max_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.t_max_dangerous }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.duration_t_max_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.duration_t_max_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_t_max_dangerous }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.t_min_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.t_min_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.t_min_dangerous }}
|
|
</div>
|
|
<div class="dangerous">
|
|
{{ forms.simple_alert_profile.duration_t_min_dangerous.errors }}
|
|
{{ forms.simple_alert_profile.duration_t_min_dangerous.label_tag }}
|
|
{{ forms.simple_alert_profile.duration_t_min_dangerous }}
|
|
</div>
|
|
<input type="submit" value="{% trans "Validate" %}"/>
|
|
</div>
|
|
{% if display_alert_profile %}<div class="sap-metric">
|
|
{{ forms.simple_alert_profile.alert_profile.errors }}
|
|
{{ forms.simple_alert_profile.alert_profile.label_tag }}
|
|
{{ forms.simple_alert_profile.alert_profile }}
|
|
<input type="submit" value="{% trans "Validate" %}"/>
|
|
</div>{% endif %}
|
|
<div class="fieldWrapper">
|
|
{{ forms.simple_alert_profile.simple_simple_alert_profile }}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|