Fixed Input Masks, Spruced up Invoice PDF Template

This commit is contained in:
johnnyq
2021-03-31 19:57:50 -04:00
parent 545e8b08ad
commit 31c73601a0
19 changed files with 266 additions and 299 deletions

View File

@@ -187,7 +187,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
</div> </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>
</div> </div>
@@ -197,7 +197,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
</div> </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>
</div> </div>

View File

@@ -86,7 +86,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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> </div>

View File

@@ -72,7 +72,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span>
</div> </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>
</div> </div>

View File

@@ -48,7 +48,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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> </div>

View File

@@ -47,7 +47,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-route"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-route"></i></span>
</div> </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>
</div> </div>

View File

@@ -150,7 +150,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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> </div>
</div> </div>

View File

@@ -147,19 +147,19 @@ if(isset($_GET['client_id'])){
</div> </div>
<div class="card-body"> <div class="card-body">
<ul class="list-unstyled"> <ul class="list-unstyled">
<?php if($num_contacts > 0){ ?> <li><a href="#contacts">Contacts</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><a href="#locations">Locations</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><a href="#assets">Assets</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><a href="#vendors">Vendors</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><a href="#logins">Logins</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><a href="#networks">Networks</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><a href="#domains">Domains</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><a href="#software">Software</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><a href="#invoices">Invoices</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><a href="#payments">Payments</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><a href="#quotes">Quotes</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><a href="#recurring">Recurring</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><a href="#documents">Documents</a></li> <?php } ?> <?php if($num_documents > 0){ ?> <li><input type="checkbox" checked> <a href="#documents">Documents</a></li> <?php } ?>
</ul> </ul>
</div> </div>
</div> </div>
@@ -168,56 +168,58 @@ if(isset($_GET['client_id'])){
<?php if($num_contacts > 0){ ?> <?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)){ <div id="dvContacts">
$contact_id = $row['contact_id']; <h4 id="contacts">Contacts <small>(<?php echo $num_contacts; ?>)</small></h4>
$contact_name = $row['contact_name']; <table class="table table-bordered table-compact table-sm mb-4">
$contact_title = $row['contact_title']; <thead>
$contact_phone = $row['contact_phone']; <tr>
if(strlen($contact_phone)>2){ <th>Name</th>
$contact_phone = substr($row['contact_phone'],0,3)."-".substr($row['contact_phone'],3,3)."-".substr($row['contact_phone'],6,4); <th>Title</th>
} <th>Email</th>
$contact_extension = $row['contact_extension']; <th>Phone</th>
if(!empty($contact_extension)){ <th>Mobile</th>
$contact_extension = "x$contact_extension"; </tr>
} </thead>
$contact_mobile = $row['contact_mobile']; <tbody>
if(strlen($contact_mobile)>2){ <?php
$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'];
?> while($row = mysqli_fetch_array($sql_contacts)){
<tr> $contact_id = $row['contact_id'];
<td><?php echo $contact_name; ?></td> $contact_name = $row['contact_name'];
<td><?php echo $contact_title; ?></td> $contact_title = $row['contact_title'];
<td><?php echo $contact_email; ?></td> $contact_phone = $row['contact_phone'];
<td><?php echo "$contact_phone $contact_extension"; ?></td> if(strlen($contact_phone)>2){
<td><?php echo $contact_mobile; ?></td> $contact_phone = substr($row['contact_phone'],0,3)."-".substr($row['contact_phone'],3,3)."-".substr($row['contact_phone'],6,4);
</tr> }
$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> <?php
</table> }
?>
</tbody>
</table>
</div>
<?php } ?> <?php } ?>
<?php if($num_locations > 0){ ?> <?php if($num_locations > 0){ ?>
<h4 id="locations">Locations <small>(<?php echo $num_locations; ?>)</small></h4> <h4 id="locations">Locations <small>(<?php echo $num_locations; ?>)</small></h4>
<table class="table table-bordered table-sm mb-4"> <table class="table table-bordered table-sm mb-4">

View File

@@ -186,7 +186,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
</div> </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>
</div> </div>
@@ -196,7 +196,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
</div> </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>
</div> </div>

View File

@@ -209,7 +209,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span>
</div> </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>
</div> </div>

View File

@@ -88,7 +88,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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>
</div> </div>

View File

@@ -59,7 +59,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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> </div>
</div> </div>
@@ -74,7 +74,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-mobile-alt"></i></span>
</div> </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>
</div> </div>

View File

@@ -50,7 +50,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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>
</div> </div>

View File

@@ -47,7 +47,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-route"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-route"></i></span>
</div> </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>
</div> </div>

View File

@@ -148,7 +148,7 @@
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-phone"></i></span>
</div> </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> </div>
</div> </div>

View File

@@ -20,8 +20,7 @@
<script src='plugins/fullcalendar/main.min.js'></script> <script src='plugins/fullcalendar/main.min.js'></script>
<script src='plugins/daterangepicker/daterangepicker.js'></script> <script src='plugins/daterangepicker/daterangepicker.js'></script>
<script src='plugins/select2/js/select2.min.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/jquery.inputmask.min.js'></script>
<script src='plugins/inputmask/min/inputmask/bindings/inputmask.binding.min.js'></script>
<script src="plugins/summernote/summernote-bs4.min.js"></script> <script src="plugins/summernote/summernote-bs4.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script> <script src="dist/js/adminlte.min.js"></script>

View File

@@ -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: [ content: [
// Header // Header
@@ -530,58 +530,15 @@ include("footer.php");
[ [
{ {
text: 'INVOICE', text: 'Invoice',
style: 'invoiceTitle', style: 'invoiceTitle',
width: '*' width: '*'
}, },
{ {
stack: [ text: '<?php echo "$invoice_prefix$invoice_number"; ?>',
{ style: 'invoiceNumber',
columns: [ width: '*'
{ },
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
}
]
},
]
}
], ],
], ],
}, },
@@ -595,24 +552,54 @@ include("footer.php");
}, },
{ {
text: '<?php echo $client_name; ?>', text: '<?php echo $client_name; ?>',
style:'invoiceBillingTitle', style:'invoiceBillingTitleClient',
}, },
] ]
}, },
// Billing Address
{ {
columns: [ 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' 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; ?>', 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: 'invoiceBillingAddress' 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 // Line breaks
'\n\n', '\n\n',
// Items // Items
@@ -678,13 +665,13 @@ include("footer.php");
}, },
{ {
text: '$item_description', text: '$item_description',
style:'itemSubTitle' style:'itemDescription'
} }
], ],
{ {
text:'$item_quantity', text:'$item_quantity',
style:'itemNumber' style:'itemQty'
}, },
{ {
text:'$$item_price', text:'$$item_price',
@@ -709,7 +696,7 @@ include("footer.php");
// END Items // END Items
] ]
}, // table }, // table
// layout: 'lightHorizontalLines' layout: 'lightHorizontalLines'
}, },
// TOTAL // TOTAL
{ {
@@ -743,7 +730,7 @@ include("footer.php");
], ],
[ [
{ {
text:'TOTAL', text:'Total',
style:'itemsFooterTotalTitle' style:'itemsFooterTotalTitle'
}, },
{ {
@@ -776,7 +763,7 @@ include("footer.php");
layout: 'lightHorizontalLines' layout: 'lightHorizontalLines'
}, },
{ {
text: 'NOTES', text: 'Notes',
style:'notesTitle' style:'notesTitle'
}, },
{ {
@@ -785,157 +772,132 @@ include("footer.php");
} }
], ],
styles: { styles: {
// 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'
},
// Document Footer // Billing Headers
documentFooterCenter: { invoiceBillingTitle: {
fontSize: 10, fontSize: 12,
margin: [5,5,5,5], bold: true,
alignment:'center' alignment:'left',
}, margin:[0,20,0,5]
// Invoice Title },
invoiceTitle: { invoiceBillingTitleClient: {
fontSize: 22, fontSize: 12,
bold: true, bold: true,
alignment:'right', alignment:'right',
margin:[0,0,0,15] margin:[0,20,0,5]
}, },
// Invoice Details // Billing Details
invoiceSubTitle: { invoiceBillingAddress: {
fontSize: 12, fontSize: 8,
alignment:'right' lineHeight: 1.2
}, },
invoiceSubValue: { invoiceBillingAddressClient: {
fontSize: 12, fontSize: 8,
alignment:'right' lineHeight: 1.2,
}, alignment:'right',
// Billing Headers margin:[0,0,0,30]
invoiceBillingTitle: { },
fontSize: 14, // Invoice Dates
bold: true, invoiceDateTitle: {
alignment:'left', fontSize: 8,
margin:[0,20,0,5], alignment:'right',
}, margin:[0,0,0,3]
// Billing Details },
invoiceBillingDetails: { invoiceDateValue: {
alignment:'left' fontSize: 8,
alignment:'right',
}, },
invoiceBillingAddressTitle: { // Items Header
margin: [0,7,0,3], itemsHeader: {
bold: true fontSize: 8,
}, margin: [0,5,0,5],
invoiceBillingAddress: { bold: true
},
}, // Item Title
// Items Header itemTitle: {
itemsHeader: { fontSize: 8,
margin: [0,5,0,5], bold: true,
bold: true margin: [0,5,0,3]
}, },
// Item Title itemDescription: {
itemTitle: {
bold: true,
},
itemSubTitle: {
italics: true, italics: true,
fontSize: 11 fontSize: 7,
}, lineHeight: 1.1,
itemNumber: { margin: [0,3,0,5]
margin: [0,5,0,5], },
alignment: 'center', itemQty: {
}, fontSize: 8,
itemTotal: { margin: [0,5,0,5],
margin: [0,5,0,5], alignment: 'center',
bold: true, },
alignment: 'center', itemNumber: {
}, fontSize: 8,
margin: [0,5,0,5],
// Items Footer (Subtotal, Total, Tax, etc) alignment: 'center',
itemsFooterSubTitle: { },
margin: [0,5,0,5], itemTotal: {
bold: true, fontSize: 8,
alignment:'right', margin: [0,5,0,5],
}, bold: true,
itemsFooterSubValue: { alignment: 'center',
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; ?>' );
}
});
// 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> </script>

View File

@@ -21,3 +21,6 @@ $('.summernote').summernote({
//DateTime //DateTime
$('.datetimepicker').datetimepicker({ $('.datetimepicker').datetimepicker({
}); });
//Data Input Mask
$('[data-mask]').inputmask();

View File

@@ -1,3 +1,4 @@
<?php include("header.php"); ?> <?php include("header.php"); ?>
<h1>Content</h1> <h1>Content</h1>
<input type="text" data-inputmask="'alias': 'ip'" data-mask>
<?php include("footer.php"); ?> <?php include("footer.php"); ?>