EVOLUTION-NINJA

Edit File: faculty_feedbacks.php

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

<div id="page-wrapper">
    <div class="row my_header">
        <h3 style="padding-bottom:10px;border-bottom:2px dashed #468662;margin-bottom:20px; font-weight: bold;">FEEDBACKS</h3>
        <a href="javascript:history.back()" class="btn btn-primary" style="float:right; margin-right: 50px;">Back</a>
    </div>
    <div id="jaytab" style="margin-top:3%" class="grid">
        <table id="list2"></table>
        <div id="pager2"></div>
        <div id="dialogSelectRow" title="Warning" style="display:none">
            <p>Please select row</p>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {

//grid

CallGrid();

function CallGrid(access_rights_global, access_result_global) {
            jQuery("#list2").jqGrid({

url: "<?php echo site_url('get_faculty_feebbacks') ?>",
                mtype: "get",
                datatype: "json",
                colNames: ['SI', 'Action', 'User Name', 'Course', 'Comment', 'Added Date'],
                colModel: [{
                        name: 'feedback_id',
                        index: 'feedback_id',
                        width: 10,
                        hidden: true,
                        editable: false,
                        key: true
                    },
                    {
                        name: '',
                        index: '',
                        search: false,
                        width: 20,
                        editable: false,
                        formatter: function(cellvalue, options, rowObject) {
                            var retVal = "";
                            var retVal = ' <a data-toggle="tooltip" title="View" class="" href="<?php echo site_url('view-faculty-feedback'); ?>/' + rowObject.feedback_id + '"><button type="button">View</button></a>';
                            return retVal;

}
                    },
                    {
                        name: 'username',
                        index: 'username',
                        editable: false,
                        width: 30
                    },
                    {
                        name: 'course_title',
                        index: 'course_title',
                        editable: false,
                        width: 30
                    },
                    {
                        name: 'feedback',
                        index: 'feedback',
                        editable: false,
                        width: 100
                    },
                    {
                        name: "created_at",
                        index: "created_at",
                        width: 35
                    },

rowNum: 20,
                rowTotal: 2000,
                rowList: [10, 20, 30],
                rownumbers: true,
                //rownumWidth: 60,
                pager: "#pager2",
                sortname: 'id',
                viewrecords: true,
                gridview: true,
                autowidth: true,
                sortorder: "asc",
                shrinkToFit: true,
                loadonce: true,
                caption: "Feedback List",

});
            $("#list2").jqGrid("setLabel", "rn", "SL");
            $("#list2").jqGrid('filterToolbar', {
                searchOperators: false,
                stringResult: true,
                searchOnEnter: false,
                defaultSearch: "cn"
            }); //for multisearch code,remove if not required

$("#list2").jqGrid('navGrid', '#pager2', {
                edit: false,
                add: false,
                del: false,
                search: false,
                refreshstate: "current"
            }, {}, {}, {}, {
                sopt: ['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
                closeOnEscape: true,
                multipleSearch: true,
                closeAfterSearch: true,
                closeAfterDelete: true,
                closeAfterEdit: true
            }, );

}

});
</script>

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

#page-wrapper{
    background-image: url(public/assets/website_assets/images/banner.png);
    background-size:cover;
}

#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: 43%;
        margin-top: -7px !important;
    }

.ui-jqdialog-content td.navButton {
        padding-top: 12px !important;
    }

.ui-jqgrid .ui-jqgrid-titlebar {
        height: 27px !important;
        /*background:#1e7ad7 !important;*/
        color: white !important;
    }

.ui-jqgrid-bdiv {
        height: auto !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: scroll ;
}

.ui-jqgrid-htable{
    width: 100% !important;
}
#list2{
    width: 100% !important;
} */
    @media only screen and (min-width:320px) and (max-width:640px) {
        #jaytab {
            width: auto !important;
            overflow-x: scroll !important;
        }

.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
            width: 900px !important;
        }

.ui-jqgrid-view {
            width: 900px !important;
        }

.ui-jqgrid-hdiv {
            width: 900px !important;
        }

.ui-jqgrid-htable {
            width: 900px !important;
        }

.ui-jqgrid-bdiv {
            width: 900px !important;
        }

#list2 {
            width: 900px !important;
        }

#pager2 {
            width: 900px !important;
        }
    }

@media only screen and (min-width:641px) and (max-width:991px) {
        #jaytab {
            width: auto !important;
            overflow-x: scroll !important;
        }

.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
            width: 900px !important;
        }

.ui-jqgrid-view {
            width: 900px !important;
        }

.ui-jqgrid-hdiv {
            width: 900px !important;
        }

.ui-jqgrid-htable {
            width: 900px !important;
        }

.ui-jqgrid-bdiv {
            width: 900px !important;
        }

#list2 {
            width: 900px !important;
        }

#pager2 {
            width: 900px !important;
        }
    }

@media only screen and (min-width:992px) and (max-width:1258px) {
        #jaytab {
            width: auto !important;
            overflow-x: scroll !important;
        }

.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
            width: 900px !important;
        }

.ui-jqgrid-view {
            width: 900px !important;
        }

.ui-jqgrid-hdiv {
            width: 900px !important;
        }

.ui-jqgrid-htable {
            width: 900px !important;
        }

.ui-jqgrid-bdiv {
            width: 900px !important;
        }

#list2 {
            width: 900px !important;
        }

#pager2 {
            width: 900px !important;
        }
    }
</style>