File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
​
​
<!doctype html>
<html lang="en">
<head>
<title>Loans to Review by Date Range</title>
<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.12.1/b-2.2.3/b-html5-2.2.3/datatables.min.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.12.1/b-2.2.3/b-html5-2.2.3/datatables.min.js"></script>
    
​
​
​
​
​
</head>
<body onload="getParamVal()">
<div style="visibility:collapse"><table><tr><td id="d1"></td></tr><tr><td id="d2"></td></tr><tr><td id="d3"></td></tr></table></div>
​
<div class="container-fluid" id="qselect">
​
  </div>
​
<div id="qresults" class="container-fluid">
<table style="width: 98%">
    <tr>
    <td style="text-align:left"><h5>Loans for Review</h5></td>
    <td style="text-align:right">
        <button onclick="goBack()">Back</button>&nbsp;
        <button onclick="printContent('p1')">Print Report</button>&nbsp;
        <button onclick="self.close()">Close</button>
    </td>
    </tr>
</table>
<div class="container-fluid" id="p1">
  <table style="width: 99%"><tr>
    <td style="text-align:center">
        <b>Loans for Review</b> Booked Between 2022-09-22 and 2022-09-22
        <br />D = Detailed Review of 10% of New Loans and All Real Estate Loans 
    </td>
    <td style="text-align:right;width: 75px">9/22/2022<br />12:41:57 PM</td></tr>
  </table>
​
    <table class="display" style="width:100%">
​
    <tr style="background-color:lightblue;border:1px solid black">
        <td colspan="10" style="text-align:left"><b>&nbsp;&nbsp;Branch:</b></td>
    </tr>
    <tr style="background-color:lightblue">
        <th style="text-align:center"> </th>
        <th style="text-align:center;width:40px">Review</th>
        <th style="text-align:center;width:105px">Member</th>
        <th style="text-align:center">Name</th>
        <th style="text-align:center;width:60px">Booked</th>
        <th style="width:83px">OrigAmt</th>
        <th style="width:83px">Balance</th>
        <th style="width:40px">APR</th>
        <th style="text-align:center;width:40px">Term</th>
        <th style="text-align:center">Loan Officer</th>
    </tr>
​
    <tr style="background-color:bisque;border-top:1px solid black">
    <td colspan="10" style="text-align:left"> &nbsp;<b>Personal Loan</b></td></tr>
​
    <tr>
        <td style="text-align:center">&nbsp;D</td>
        <td style="text-align:center">1</td>
        <td style="text-align:left;white-space:nowrap">23423463</td>
        <td style="text-align:left;white-space:nowrap">John D</td>
        <td style="text-align:center">9/22/2022</td>
        <td style="text-align:right">2000.00</td>
        <td style="text-align:right">2000.00</td>
        <td style="text-align:right">8.24</td>
        <td style="text-align:center">12</td>
        <td style="text-align:left;white-space:nowrap">yayaya           </td>
    </tr>
​
    <tr style="background-color:lightyellow">
        <td colspan="5" style="text-align:left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Last 0 Above</b> Qualifies for General Review (25%)</td>
        <td style="text-align:right;border-top-style:double">2000.00</td>
        <td style="text-align:right;border-top-style:double">2000.00</td>
        <td colspan="3" style="text-align:left"> </td>
    </tr>
    <tr style="background-color:lightyellow">
    <td colspan="10" style="text-align:left;border:1px solid black"> &nbsp;
        Branch
        New Loans Booked Between 2022-09-22 and 2022-09-22</td></tr>
    <tr><td colspan="10">&nbsp; </td></tr>
​
    <tr style="background-color:lightblue;border:1px solid black">
        <td colspan="10" style="text-align:left"><b>&nbsp;&nbsp;Branch: 6 - Wells                   </b></td>
    </tr>
    <tr style="background-color:lightblue">
        <th style="text-align:center"> </th>
        <th style="text-align:center;width:40px">Review</th>
        <th style="text-align:center;width:105px">Member</th>
        <th style="text-align:center">Name</th>
        <th style="text-align:center;width:60px">Booked</th>
        <th style="width:83px">OrigAmt</th>
        <th style="width:83px">Balance</th>
        <th style="width:40px">APR</th>
        <th style="text-align:center;width:40px">Term</th>
        <th style="text-align:center">Loan Officer</th>
    </tr>
​
    <tr style="background-color:bisque;border-top:1px solid black">
    <td colspan="10" style="text-align:left"> &nbsp;<b>Overdraft LOC</b></td></tr>
​
    <tr style="background-color:lightgreen">
        <td style="text-align:center">&nbsp;D</td>
        <td style="text-align:center">1</td>
        <td style="text-align:left;white-space:nowrap">88888</td>
        <td style="text-align:left;white-space:nowrap">Mickey</td>
        <td style="text-align:center">9/22/2022</td>
        <td style="text-align:right">0.00</td>
        <td style="text-align:right">0.00</td>
        <td style="text-align:right">18.00</td>
        <td style="text-align:center">0</td>
        <td style="text-align:left;white-space:nowrap">yaya        </td>
    </tr>
​
    <tr style="background-color:lightyellow">
        <td colspan="5" style="text-align:left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Last 0 Above</b> Qualifies for General Review (25%)</td>
        <td style="text-align:right;border-top-style:double">0.00</td>
        <td style="text-align:right;border-top-style:double">0.00</td>
        <td colspan="3" style="text-align:left"> </td>
    </tr>
    <tr style="background-color:lightyellow">
    <td colspan="10" style="text-align:left;border:1px solid black"> &nbsp;
        Branch 
        New Loans Booked Between 2022-09-22 and 2022-09-22</td></tr>
    <tr><td colspan="10">&nbsp; </td></tr>
    <tr style="background-color:lightsteelblue">
        <td colspan="10" style="text-align:left;border:1px solid black"> &nbsp;2 
        New Loans Booked Between 2022-09-22 and 2022-09-22</td>
    </tr>
</table>
​
  <p> &nbsp;</p>
​
  <p> &nbsp;</p>
​
</div>
​
</div>
​
​
<p> &nbsp;</p>
<p> &nbsp;</p>
</body>
</html>
CSSSaved
 
    table {
        border-spacing: 2px;
        text-align: right;
        vertical-align: text-top;
        border: 0.2px solid white;
        vertical-align: text-top
    }
    th {
        font-family:Tahoma;
        font-size:12px;
        text-align: right
    }
    tr {
        vertical-align: text-top
        }
    td {font-family:Tahoma;font-size:12px}
    a {font-family:Tahoma;font-size:12px}
    a:link {color:blue}
    a:visited {color:darkred}
    a:hover {color:darkblue}
    a:active {color:red}
    .inline {display: inline}
    .container {
        width: 98%;
        margin: 15px auto;
    }
    #caption{margin-left: 25px}
    button:hover {color:Highlight}
JavaScriptSaved
 
$(document).ready( function () {
  var table = $('#example').DataTable();
} );
​
​
 $(document).ready( function () {
  var table = $('table.display').DataTable({
    dom: 'Bftrip',
    buttons: ['excel', 'csv', 'pdf']
  });
} );
​
​
​
​
​
    $(function () {
        $("#from_date").datepicker({
            autoclose: true,
            todayHighlight: true,
            clearBtn: true,
            startView: 0
        }).datepicker('update', new Date());
    });
    $(function () {
        $("#to_date").datepicker({
            autoclose: true,
            todayHighlight: true,
            clearBtn: true
    }).datepicker('update', new Date());
    });
​
​
 
    function getParameterByName(name) {
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(urlStr);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }
    function getParamVal() {
        document.getElementById("d2").innerHTML = rFromDate;
        document.getElementById("d3").innerHTML = rToDate;
    }
    function goBack() {
        window.history.back();
    }
    function printContent(el) {
        var restorepage = document.body.innerHTML;
        var printcontent = document.getElementById(el).innerHTML;
        document.body.innerHTML = printcontent;
        window.print();
        document.body.innerHTML = restorepage;
        location.reload();
    }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers