EVOLUTION-NINJA

Edit File: view_cancelation_details.php

<?php echo view('includes/header');?>

<h1> Cancellation/Refunded Sites List </h1>

</section>

<p>Please select row</p>

</div>

</section>

.content-wrapper, .right-side {

//min-height: 1100px !important;

}

</style>

<!-- This is the localization file of the grid controlling messages, labels, etc.

$(document).ready(function (){
    var project_id = '<?= esc($project_id) ?>';
    var site_number = '<?= esc($site_number) ?>';//alert(site_number);
 //alert(project_id); ?project="+project+'&due_type='+due_type,
    jQuery("#list3").jqGrid({

url:"<?php echo site_url('site-cancellation-list')?>?project_id="+project_id+'&site_number='+site_number,    
            mtype : "post",      
            datatype: "json", 
            colNames:['SI','Customer','Project','Site','Dimension','Refunded?','Refunded On','Amount','Note','View'],
            colModel:[
                    {name:'cancel_id',index:'cancel_id', width:50, hidden:true,editable:false,key:true},        
                    {name:'customer_name',index:'customer_name', width:150, editable:false},
                    {name:'project_name',index:'project_name', width:175, editable:false},
                    {name:'site_number',index:'site_number', width:75, editable:false},
                    {name:'total_in_sqft',index:'total_in_sqft', width:100, editable:false},
                    {name:'refunded',index:'refunded', width:100, editable:false},
                    {name:'refunded_date',index:'refunded_date', width:100, formatter: 'date', formatoptions: { srcformat: 'Y/m/d', newformat: 'd/m/Y'},editable:false},
                    {name:'refunded_amount',index:'refunded_amount', width:75, editable:false},
                    {name:'note',index:'note', width:150, editable:false},
                    {name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
                        {
                         return ' onclick="fun_view($(this))" ';
                        },formatter:function (cellvalue, options, rowObject) {    
                            return "<input type='button'  value='VIEW'  \>";
                    }}, 
                   
                ],
                rowNum:20,
                rowTotal: 2000,
                rowList : [10,20,30,50,100,500,1000],
                rownumbers: true,
                rownumWidth: 40,
                pager:"#pager3", 
                sortname:'owner_id', 
                viewrecords: true,
                gridview: true,
                autowidth: true,
                sortorder:"asc",
                shrinkToFit: false,
                emptyrecords: 'No records to display',
                loadonce:true,
                caption:" Project List",
            }); 
            $("#list3").jqGrid("setLabel", "rn", "SL");
            $("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
            $("#list3").jqGrid('navGrid','#pager3',
            {edit:true,add:false,del:false,search:true,refreshstate:"current"},

{ },

{
                sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
                closeOnEscape: true, 
                multipleSearch: true, 
                closeAfterSearch: true }

);

$("#list3").navButtonAdd('#pager3',
                {   caption:"Change Status", 
                    buttonicon:"ui-icon-pencil", 
                    onClickButton: change_status,
                    position: "last", 
                    title:"", 
                    cursor: "pointer",
                    id:"client_edit_new"
                } 
        );  
        function print_page() {
            console.log(" button clicked!");
        }

$("#list3").navButtonAdd('#pager3',
                {   caption:"Print", 
                    buttonicon:"ui-icon-print", 
                    onClickButton:print_page,
                    position: "last", 
                    title:"", 
                    cursor: "pointer",
                    id:"client_delete_new"
                } 
        );  
        function export_page() {
            console.log(" button clicked!");
        }
        $("#list3").navButtonAdd('#pager3',
                {   caption:"Export", 
                    buttonicon:"", 
                    onClickButton: export_page,
                    position: "last", 
                    title:"", 
                    cursor: "pointer",
                    id:"client_delete"
                } 
        );  
    });

function fun_view(rowId)

{

var id = rowId.closest('tr').attr('id');

var cancellation_id=id;

$.ajax({

url:"<?php echo site_url('site-cancellation-details')?>/"+ cancellation_id,

type:"POST",

//data:{project_id:project_id},

success:function(response) {

window.open(
                  "<?php echo site_url('site-cancellation-details')?>/"+ cancellation_id,
                  '_blank' // <- This is what makes it open in a new window.
                );

}

});

}

$('.go_back').click(function()
{
    var id1 = <?= json_encode($project_id) ?>;
    var id2 = <?= json_encode($site_number) ?>;
        window.location.href="<?php echo site_url('single-site-details')?>/"+id1+'/'+id2;
});

</script>

.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {

border-color: #FF0000;

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);

}

#FrmGrid_list2

{

width: 100% !important;

}

.ui-jqdialog .ui-jqdialog-titlebar

{

height: 29px !important;

background-color: #001a00;

color: white;

padding-left: 10px;

}

.fm-button

{

height: 21px !important;

padding: 1px;

margin-right: 10px !important;

height: 21px !important;

width: 50%;

margin-top: -7px !important;

}

.ui-jqdialog-content td.navButton {

padding-top: 12px !important;

}

.ui-jqgrid .ui-jqgrid-titlebar

{

height: 27px !important;

background:#AF0100 !important;

color:white !important;

}

.ui-jqgrid-bdiv

{

height: 232px !important;

}

.ui-widget-overlay

{

z-index:0 !important;

}

.ui-widget-header

{

background: #1e7ad7 !important;

}

.ui-jqgrid-hdiv ui-state-default

{

width: 873px !important; cursor: default!important

}

ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight

{

border: 1px solid #fed22f;

background: #ffe45c;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default

{

font-weight: bold;

color: black;

}

.ui-jqgrid .ui-jqgrid-bdiv {

overflow-y: scroll;

//overflow-x: hidden;

}

</style>

<?php echo view('includes/footer');?>