| Server IP : 162.240.98.243 / Your IP : 3.16.48.43 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/www/login.easenup.in/ |
Upload File : |
<?php include('menu.php');?>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Add Vitals</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="bootstrap.min.css" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container">
<p align="right">
<button type="button" name="add" id="add" class="btn btn-success btn-xs"><i class="fa fa-plus" aria-hidden="true"></i>Add Vitals</button>
</p>
</div>
<br />
<form method="post" id="user_form">
<div class="table-responsive">
<table class="table table-striped table-bordered" id="user_data">
<tr>
<th>BP(mmHg)</th>
<th>Temp(oC)</th>
<th>RR(breaths/min)</th>
<th>Spo2 (%)</th>
<th>HR(bpm) </th>
<th>Pulse</th>
<th>BMI</th>
<th>Action</th>
</tr>
</table>
</div>
<div align="center">
<input type="submit" name="insert" id="insert" class="btn btn-success btn-xs" value="Insert" />
</div>
</form>
<br />
</div>
<div id="user_dialog" title="Add Data">
<div class="form-group">
<input type="text" placeholder="Name" name="patientid" id="patientid" value="54" class="form-control" />
<label>BP(mmHg)</label>
<input type="text" placeholder="BP(mmHg)" name="BP" id="BP" class="form-control" />
<span id="error_BP" class="text-danger"></span>
</div>
<div class="form-group">
<label>Temp(oC)</label>
<input type="text" placeholder="Temp(oC)" name="Temp" id="Temp" class="form-control" />
<span id="error_Temp" class="text-danger"></span>
</div>
<div class="form-group">
<label>RR(breaths/min)</label>
<input type="text" placeholder="RR(breaths/min)" name="RR" id="RR" class="form-control">
</td>
<span id="error_RR" class="text-danger"></span>
</div>
<div class="form-group">
<label> Spo2 (%)</label>
<input type="text" placeholder="Spo2 (%)" name="Spo2" id="Spo2" class="form-control">
<span id="error_Spo2" class="text-danger"></span>
</div>
<div class="form-group">
<label> HR(bpm)</label>
<input type="text" placeholder="HR(bpm)" name="HR" id="HR" class="form-control">
<span id="error_HR" class="text-danger"></span>
</div>
<div class="form-group">
<label> Pulse</label>
<input type="text" placeholder="Pulse" name="Pulse" id="Pulse" class="form-control">
<span id="error_Pulse" class="text-danger"></span>
</div>
<div class="form-group">
<label> BMI</label>
<input type="text" placeholder="BMI" name="BMI" id="BMI" class="form-control">
<span id="error_BMI" class="text-danger"></span>
</div>
<div class="form-group" align="center">
<input type="hidden" name="row_id" id="hidden_row_id" />
<button type="button" name="save" id="save" class="btn btn-info">Save</button>
</div>
</div>
<div id="action_alert" title="Action">
</div>
</body>
</html>
<script>
$(document).ready(function(){
var count = 0;
$('#user_dialog').dialog({
autoOpen:false,
width:350
});
$('#add').click(function(){
$('#user_dialog').dialog('option', 'title', 'Add Vitals');
$('#patientid').val('');
$('#BP').val('');
$('#Temp').val('');
$('#RR').val('');
$('#Spo2').val('');
$('#HR').val('');
$('#Pulse').val('');
$('#BMI').val('');
$('#error_patientid').text('');
$('#error_BP').text('');
$('#error_Temp').text('');
$('#error_RR').text('');
$('#error_Spo2').text('');
$('#error_HR').text('');
$('#error_Pulse').text('');
$('#error_BMI').text('');
$('#patientid').css('border-color', '');
$('#BP').css('border-color', '');
$('#Temp').css('border-color', '');
$('#RR').css('border-color', '');
$('#Spo2').css('border-color', '');
$('#HR').css('border-color', '');
$('#Pulse').css('border-color', '');
$('#BMI').css('border-color', '');
$('#save').text('Save');
$('#user_dialog').dialog('open');
});
$('#save').click(function(){
var error_patientid= '';
var error_BP = '';
var error_Temp = '';
var error_RR = '';
var error_Spo2 = '';
var error_HR = '';
var error_Pulse = '';
var error_BMI = '';
var patientid = '';
var BP = '';
var Temp = '';
var RR = '';
var Spo2 = '';
var HR = '';
var Pulse = '';
var BMI = '';
if($('#BP').val() == '')
{
error_BP = 'BP is required';
$('#error_BP').text(error_BP);
$('#BP').css('border-color', '#cc0000');
BP = '';
}
else
{
error_BP = '';
$('#error_BP').text(error_BP);
$('#BP').css('border-color', '');
BP = $('#BP').val();
}
if($('#Temp').val() == '')
{
error_Temp = 'Temp is required';
$('#error_Temp').text(error_Temp);
$('#Temp').css('border-color', '#cc0000');
Temp = '';
}
else
{
error_Temp = '';
$('#error_Temp').text(error_Temp);
$('#Temp').css('border-color', '');
Temp = $('#Temp').val();
}
if($('#RR').val() == '')
{
error_RR = 'RR is required';
$('#RR').text(error_Route);
$('#RR').css('border-color', '#cc0000');
RR = '';
}
else
{
error_RR = '';
$('#error_RR').text(error_RR);
$('#RR').css('border-color', '');
RR = $('#RR').val();
}
if($('#Spo2').val() == '')
{
error_Spo2 = 'Spo2 is required';
$('#error_Spo2').text(error_Spo2);
$('#Spo2').css('border-color', '#cc0000');
Spo2 = '';
}
else
{
error_Spo2 = '';
$('#error_Spo2').text(error_Spo2);
$('#Spo2').css('border-color', '');
Spo2 = $('#Spo2').val();
}
if($('#HR').val() == '')
{
error_HR = 'HR is required';
$('#error_HR').text(error_HR);
$('#HR').css('border-color', '#cc0000');
HR = '';
}
else
{
error_HR = '';
$('#error_HR').text(error_HR);
$('#HR').css('border-color', '');
HR = $('#HR').val();
}
if($('#Pulse').val() == '')
{
error_Pulse = 'Pulse is required';
$('#error_Pulse').text(error_Pulse);
$('#Pulse').css('border-color', '#cc0000');
Pulse = '';
}
else
{
error_Pulse = '';
$('#error_Pulse').text(error_Pulse);
$('#Pulse').css('border-color', '');
Pulse = $('#Pulse').val();
}
if($('#BMI').val() == '')
{
error_BMI = 'BMI is required';
$('#error_BMI').text(error_BMI);
$('#BMI').css('border-color', '#cc0000');
BMI = '';
}
else
{
error_BMI = '';
$('#BMI').text(error_HR);
$('#BMI').css('border-color', '');
BMI = $('#BMI').val();
}
if(error_BP != '' || error_Temp != ''|| error_RR != ''|| error_Spo2 != ''|| error_HR != ''|| error_Pulse != ''|| error_BMI != '')
{
return false;
}
else
{
if($('#save').text() == 'Save')
{
count = count + 1;
output = '<tr id="row_'+count+'">';
output += ''+patientid+' <input type="hidden" name="hidden_patientid[]" id="patientid'+count+'" class="patientid" value="'+patientid+'" /></td>';
output += '<td>'+BP+' <input type="hidden" name="hidden_BP[]" id="BP'+count+'" class="BP" value="'+BP+'" />';
output += '<td>'+Temp+' <input type="hidden" name="hidden_Temp[]" id="Temp'+count+'" value="'+Temp+'" /></td>';
output += '<td>'+RR+' <input type="hidden" name="hidden_RR[]" id="RR'+count+'" value="'+RR+'" /></td>';
output += '<td>'+Spo2+' <input type="hidden" name="hidden_Spo2[]" id="Spo2'+count+'" value="'+Spo2+'" /></td>';
output += '<td>'+HR+' <input type="hidden" name="hidden_HR[]" id="HR'+count+'" value="'+HR+'" /></td>';
output += '<td>'+Pulse+' <input type="hidden" name="hidden_Pulse[]" id="Pulse'+count+'" value="'+Pulse+'" /></td>';
output += '<td>'+BMI+' <input type="hidden" name="hidden_BMI[]" id="BMI'+count+'" value="'+BMI+'" /></td>';
output += '<td><button type="button" name="view_details" class="btn btn-warning btn-xs view_details" id="'+count+'"><i class="fa fa-edit" aria-hidden="true"></i></button>';
output += '<button type="button" name="remove_details" class="btn btn-danger btn-xs remove_details" id="'+count+'"><i class="fa fa-trash" aria-hidden="true"></i></button></td>';
output += '</tr>';
$('#user_data').append(output);
}
else
{
var row_id = $('#hidden_row_id').val();
output = ''+patientid+' <input type="hidden" name="hidden_patientid[]" id="patientid'+row_id+'" class="patientid" value="'+BP+'" />';
output = '<td>'+BP+' <input type="hidden" name="hidden_BP[]" id="BP'+row_id+'" class="BP" value="'+BP+'" /></td>';
output += '<td>'+Temp+' <input type="hidden" name="hidden_Temp[]" id="Temp'+row_id+'" value="'+Temp+'" /></td>';
output += '<td>'+RR+' <input type="hidden" name="hidden_RR[]" id="RR'+row_id+'" value="'+RR+'" /></td>';
output += '<td>'+Spo2+' <input type="hidden" name="hidden_Spo2[]" id="Spo2'+row_id+'" value="'+Spo2+'" /></td>';
output += '<td>'+HR+' <input type="hidden" name="hidden_HR[]" id="HR'+row_id+'" value="'+HR+'" /></td>';
output += '<td>'+Pulse+' <input type="hidden" name="hidden_Pulse[]" id="Pulse'+row_id+'" value="'+Pulse+'" /></td>';
output += '<td>'+BMI+' <input type="hidden" name="hidden_BMI[]" id="BMI'+row_id+'" value="'+BMI+'" /></td>';
output += '<td><button type="button" name="view_details" class="btn btn-warning btn-xs view_details" id="'+row_id+'"><i class="fa fa-edit" aria-hidden="true"></i></button>';
output += '<button type="button" name="remove_details" class="btn btn-danger btn-xs remove_details" id="'+row_id+'"><i class="fa fa-trash" aria-hidden="true"></i></button></td>';
$('#row_'+row_id+'').html(output);
}
$('#user_dialog').dialog('close');
}
});
$(document).on('click', '.view_details', function(){
var row_id = $(this).attr("id");
var patientid = $('#patientid'+row_id+'').val();
var BP = $('#BP'+row_id+'').val();
var Temp = $('#Temp'+row_id+'').val();
var RR = $('#RR'+row_id+'').val();
var Spo2 = $('#Spo2'+row_id+'').val();
var HR = $('#HR'+row_id+'').val();
var Pulse= $('#Pulse'+row_id+'').val();
var BMI = $('#BMI'+row_id+'').val();
$('#patientid').val(patientid);
$('#BP').val(BP);
$('#Temp').val(Temp);
$('#RR').val(RR);
$('#Spo2').val(Spo2);
$('#HR').val(HR);
$('#Pulse').val(Pulse);
$('#BMI').val(BMI);
$('#save').text('Edit');
$('#hidden_row_id').val(row_id);
$('#user_dialog').dialog('option', 'title', 'Edit Data');
$('#user_dialog').dialog('open');
});
$(document).on('click', '.remove_details', function(){
var row_id = $(this).attr("id");
if(confirm("Are you sure you want to remove this row data?"))
{
$('#row_'+row_id+'').remove();
}
else
{
return false;
}
});
$('#action_alert').dialog({
autoOpen:false
});
$('#user_form').on('submit', function(event){
event.preventDefault();
var count_data = 0;
$('.patientid').each(function(){
count_data = count_data + 1;
});
if(count_data > 0)
{
var form_data = $(this).serialize();
$.ajax({
url:"vitalsfinal2.php",
method:"POST",
data:form_data,
success:function(data)
{
$('#user_data').find("tr:gt(0)").remove();
$('#action_alert').html('<p>Vitals Inserted Successfully</p>');
$('#action_alert').dialog('open');
}
})
}
else
{
$('#action_alert').html('<p>Please Add atleast one data</p>');
$('#action_alert').dialog('open');
}
});
});
</script>