EVOLUTION-NINJA

Edit File: user_v_spinal_v.php

<?php
echo view('includes/user-reports-header');
?>
<div class="col-sm-9">
	<?php if($total1>0){?>
	<button type="submit" id="save-pdf" class="ml-5">Save as PDF</button>
	<?php }?>
	<div id="reports-pdf" class="pl-5">
 <div class="row">
    <div class="col-sm-12 reports-right">
	<h3 class="mt-2 mb-3 pt-2 txt-center"><u>CNB Reports</u></h3>
			<h3 class="mt-2 pt-2">Spinal Interspace Levels</h3>
			<div class="row" >
				<div class=" col-sm-6 table-responsive" id="demo-table">

<?php
					if ($total1 == 0) {
						print_r("<h4>" . 'No Data Found' . "</h4>");

} else {
						?>

<h4>Total cases=
							<?php echo $total1; ?>
						</h4>
						<table class="table table-bordered" style="height: 200px; width: 100%" id="mytable">
							<thead>
								<tr>
									<th>Spinal Location</th>
									<th>n</th>
									<th>Percentage</th>
								</tr>
							</thead>
							<tbody>

<?php foreach ($spinal_level_name as $row) {
									?>
									<tr>
										
										<td id="report-td-bg">
											<p>
												<?php echo $row['day']; ?>
											</p>
											
										</td>
										<td>
											<p>
												<?php echo $row['sell']; ?>
											</p>
										</td>
										
										
										<td>
											<p>
												<?php
												$number = (($row['sell'] / $total1) * 100);

echo number_format((float) $number, 1, '.', '') . "%"; ?>

</p>
										</td>
									</tr>
									<?php
								}
								?>
							</tbody>
						</table>
					</div>

</div>

<div class="col-sm-5">
					
				</div>

</div>
    </div>
 </div>

<div class='row'>
    <div class='col-sm-12 reports-right'>
    <h3 class="mt-2 pt-2">Individual Spinal Interspace Levels</h3>
			<div class="row" >
				<div class=" col-sm-10 table-responsive" id="demo-table">

<?php
					if ($total1 == 0) {
						print_r("<h4>" . 'No Data Found' . "</h4>");

} else {
						?>

<table class="table table-bordered" style="height: 200px; width: 100%" id="mytable">
							<thead>
								<tr>
									<th>Thoracic Level (n=<?php echo $t_thoracic ?>)</th>
									<th>n</th>
									<th>%</th>
                                    <th>Graphical Data</th>
								</tr>
							</thead>
							<tbody>

<?php foreach ($Thoracic_individual as $row) {
									?>
									<tr>
										
										<td id="report-td-bg">
											<p>
												<?php echo $row['one']; ?>
											</p>
											
										</td>
										<td>
											<p>
												<?php echo $row['two']; ?>
											</p>
										</td>
										
										
										<td>
											<p>
												<?php
												$number = (($row['two'] / $t_thoracic) * 100);

echo number_format((float) $number, 1, '.', '') . "%"; ?>

</p>
										</td>
                                        <td>
                                        <div class="progress">
                                            <div class="progress-bar" role="progressbar" style="width: <?php echo $number; ?>%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" ><b class='pl-1'><?php echo $row['two']; ?></b></div>
                                        </div>
                                        </td>
									</tr>
									<?php
								}
								?>
							</tbody>
							<?php
					if ($t_lumbar == 0) {
						print_r("<h4>" . 'No Data Found' . "</h4>");

} else {
						?>
                            <thead>
								<tr>
									<th>Lumbar Level (n=<?php echo $t_lumbar ?>)</th>
									<th>n</th>
									<th>%</th>
                                    <th style="width:50%;">Graphical Data</th>
								</tr>
							</thead>
                            <tbody>

<?php foreach ($Lumbar_individual as $row) {
									?>
									<tr>
										
										<td id="report-td-bg">
											<p>
												<?php echo $row['three']; ?>
											</p>
											
										</td>
										<td>
											<p>
												<?php echo $row['four']; ?>
											</p>
										</td>
										
										
										<td>
											<p>
												<?php
												$number = (($row['four'] / $t_lumbar) * 100);

echo number_format((float) $number, 1, '.', '') . "%"; ?>

</p>
										</td>
                                        <td>
                                        <div class="progress">
                                            <div class="progress-bar" role="progressbar" style="width: <?php echo $number; ?>%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" ><b class='pl-1'><?php echo $row['four']; ?></b></div>
                                        </div>
                                        </td>
									</tr>
									<?php
								}
								?>
							</tbody>
						</table>
						<?php } ?>
					</div>

</div>

<div class="col-sm-5">
					
				</div>

</div>
    </div>
</div>

</div>
</div>

var btnSave = document.getElementById('save-pdf');

btnSave.disabled = false;

btnSave.addEventListener('click', function () {
			var doc = new jsPDF();
			html2canvas($('#reports-pdf').get(0)).then(function (canvas) {
				// export pdf
				var pdfDoc = new jsPDF({
					orientation: 'potrait',
					unit: 'px',
					format: [canvas.width, canvas.height]
				});
				pdfDoc.addImage(canvas.toDataURL('image/png'), 0, 0);
				pdfDoc.save('Spinal Individual.pdf');
			});
			//doc.addImage(pie_chart.getImageURI(),0,0);
			//doc.addImage(column_chart.getImageURI(),0,0);
			//doc.save('anatomical.pdf');
		}, false);

</script>
<style>
    .progress-bar{
        background-color: rgb(0 123 255 / 70%);
        color:black;
    }
    .progress{
        height:1.6rem;
    }
    </style>
<?php
echo view('includes/reports-footer');
?>