mirror of https://github.com/itflow-org/itflow
Fixed Input Masks, Spruced up Invoice PDF Template
This commit is contained in:
johnnyq
parent
545e8b08ad
commit
31c73601a0
|
|
@ -187,7 +187,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="ip" placeholder="IP Address" data-inputmask="'alias': 'ip'">
|
||||
<input type="text" class="form-control" name="ip" placeholder="IP Address" data-inputmask="'alias': 'ip'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -197,7 +197,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="mac" placeholder="MAC Address" data-inputmask="'alias': 'mac'">
|
||||
<input type="text" class="form-control" name="mac" placeholder="MAC Address" data-inputmask="'alias': 'mac'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -291,4 +291,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -251,4 +251,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -138,4 +138,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="mobile" placeholder="Mobile Phone Number" data-inputmask="'mask': '999-999-9999'">
|
||||
<input type="text" class="form-control" name="mobile" placeholder="Mobile Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -115,4 +115,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -178,4 +178,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-route"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="gateway" placeholder="ex 192.168.1.1" data-inputmask="'alias': 'ip'" required>
|
||||
<input type="text" class="form-control" name="gateway" placeholder="ex 192.168.1.1" data-inputmask="'alias': 'ip'" data-mask required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -93,4 +93,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -150,7 +150,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -199,4 +199,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
116
client_print.php
116
client_print.php
|
|
@ -147,19 +147,19 @@ if(isset($_GET['client_id'])){
|
|||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="list-unstyled">
|
||||
<?php if($num_contacts > 0){ ?> <li><a href="#contacts">Contacts</a></li> <?php } ?>
|
||||
<?php if($num_locations > 0){ ?> <li><a href="#locations">Locations</a></li> <?php } ?>
|
||||
<?php if($num_assets > 0){ ?> <li><a href="#assets">Assets</a></li> <?php } ?>
|
||||
<?php if($num_vendors > 0){ ?> <li><a href="#vendors">Vendors</a></li> <?php } ?>
|
||||
<?php if($num_logins > 0){ ?> <li><a href="#logins">Logins</a></li> <?php } ?>
|
||||
<?php if($num_networks > 0){ ?> <li><a href="#networks">Networks</a></li> <?php } ?>
|
||||
<?php if($num_domains > 0){ ?> <li><a href="#domains">Domains</a></li> <?php } ?>
|
||||
<?php if($num_software > 0){ ?> <li><a href="#software">Software</a></li> <?php } ?>
|
||||
<?php if($num_invoices > 0){ ?> <li><a href="#invoices">Invoices</a></li> <?php } ?>
|
||||
<?php if($num_payments > 0){ ?> <li><a href="#payments">Payments</a></li> <?php } ?>
|
||||
<?php if($num_quotes > 0){ ?> <li><a href="#quotes">Quotes</a></li> <?php } ?>
|
||||
<?php if($num_recurring > 0){ ?> <li><a href="#recurring">Recurring</a></li> <?php } ?>
|
||||
<?php if($num_documents > 0){ ?> <li><a href="#documents">Documents</a></li> <?php } ?>
|
||||
<?php if($num_contacts > 0){ ?> <li><input type="checkbox" name="c1" onclick="showMe('contacts')"> <a href="#contacts">Contacts</a></li> <?php } ?>
|
||||
<?php if($num_locations > 0){ ?> <li><input type="checkbox" name="c1" onclick="showMe('locations')" checked> <a href="#locations">Locations</a></li> <?php } ?>
|
||||
<?php if($num_assets > 0){ ?> <li><input type="checkbox" name="c1" onclick="showMe('assets')" checked> <a href="#assets">Assets</a></li> <?php } ?>
|
||||
<?php if($num_vendors > 0){ ?> <li><input type="checkbox" checked> <a href="#vendors">Vendors</a></li> <?php } ?>
|
||||
<?php if($num_logins > 0){ ?> <li><input type="checkbox" checked> <a href="#logins">Logins</a></li> <?php } ?>
|
||||
<?php if($num_networks > 0){ ?> <li><input type="checkbox" checked> <a href="#networks">Networks</a></li> <?php } ?>
|
||||
<?php if($num_domains > 0){ ?> <li><input type="checkbox" checked> <a href="#domains">Domains</a></li> <?php } ?>
|
||||
<?php if($num_software > 0){ ?> <li><input type="checkbox" checked> <a href="#software">Software</a></li> <?php } ?>
|
||||
<?php if($num_invoices > 0){ ?> <li><input type="checkbox" checked> <a href="#invoices">Invoices</a></li> <?php } ?>
|
||||
<?php if($num_payments > 0){ ?> <li><input type="checkbox" checked> <a href="#payments">Payments</a></li> <?php } ?>
|
||||
<?php if($num_quotes > 0){ ?> <li><input type="checkbox" checked> <a href="#quotes">Quotes</a></li> <?php } ?>
|
||||
<?php if($num_recurring > 0){ ?> <li><input type="checkbox" checked> <a href="#recurring">Recurring</a></li> <?php } ?>
|
||||
<?php if($num_documents > 0){ ?> <li><input type="checkbox" checked> <a href="#documents">Documents</a></li> <?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -168,56 +168,58 @@ if(isset($_GET['client_id'])){
|
|||
|
||||
|
||||
<?php if($num_contacts > 0){ ?>
|
||||
<h4 id="contacts">Contacts <small>(<?php echo $num_contacts; ?>)</small></h4>
|
||||
<table class="table table-bordered table-compact table-sm mb-4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Title</th>
|
||||
<th>Email</th>
|
||||
<th>Phone</th>
|
||||
<th>Mobile</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
|
||||
while($row = mysqli_fetch_array($sql_contacts)){
|
||||
$contact_id = $row['contact_id'];
|
||||
$contact_name = $row['contact_name'];
|
||||
$contact_title = $row['contact_title'];
|
||||
$contact_phone = $row['contact_phone'];
|
||||
if(strlen($contact_phone)>2){
|
||||
$contact_phone = substr($row['contact_phone'],0,3)."-".substr($row['contact_phone'],3,3)."-".substr($row['contact_phone'],6,4);
|
||||
}
|
||||
$contact_extension = $row['contact_extension'];
|
||||
if(!empty($contact_extension)){
|
||||
$contact_extension = "x$contact_extension";
|
||||
}
|
||||
$contact_mobile = $row['contact_mobile'];
|
||||
if(strlen($contact_mobile)>2){
|
||||
$contact_mobile = substr($row['contact_mobile'],0,3)."-".substr($row['contact_mobile'],3,3)."-".substr($row['contact_mobile'],6,4);
|
||||
}
|
||||
$contact_email = $row['contact_email'];
|
||||
<div id="dvContacts">
|
||||
<h4 id="contacts">Contacts <small>(<?php echo $num_contacts; ?>)</small></h4>
|
||||
<table class="table table-bordered table-compact table-sm mb-4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Title</th>
|
||||
<th>Email</th>
|
||||
<th>Phone</th>
|
||||
<th>Mobile</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo $contact_name; ?></td>
|
||||
<td><?php echo $contact_title; ?></td>
|
||||
<td><?php echo $contact_email; ?></td>
|
||||
<td><?php echo "$contact_phone $contact_extension"; ?></td>
|
||||
<td><?php echo $contact_mobile; ?></td>
|
||||
</tr>
|
||||
while($row = mysqli_fetch_array($sql_contacts)){
|
||||
$contact_id = $row['contact_id'];
|
||||
$contact_name = $row['contact_name'];
|
||||
$contact_title = $row['contact_title'];
|
||||
$contact_phone = $row['contact_phone'];
|
||||
if(strlen($contact_phone)>2){
|
||||
$contact_phone = substr($row['contact_phone'],0,3)."-".substr($row['contact_phone'],3,3)."-".substr($row['contact_phone'],6,4);
|
||||
}
|
||||
$contact_extension = $row['contact_extension'];
|
||||
if(!empty($contact_extension)){
|
||||
$contact_extension = "x$contact_extension";
|
||||
}
|
||||
$contact_mobile = $row['contact_mobile'];
|
||||
if(strlen($contact_mobile)>2){
|
||||
$contact_mobile = substr($row['contact_mobile'],0,3)."-".substr($row['contact_mobile'],3,3)."-".substr($row['contact_mobile'],6,4);
|
||||
}
|
||||
$contact_email = $row['contact_email'];
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo $contact_name; ?></td>
|
||||
<td><?php echo $contact_title; ?></td>
|
||||
<td><?php echo $contact_email; ?></td>
|
||||
<td><?php echo "$contact_phone $contact_extension"; ?></td>
|
||||
<td><?php echo $contact_mobile; ?></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if($num_locations > 0){ ?>
|
||||
<h4 id="locations">Locations <small>(<?php echo $num_locations; ?>)</small></h4>
|
||||
<table class="table table-bordered table-sm mb-4">
|
||||
|
|
|
|||
|
|
@ -186,7 +186,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="ip" value="<?php echo $asset_ip; ?>" placeholder="IP Address" data-inputmask="'alias': 'ip'">
|
||||
<input type="text" class="form-control" name="ip" value="<?php echo $asset_ip; ?>" placeholder="IP Address" data-inputmask="'alias': 'ip'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -196,7 +196,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="mac" value="<?php echo $asset_mac; ?>" placeholder="MAC Address" data-inputmask="'alias': 'mac'">
|
||||
<input type="text" class="form-control" name="mac" value="<?php echo $asset_mac; ?>" placeholder="MAC Address" data-inputmask="'alias': 'mac'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -291,4 +291,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -209,7 +209,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="mobile" placeholder="Mobile Number" value="<?php echo $client_mobile; ?>" data-inputmask="'mask': '999-999-9999'">
|
||||
<input type="text" class="form-control" name="mobile" placeholder="Mobile Number" value="<?php echo $client_mobile; ?>" data-inputmask="'mask': '999-999-9999'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -252,4 +252,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" value="<?php echo $company_phone; ?>">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask value="<?php echo $company_phone; ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -146,4 +146,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" value="<?php echo $contact_phone; ?>">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask value="<?php echo $contact_phone; ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="mobile" placeholder="Mobile Phone Number" data-inputmask="'mask': '999-999-9999'" value="<?php echo $contact_mobile; ?>">
|
||||
<input type="text" class="form-control" name="mobile" placeholder="Mobile Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask value="<?php echo $contact_mobile; ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -128,4 +128,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" value="<?php echo $location_phone; ?>">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" data-inputmask="'mask': '999-999-9999'" data-mask value="<?php echo $location_phone; ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -187,4 +187,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-route"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="gateway" placeholder="ex 192.168.1.1" value="<?php echo $network_gateway; ?>" data-inputmask="'alias': 'ip'" required>
|
||||
<input type="text" class="form-control" name="gateway" placeholder="ex 192.168.1.1" value="<?php echo $network_gateway; ?>" data-inputmask="'alias': 'ip'" data-mask required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -93,4 +93,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -148,7 +148,7 @@
|
|||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" value="<?php echo $vendor_phone; ?>" data-inputmask="'mask': '999-999-9999'">
|
||||
<input type="text" class="form-control" name="phone" placeholder="Phone Number" value="<?php echo $vendor_phone; ?>" data-inputmask="'mask': '999-999-9999'" data-mask>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -197,4 +197,4 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -20,8 +20,7 @@
|
|||
<script src='plugins/fullcalendar/main.min.js'></script>
|
||||
<script src='plugins/daterangepicker/daterangepicker.js'></script>
|
||||
<script src='plugins/select2/js/select2.min.js'></script>
|
||||
<script src='plugins/inputmask/min/jquery.inputmask.bundle.min.js'></script>
|
||||
<script src='plugins/inputmask/min/inputmask/bindings/inputmask.binding.min.js'></script>
|
||||
<script src='plugins/inputmask/jquery.inputmask.min.js'></script>
|
||||
<script src="plugins/summernote/summernote-bs4.min.js"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="dist/js/adminlte.min.js"></script>
|
||||
|
|
|
|||
382
invoice.php
382
invoice.php
|
|
@ -515,7 +515,7 @@ include("footer.php");
|
|||
]
|
||||
},
|
||||
|
||||
watermark: {text: '<?php echo $invoice_status; ?>', color: 'grey', opacity: 0.3, bold: true, italics: false},
|
||||
//watermark: {text: '<?php echo $invoice_status; ?>', color: 'lightgrey', opacity: 0.3, bold: true, italics: false},
|
||||
|
||||
content: [
|
||||
// Header
|
||||
|
|
@ -530,58 +530,15 @@ include("footer.php");
|
|||
|
||||
[
|
||||
{
|
||||
text: 'INVOICE',
|
||||
text: 'Invoice',
|
||||
style: 'invoiceTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
stack: [
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Invoice #',
|
||||
style:'invoiceSubTitle',
|
||||
width: '*'
|
||||
|
||||
},
|
||||
{
|
||||
text:'<?php echo "$invoice_prefix$invoice_number"; ?>',
|
||||
style:'invoiceSubValue',
|
||||
width: 100
|
||||
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Date Issued',
|
||||
style:'invoiceSubTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
text:'<?php echo $invoice_date ?>',
|
||||
style:'invoiceSubValue',
|
||||
width: 100
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Due Date',
|
||||
style:'invoiceSubTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
text:'<?php echo $invoice_due ?>',
|
||||
style:'invoiceSubValue',
|
||||
width: 100
|
||||
}
|
||||
]
|
||||
},
|
||||
]
|
||||
}
|
||||
text: '<?php echo "$invoice_prefix$invoice_number"; ?>',
|
||||
style: 'invoiceNumber',
|
||||
width: '*'
|
||||
},
|
||||
],
|
||||
],
|
||||
},
|
||||
|
|
@ -595,24 +552,54 @@ include("footer.php");
|
|||
},
|
||||
{
|
||||
text: '<?php echo $client_name; ?>',
|
||||
style:'invoiceBillingTitle',
|
||||
style:'invoiceBillingTitleClient',
|
||||
|
||||
},
|
||||
]
|
||||
},
|
||||
|
||||
// Billing Address
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text: '<?php echo $company_address; ?> \n <?php echo "$company_city $company_state $company_zip"; ?> \n \n <?php echo $company_phone; ?> \n <?php echo $company_website; ?>',
|
||||
text: '<?php echo $company_address; ?> \n <?php echo "$company_city $company_state $company_zip"; ?> \n <?php echo $company_phone; ?> \n <?php echo $company_website; ?>',
|
||||
style: 'invoiceBillingAddress'
|
||||
},
|
||||
{
|
||||
text: '<?php echo $client_address; ?> \n <?php echo "$client_city $client_state $client_zip"; ?> \n \n <?php echo $client_email; ?> \n <?php echo $client_phone; ?>',
|
||||
style: 'invoiceBillingAddress'
|
||||
text: '<?php echo $client_address; ?> \n <?php echo "$client_city $client_state $client_zip"; ?> \n <?php echo $client_email; ?> \n <?php echo $client_phone; ?>',
|
||||
style: 'invoiceBillingAddressClient'
|
||||
},
|
||||
]
|
||||
},
|
||||
// Invoice Dates
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Invoice Date',
|
||||
style:'invoiceDateTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
text:'<?php echo $invoice_date ?>',
|
||||
style:'invoiceDateValue',
|
||||
width: 50
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Due Date',
|
||||
style:'invoiceDateTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
text:'<?php echo $invoice_due ?>',
|
||||
style:'invoiceDateValue',
|
||||
width: 50
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
// Line breaks
|
||||
'\n\n',
|
||||
// Items
|
||||
|
|
@ -678,13 +665,13 @@ include("footer.php");
|
|||
},
|
||||
{
|
||||
text: '$item_description',
|
||||
style:'itemSubTitle'
|
||||
style:'itemDescription'
|
||||
|
||||
}
|
||||
],
|
||||
{
|
||||
text:'$item_quantity',
|
||||
style:'itemNumber'
|
||||
style:'itemQty'
|
||||
},
|
||||
{
|
||||
text:'$$item_price',
|
||||
|
|
@ -709,7 +696,7 @@ include("footer.php");
|
|||
// END Items
|
||||
]
|
||||
}, // table
|
||||
// layout: 'lightHorizontalLines'
|
||||
layout: 'lightHorizontalLines'
|
||||
},
|
||||
// TOTAL
|
||||
{
|
||||
|
|
@ -743,7 +730,7 @@ include("footer.php");
|
|||
],
|
||||
[
|
||||
{
|
||||
text:'TOTAL',
|
||||
text:'Total',
|
||||
style:'itemsFooterTotalTitle'
|
||||
},
|
||||
{
|
||||
|
|
@ -776,7 +763,7 @@ include("footer.php");
|
|||
layout: 'lightHorizontalLines'
|
||||
},
|
||||
{
|
||||
text: 'NOTES',
|
||||
text: 'Notes',
|
||||
style:'notesTitle'
|
||||
},
|
||||
{
|
||||
|
|
@ -785,157 +772,132 @@ include("footer.php");
|
|||
}
|
||||
],
|
||||
styles: {
|
||||
|
||||
// Document Footer
|
||||
documentFooterCenter: {
|
||||
fontSize: 10,
|
||||
margin: [5,5,5,5],
|
||||
alignment:'center'
|
||||
},
|
||||
// Invoice Title
|
||||
invoiceTitle: {
|
||||
fontSize: 22,
|
||||
bold: true,
|
||||
alignment:'right',
|
||||
margin:[0,0,0,15]
|
||||
},
|
||||
// Invoice Details
|
||||
invoiceSubTitle: {
|
||||
fontSize: 12,
|
||||
alignment:'right'
|
||||
},
|
||||
invoiceSubValue: {
|
||||
fontSize: 12,
|
||||
alignment:'right'
|
||||
},
|
||||
// Billing Headers
|
||||
invoiceBillingTitle: {
|
||||
fontSize: 14,
|
||||
bold: true,
|
||||
alignment:'left',
|
||||
margin:[0,20,0,5],
|
||||
},
|
||||
// Billing Details
|
||||
invoiceBillingDetails: {
|
||||
alignment:'left'
|
||||
|
||||
},
|
||||
invoiceBillingAddressTitle: {
|
||||
margin: [0,7,0,3],
|
||||
bold: true
|
||||
},
|
||||
invoiceBillingAddress: {
|
||||
|
||||
},
|
||||
// Items Header
|
||||
itemsHeader: {
|
||||
margin: [0,5,0,5],
|
||||
bold: true
|
||||
},
|
||||
// Item Title
|
||||
itemTitle: {
|
||||
bold: true,
|
||||
},
|
||||
itemSubTitle: {
|
||||
// Document Footer
|
||||
documentFooterCenter: {
|
||||
fontSize: 8,
|
||||
margin: [5,5,5,5],
|
||||
alignment:'center'
|
||||
},
|
||||
// Invoice Title
|
||||
invoiceTitle: {
|
||||
fontSize: 16,
|
||||
bold: true,
|
||||
alignment:'right',
|
||||
margin:[0,0,0,3]
|
||||
},
|
||||
// Invoice Number
|
||||
invoiceNumber: {
|
||||
fontSize: 12,
|
||||
alignment:'right'
|
||||
},
|
||||
|
||||
// Billing Headers
|
||||
invoiceBillingTitle: {
|
||||
fontSize: 12,
|
||||
bold: true,
|
||||
alignment:'left',
|
||||
margin:[0,20,0,5]
|
||||
},
|
||||
invoiceBillingTitleClient: {
|
||||
fontSize: 12,
|
||||
bold: true,
|
||||
alignment:'right',
|
||||
margin:[0,20,0,5]
|
||||
},
|
||||
// Billing Details
|
||||
invoiceBillingAddress: {
|
||||
fontSize: 8,
|
||||
lineHeight: 1.2
|
||||
},
|
||||
invoiceBillingAddressClient: {
|
||||
fontSize: 8,
|
||||
lineHeight: 1.2,
|
||||
alignment:'right',
|
||||
margin:[0,0,0,30]
|
||||
},
|
||||
// Invoice Dates
|
||||
invoiceDateTitle: {
|
||||
fontSize: 8,
|
||||
alignment:'right',
|
||||
margin:[0,0,0,3]
|
||||
},
|
||||
invoiceDateValue: {
|
||||
fontSize: 8,
|
||||
alignment:'right',
|
||||
},
|
||||
// Items Header
|
||||
itemsHeader: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
bold: true
|
||||
},
|
||||
// Item Title
|
||||
itemTitle: {
|
||||
fontSize: 8,
|
||||
bold: true,
|
||||
margin: [0,5,0,3]
|
||||
},
|
||||
itemDescription: {
|
||||
italics: true,
|
||||
fontSize: 11
|
||||
},
|
||||
itemNumber: {
|
||||
margin: [0,5,0,5],
|
||||
alignment: 'center',
|
||||
},
|
||||
itemTotal: {
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment: 'center',
|
||||
},
|
||||
|
||||
// Items Footer (Subtotal, Total, Tax, etc)
|
||||
itemsFooterSubTitle: {
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'right',
|
||||
},
|
||||
itemsFooterSubValue: {
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'center',
|
||||
},
|
||||
itemsFooterTotalTitle: {
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'right',
|
||||
},
|
||||
itemsFooterTotalValue: {
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'center',
|
||||
},
|
||||
notesTitle: {
|
||||
fontSize: 10,
|
||||
bold: true,
|
||||
margin: [0,50,0,3],
|
||||
},
|
||||
notesText: {
|
||||
fontSize: 10
|
||||
},
|
||||
center: {
|
||||
alignment:'center',
|
||||
},
|
||||
},
|
||||
defaultStyle: {
|
||||
columnGap: 20,
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
var products = [
|
||||
<?php
|
||||
$sql = mysqli_query($mysqli,"SELECT product_name FROM products WHERE company_id = $session_company_id");
|
||||
while($row = mysqli_fetch_array($sql)){
|
||||
$product_name = $row['product_name'];
|
||||
echo "\"$product_name\",";
|
||||
}
|
||||
?>
|
||||
|
||||
];
|
||||
|
||||
var productCosts2 = [
|
||||
<?php
|
||||
$sql = mysqli_query($mysqli,"SELECT product_id, product_name, product_cost FROM products WHERE company_id = $session_company_id");
|
||||
while($row = mysqli_fetch_array($sql)){
|
||||
$product_id = $row['product_id'];
|
||||
$product_name = $row['product_name'];
|
||||
$product_cost = $row['product_cost'];
|
||||
echo "\"$product_cost\",";
|
||||
}
|
||||
?>
|
||||
|
||||
];
|
||||
|
||||
|
||||
var productCosts = [
|
||||
<?php
|
||||
$sql = mysqli_query($mysqli,"SELECT product_id, product_name, product_cost FROM products WHERE company_id = $session_company_id");
|
||||
while($row = mysqli_fetch_array($sql)){
|
||||
$product_id = $row['product_id'];
|
||||
$product_name = $row['product_name'];
|
||||
$product_cost = $row['product_cost'];
|
||||
echo "{ id: '$product_id', name: '$product_name', cost: '$product_cost' },";
|
||||
}
|
||||
?>
|
||||
|
||||
];
|
||||
|
||||
$('#item').typeahead({
|
||||
source: products,
|
||||
afterSelect: function(){
|
||||
$('#item').val( '<?php echo $product_name; ?>' );
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
fontSize: 7,
|
||||
lineHeight: 1.1,
|
||||
margin: [0,3,0,5]
|
||||
},
|
||||
itemQty: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
alignment: 'center',
|
||||
},
|
||||
itemNumber: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
alignment: 'center',
|
||||
},
|
||||
itemTotal: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment: 'center',
|
||||
},
|
||||
|
||||
// Items Footer (Subtotal, Total, Tax, etc)
|
||||
itemsFooterSubTitle: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
alignment:'right',
|
||||
},
|
||||
itemsFooterSubValue: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'center',
|
||||
},
|
||||
itemsFooterTotalTitle: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'right',
|
||||
},
|
||||
itemsFooterTotalValue: {
|
||||
fontSize: 8,
|
||||
margin: [0,5,0,5],
|
||||
bold: true,
|
||||
alignment:'center',
|
||||
},
|
||||
notesTitle: {
|
||||
fontSize: 8,
|
||||
bold: true,
|
||||
margin: [0,50,0,3],
|
||||
},
|
||||
notesText: {
|
||||
fontSize: 8
|
||||
},
|
||||
center: {
|
||||
alignment:'center',
|
||||
},
|
||||
},
|
||||
defaultStyle: {
|
||||
columnGap: 20,
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -21,3 +21,6 @@ $('.summernote').summernote({
|
|||
//DateTime
|
||||
$('.datetimepicker').datetimepicker({
|
||||
});
|
||||
|
||||
//Data Input Mask
|
||||
$('[data-mask]').inputmask();
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<?php include("header.php"); ?>
|
||||
<h1>Content</h1>
|
||||
<input type="text" data-inputmask="'alias': 'ip'" data-mask>
|
||||
<?php include("footer.php"); ?>
|
||||
|
|
|
|||
Loading…
Reference in New Issue