Mini Kabibi Habibi
<link rel="stylesheet" type="text/css" href="css/style1.css">
<center>
<div class="filterss" style="float: right; margin-right: 120px;">
<button onclick="printContent('print')" id = "hit" style="float: right;">Print Report</button>
</div>
<br><br>
<div id="print" style="border: 1px solid; width: auto; height: auto;">
<div class="report-title" style = "margin:10px;"><br/>
<div class="print-logo">
<img src="images/download.jpg" width="120px" height="120px" style="margin-left: -330px; position: absolute;">
</div>
<center>Republic of the Philippines</center>
<center><strong>SCHOOLS DIVISION OF BATANGAS CITY</strong></center>
<center>P. Herra St., Batangas City</center>
<center>Tel. No. (043) 702-2094</center>
<br />
<center><strong>Tracking Slip</strong></center>
</div>
<br />
<br />
<br />
<br />
<table id="example" style="font-size:15px">
<?php
include('connect.php');
$id=$_GET['id'];
$display = $con->prepare("SELECT * FROM documents_recieved where id='{$_GET['id']}'");
$display->execute();
$fetch = $display->fetchAll();
foreach($fetch as $key => $row) {
?>
<center><span><strong>Tracking Number: <?php echo $row['tracking_no']; ?></strong></span></center>
<center><span><strong>Title: <?php echo $row['title']; ?></strong></span></center>
<thead>
<tr>
<td style="display:none">id</td>
<td style="display:none"><?php echo $row['id']; ?></td>
<td colspan="10"><strong>OFFICES</strong></td>
<td colspan="10"><strong>                                 SIGNATURE</strong></td>
<td colspan="10"><strong>                                DATE</strong></td>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $row['ofc1']; ?></td>
<td></td>
<td></td>
</tr>
<tr>
<td><?php echo $row['ofc2']; ?></td>
<td></td>
</tr>
<tr>
<td><?php echo $row['ofc3']; ?></td>
<td></td>
</tr>
<tr>
<td><?php echo $row['ofc4']; ?></td>
<td></td>
</tr>
<tr>
<td><?php echo $row['ofc5']; ?></td>
<td></td>
</tr>
<tr>
<td><?php echo $row['ofc6']; ?></td>
<td></td>
</tr>
<tr>
<td><?php echo $row['ofc7']; ?></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tr>
<?php
} ?>
</tbody>
</table>
<br><br><br>
</div>
</div>
</center>
<script src="plugins/js/jquery-1.js"></script>
<script type="text/javascript">
$("#btnExport").click(function (e) {
//getting values of current time for generating the file name
var dt = new Date();
var day = dt.getDate();
var month = dt.getMonth() + 1;
var year = dt.getFullYear();
var hour = dt.getHours();
var mins = dt.getMinutes();
var postfix = day + "." + month + "." + year + "_" + hour + "." + mins;
//creating a temporary HTML link element (they support setting file names)
var a = document.createElement('a');
//getting data from our div that contains the HTML table
var data_type = 'data:application/vnd.ms-excel;charset=utf-8';
var table_html = $('#print')[0].outerHTML;
// table_html = table_html.replace(/ /g, '%20');
table_html = table_html.replace(/<tfoot[\s\S.]*tfoot>/gmi, '');
var css_html = '<style>td {border: 0.5pt solid #c0c0c0} .tRight { text-align:right} .tLeft { text-align:left} </style>';
// css_html = css_html.replace(/ /g, '%20');
a.href = data_type + ',' + encodeURIComponent('<html><head>' + css_html + '</' + 'head><body>' + table_html + '</body></html>');
//setting the file name
a.download = 'All Personnel_' + postfix + '.xls';
//triggering the function
a.click();
//just in case, prevent default behaviour
e.preventDefault();
});
</script>
<script>
function printContent(el){
var restorepage = document.body.innerHTML;
var printcontent = document.getElementById(el).innerHTML;
document.body.innerHTML = printcontent;
window.print();
document.body.innerHTML = restorepage;
}
</script>
<script type="text/javascript">
(function(document) {
'use strict';
var LightTableFilter = (function(Arr) {
var _input;
function _onInputEvent(e) {
_input = e.target;
var tables = document.getElementsByClassName(_input.getAttribute('data-table'));
Arr.forEach.call(tables, function(table) {
Arr.forEach.call(table.tBodies, function(tbody) {
Arr.forEach.call(tbody.rows, _filter);
});
});
}
function _filter(row) {
var text = row.textContent.toLowerCase(), val = _input.value.toLowerCase();
row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
}
return {
init: function() {
var inputs = document.getElementsByClassName('light-table-filter');
Arr.forEach.call(inputs, function(input) {
input.oninput = _onInputEvent;
});
}
};
})(Array.prototype);
document.addEventListener('readystatechange', function() {
if (document.readyState === 'complete') {
LightTableFilter.init();
}
});
})(document);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = " ";
});
app.filter('capitalize', function() {
return function(input) {
return (!!input) ? input.charAt(0).toUpperCase() + input.substr(1).toLowerCase() : '';
}
});
</script>