ESH/training_schedule.php

<?php include('techsyn_header.php'); ?>
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
    try {
        ace.settings.loadState('main-container')
    } catch (e) {}
    </script>
    <?php include('techsyn_sidebar.php');
	error_reporting(E_ERROR | E_PARSE); ?>

    <!--breadcrumb-->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">

                    <li class="#">Program Mgmt</li>
                    <li class="#">Program Schedule</li>

                </ul>
            </div>
            <!-- End of breadcrumb -->

            <div class="page-content">
                <div id="flexigridDiv" class="table-responsive">

                    <form name="f1" method="post" action="" id="">
                        <div id="flex1" style="width:100%">
                        </div>
                        <input type="hidden" name="flex_schedule_id" id="flex_schedule_id" />
                    </form>
                </div>
            </div>



        </div><!-- /.page-content -->
    </div>
</div><!-- /.main-content -->




<script type="text/javascript">
$(function() {
    var w = screen.width * .50;
    var h = 0;
    h = (window.innerHeight - ($("#navbar").height() + $(".breadcrumbs").height())) * .75;
    $("#flex1").flexigrid({
        url: 'schedule_script.php',
        dataType: 'json',
        colModel: [{
                display: 'Sr',
                name: 'count',
                width: w * .1,
                sortable: false,
                align: 'left'
            },

            {
                display: 'Program Name',
                name: '',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'From Date (Schedule)',
                name: 'from_date',
                width: w * .23,
                sortable: true,
                align: 'left'
            },
            {
                display: 'To Date (Schedule)',
                name: '',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Trainer Name',
                name: '',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Program Location',
                name: '',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Status',
                name: '',
                width: w * .3,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Remark',
                name: '',
                width: w * .3,
                sortable: true,
                align: 'left'
            },

            {
                display: '',
                name: '',
                width: w * .2,
                sortable: false,
                align: 'left'
            },

        ],
        buttons: [

            {
                name: 'Add Program Schedule',
                bclass: 'add',
                onpress: add
            },
            {
                separator: true
            },

            {
                name: 'PDF',
                bclass: 'print',
                onpress: pdf
            },
            {
                separator: true
            },
            {
                name: 'Excel',
                bclass: 'print_excel',
                onpress: excel
            },
            {
                separator: true
            }
        ],
        searchitems: [

            {
                display: 'Program Name',
                name: 'training_name',
                isdefault: true
            },
            {
                display: 'From Date (DD-MM-YYYY)',
                name: 'from_date'
            },
            {
                display: 'To Date (DD-MM-YYYY)',
                name: 'to_date'
            },
            {
                display: 'Location',
                name: 'location'
            },
            {
                display: 'Trainer Name',
                name: 'trainer_name'
            },
            {
                display: 'Remark',
                name: 'remarks'
            }
        ],
        sortname: "from_date",
        sortorder: "desc",
        usepager: true, //pagination

        useRp: true,
        rp: 50, //records per page
        showTableToggleBtn: false, //toggle button for the whole table
        resizable: true,
        //width: w,
        height: h,
        singleSelect: true
    });
});


function pdf() {
    window.open('pdf_traning_schedule.php');
}

function excel() {
    window.location = 'excel_traning_schedule.php';
}


function add() {
    var role_id = "<?php echo $_SESSION['RoleId'] ?>";
    if (role_id == 7) {
        BootstrapDialog.alert('Access Denied');

    } else {
        $(".save_button").show();
        $("#schedule_id").val("")
        $("#training_id").val("");
        $("#from_date").val("");
        $("#to_date").val("");
        $("#trainer_name").val("");
        $("#location").val("");
        $("#remark").val("");
        $("#status").val("ACTIVE");
        $("#training_id").val("");
        $('#training_id').trigger('chosen:updated');
        $('#modal-add-schedule').modal("show");
    }

}


function delete_training_schedule(schedule_id) {


    BootstrapDialog.confirm('Are you sure to delete the schedule?', function(result) {
        if (result) {
            $.ajax({
                url: 'delete_training_schedule.php',
                type: "POST",
                data: {
                    schedule_id: schedule_id
                },
                success: function(data) {
                    if (data.indexOf("SUCCESS") != -1) {
                        BootstrapDialog.alert('Program Schedule Deleted Successfully.');
                        $("#flex1").flexReload();

                    } else {
                        BootstrapDialog.alert('Error Deleting Program Schedule ');
                    }
                    return;
                },
                error: function(data) {
                    BootstrapDialog.alert('Error Deleting Program Schedule');
                    return;
                }
            });
        }
    });

}

function save_schedule() {
    $.ajax({
        url: 'save_training_schedule.php',
        type: "POST",
        data: $("#schedule_form").serialize(),
        success: function(data) {
            BootstrapDialog.alert('Program Schedule Saved Successfully.');
            $("#flex1").flexReload();
            return;
        },
        error: function(data) {
            BootstrapDialog.alert('Error Saving Program Schedule');
            return;
        }
    });
    $('.close').click();
}



function open_training_schedule(schedule_id, action) {

    if (action == "V") {
        $(".save_button").hide();

    } else {
        $(".save_button").show();
    }
    $.ajax({
        url: 'select_training_schedule.php',
        type: 'POST',
        data: {
            schedule_id: schedule_id
        },
        dataType: 'json',
        success: function(data) {
            //alert(data);

            //alert(data);

            $("#schedule_id").val(data.schedule_id);
            $("#training_id").val(data.training_id);
            $('#training_id').trigger('chosen:updated');
            $("#from_date").val(myDateFormatter(data.from_date));
            $("#to_date").val(myDateFormatter(data.to_date));
            $("#trainer_name").val(data.trainer_name);

            $("#location").val(data.location);
            $("#remark").val(data.remarks);
            $("#status").val(data.status);
            $('#modal-add-schedule').modal("show");
        },
        error: function(data) {
            BootstrapDialog.alert('Error Populating Program Schedule');
            return;
        }
    });
}

function myDateFormatter(d) {
    var date = new Date(d);
    return date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
}
</script>

<?php include('techsyn_footer.php'); ?>
<?php include('form/add_schedule.php'); ?>