JezK

Edit File: invoice.php

<?php 
include_once("./app/checkSession.php");
if(empty($_SESSION['user_id'])&& $_SESSION['user_id']=='')
{
   header("Location: ../owner_login.php");
}
$wid='';
if(isset($_REQUEST['wid']))
{
	$wid = $_REQUEST['wid'];
}
$type = isset($_REQUEST['type'])?$_REQUEST['type'] :"";

include("header.php"); ?>
<link rel="stylesheet" href="css/invoicestyle.css" type="text/css">
<a href="javascript:history.go(-1)" class="ml-4 pl-3"><img src="images/back_main.png" class="pb-3 mb-3"></a>
<div class="container  px-md-5 px-4">

<div class="row px-2 px-md-2 align-items-center">
        <div class="col-md-4">
            <h5><?php echo $lang['INVOICES'];?></h5>
        </div>
    </div>
</div>
<div class="container first-position myquotation-table">
    <div class="container  mt-2 px-md-5 px-3 position-2">
        <div class="row px-0 align-items-center">
            <div class="col-md-4"></div>
            
            <div class="createnewbutton">
                <div class="col-md-2 text-md-right my-md-0 my-3 position-chnge z-in">

<!-- <div class="button-adsd">
                        <a href="invoicesNew.php"><input class="btn btn-primary" type="submit" name="addinvoice"
                                value="New Invoice" id="submit"></a>

</div> -->
                </div>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </div>

</tbody>

</table>

<div class="container position-relative">
                <div class="row export_csv">
                    <div class="col-md-3 offset-md-10 button-alignment">
                        <a href="export_invoices.php?wid=<?php echo $wid; ?>" id="export" class="btn btn-primary mobile-alignment"><i class="fa fa-download"></i><span
                                class="pl-2"><?php echo $lang['EXPORT.XLSX'];?></span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<?php include("footer.php"); ?>



<script>
jQuery(document).ready(function() {

jQuery('#example').DataTable({
        "processing": true,
        //~ "dataSrc": "",
        //~ "dom": 'Bfrtip',
         "dom": 'Rlfrtlip',
        language: {
            search: '',
            searchPlaceholder: "<?php echo $lang['SEARCH'] ?>",
paginate: {previous: '<?php echo $lang['PREV'];?>',next: '<?php echo $lang['LAST'];?>'}
        },
        "pagingType": "full_numbers",
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "app/invoices-ajax.php?wid=<?php echo $wid; ?>",
        "ordering": false,
        "fnDrawCallback": function( oSettings ) {
         rowCount=oSettings.json.iTotalRecords;
         if(rowCount<1){
         $("#export").addClass("d-none")
         }
      },  
        "aoColumns": [{
                mData: 'invoice_number'
            },
            {
                mData: 'customer_name'
            },
            {
                mData: 'customer_type'
            },
            {
                mData: 'quotation_id'
            },

{
                mData: 'grandtotal'
            },
            {
                mData: 'currency'
            },

{
                mData: 'action'
            }

]
    });
    var type = "<?php echo $type; ?>";
    if(type!=2)
    {
		$("#example_filter").before("<div class='col-md-9 text-md-right my-3 mt-md-0 new-button'><a href='invoicesNew.php'><input class='btn btn-primary mt-0' type='submit' name='addinvoice' value='<?php echo $lang['ADD_INVOICE']?>' id='submit'></a></div>");
        $('#example_filter').addClass('addInvoice')
	}

});
</script>

#export {
    margin-bottom: -85px;

}

.currency tbody td:nth-child(4){
   max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 40% 20% !important;
    /* margin-left: 35px !important; */
    padding-left: 20% !important;

/* margin: 0; */
}
.priceValue {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /* display: inline-block; */
}

table#example
{
    width:100% !important;
}

.tbl-border
{
    padding: 18px 6px !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .mobile-alignment {
    margin-bottom: 10px !important;
    margin-left: -50px;
}
}
#example thead th:nth-child(5)
{
    width:104px !important;
}
</style>