mirror of
https://github.com/itflow-org/itflow
synced 2026-03-01 03:14:52 +00:00
Fixed Input Masks, Spruced up Invoice PDF Template
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
@@ -291,4 +291,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -251,4 +251,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -138,4 +138,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -115,4 +115,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -178,4 +178,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -93,4 +93,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
@@ -199,4 +199,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
116
client_print.php
116
client_print.php
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -291,4 +291,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -252,4 +252,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -146,4 +146,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -128,4 +128,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -187,4 +187,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
@@ -93,4 +93,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
@@ -197,4 +197,4 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
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: [
|
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
|
||||||
// Document Footer
|
documentFooterCenter: {
|
||||||
documentFooterCenter: {
|
fontSize: 8,
|
||||||
fontSize: 10,
|
margin: [5,5,5,5],
|
||||||
margin: [5,5,5,5],
|
alignment:'center'
|
||||||
alignment:'center'
|
},
|
||||||
},
|
// Invoice Title
|
||||||
// Invoice Title
|
invoiceTitle: {
|
||||||
invoiceTitle: {
|
fontSize: 16,
|
||||||
fontSize: 22,
|
bold: true,
|
||||||
bold: true,
|
alignment:'right',
|
||||||
alignment:'right',
|
margin:[0,0,0,3]
|
||||||
margin:[0,0,0,15]
|
},
|
||||||
},
|
// Invoice Number
|
||||||
// Invoice Details
|
invoiceNumber: {
|
||||||
invoiceSubTitle: {
|
fontSize: 12,
|
||||||
fontSize: 12,
|
alignment:'right'
|
||||||
alignment:'right'
|
},
|
||||||
},
|
|
||||||
invoiceSubValue: {
|
// Billing Headers
|
||||||
fontSize: 12,
|
invoiceBillingTitle: {
|
||||||
alignment:'right'
|
fontSize: 12,
|
||||||
},
|
bold: true,
|
||||||
// Billing Headers
|
alignment:'left',
|
||||||
invoiceBillingTitle: {
|
margin:[0,20,0,5]
|
||||||
fontSize: 14,
|
},
|
||||||
bold: true,
|
invoiceBillingTitleClient: {
|
||||||
alignment:'left',
|
fontSize: 12,
|
||||||
margin:[0,20,0,5],
|
bold: true,
|
||||||
},
|
alignment:'right',
|
||||||
// Billing Details
|
margin:[0,20,0,5]
|
||||||
invoiceBillingDetails: {
|
},
|
||||||
alignment:'left'
|
// Billing Details
|
||||||
|
invoiceBillingAddress: {
|
||||||
},
|
fontSize: 8,
|
||||||
invoiceBillingAddressTitle: {
|
lineHeight: 1.2
|
||||||
margin: [0,7,0,3],
|
},
|
||||||
bold: true
|
invoiceBillingAddressClient: {
|
||||||
},
|
fontSize: 8,
|
||||||
invoiceBillingAddress: {
|
lineHeight: 1.2,
|
||||||
|
alignment:'right',
|
||||||
},
|
margin:[0,0,0,30]
|
||||||
// Items Header
|
},
|
||||||
itemsHeader: {
|
// Invoice Dates
|
||||||
margin: [0,5,0,5],
|
invoiceDateTitle: {
|
||||||
bold: true
|
fontSize: 8,
|
||||||
},
|
alignment:'right',
|
||||||
// Item Title
|
margin:[0,0,0,3]
|
||||||
itemTitle: {
|
},
|
||||||
bold: true,
|
invoiceDateValue: {
|
||||||
},
|
fontSize: 8,
|
||||||
itemSubTitle: {
|
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,
|
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>
|
||||||
|
|||||||
@@ -21,3 +21,6 @@ $('.summernote').summernote({
|
|||||||
//DateTime
|
//DateTime
|
||||||
$('.datetimepicker').datetimepicker({
|
$('.datetimepicker').datetimepicker({
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//Data Input Mask
|
||||||
|
$('[data-mask]').inputmask();
|
||||||
|
|||||||
@@ -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"); ?>
|
||||||
|
|||||||
Reference in New Issue
Block a user