ESH/techsyn_user_list.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'); ?>    

<!--breadcrumb-->


	<div class="main-content">
		<div class="main-content-inner">
		<!--do not modify anything above-->
			<div class="breadcrumbs ace-save-state" id="breadcrumbs">
				<ul class="breadcrumb">
					<li>
						<i class="ace-icon fa fa-home home-icon"></i>
						<a href="#">Home</a>
					</li>
					<li class="#">Masters</li><li class="#">Users</li><li class="active">Users</li>
				</ul>
			</div>
			<!-- End of breadcrumb -->
			
			<div style="margin-left:2px;margin-top:5px;">
				
				<form name="f1" method="post" action="<?php  echo $this_script?>">
					<div id="flex1" >
					</div>
				</form>	
			</div>




<!--do not modify anything below-->
		</div><!-- /.page-content -->
	</div>
</div><!-- /.main-content -->

<script type="text/javascript">
$(function() {
	var w=screen.width*.90;
	var h =$(".main-content").height()+100;
    $("#flex1").flexigrid({
            url: 'user_list_script.php',
            dataType: 'json',
            colModel : [
                    {display: 'Sr', name : 'count', width : w*.05, sortable : false, align: 'left'},
					 {display: 'User Id', name : 'user_id', width : w*.05, sortable : true, align: 'left'},
                    {display: 'User', name : 'user_name', width : w*.1, sortable : true, align: 'left'},
                    //{display: 'First Name', name : 'first_name', width : w*.1, sortable : true, align: 'left'},
                   //{display: 'Last name', name : 'last_name', width : 50, sortable : true, align: 'left'},
					 {display: 'User Role', name : 'role_name', width : w*.15, sortable : true, align: 'left'},
                    {display: 'Status', name : 'status', width : w*.15, sortable : true, align: 'left'},
					{display: 'View', name : 'view_link', width : w*.15, sortable : false, align: 'left'},
					{display: 'Edit', name : 'edit_link', width : w*.15, sortable : false, align: 'left'},
					{display: 'Activate/De-Activate', name : 'activate_link', width : w*.15, sortable : false, align: 'left'}
            ],
            buttons : [

					{name: 'Add', bclass: 'add', onpress : doCommand},
					{name: 'Print', bclass: 'print', onpress : doCommand},
            
                    {separator: true}
            ],
            searchitems : [
                    {display: 'User', name : 'user_name'},
                    {display: 'User Role', name : 'role_name', isdefault: true},
                    {display: 'Status', name : 'status'}
            ],
            sortname: "user_name",
            sortorder: "asc",
            usepager: true,//pagination
           
            useRp: true,
            rp: 200,//records per page
            showTableToggleBtn: false,//toggle button for the whole table
            resizable: true,
		//	width: w,
            height: h,
            singleSelect: true
    });
});

function doCommand(com, grid) {
	if (com == 'Add') {
		window.open('manage_users.php?acn=add', 'DoSubmit','width=770,height=600,screenX=50,left=50,screenY=50,top=50,scrollbars=1');
		
	}
	if (com == 'Print') {
		window.open('pdf_users.php');
		
	}
	if (com == 'Edit') {
		$('.trSelected', grid).each(function() {
		var id = $(this).attr('id');
		id = id.substring(id.lastIndexOf('row')+3);
		alert("Edit row " + id);
		});
		location.href="menu_master.php?acn=update";
		
	} else if (com == 'Delete') {
		$('.trSelected', grid).each(function() {
		var id = $(this).attr('id');
		alert((this));
		alert(id);
		id = id.substring(id.lastIndexOf('row')+3);
		alert("Delete row " + id);
		});
	}
}

function delete_menu(button, grid) {
        var total_count = $('.trSelected', grid).length;
        var deleted     = 0;

        $.each($('.trSelected', grid), function() {
            var id = $('td:nth-child(1) div', this).html();
            $.ajax({
                url: '/api/book/' + id,
                type: 'DELETE',
                data: {},
                dataType: 'json',
                success: function() {
                    deleted++;
                    if (deleted == total_count) {
                        $('#books_grid').flexReload();
                    }
                }
            });
        });
    }
function add_menu(button, grid) {
        var form_div = $('#book_form');

        form_div.load('/ajax/book_form_add', null, function() {
            $('#book_form form').ajaxForm({
                url: '/ajax/book_form_add',
                success: function() {
                    form_div.hide();
                    $('#books_grid').flexReload();
                }
            });
            form_div.show();
        });
    }

    function edit_menu(button, grid) {
        var id = $('.trSelected td:nth-child(1) div', grid).html();
        var form_div = $('#book_form');
        var url = '/ajax/book_form_edit/' + id;                                                                                

        form_div.load(url, null, function() {
            $('#book_form form').ajaxForm({
                url: url,
                success: function() {
                    form_div.hide();
                    $('#books_grid').flexReload();
                }
            });
            form_div.show();
        });
    }
    /*function deleterecord(url)
    {
        var ch=url;
        alert('Do you want to delete record');
        $.ajax({
               type:'POST',
               url:ch,
               success: function() {
                    //deleted++;
                     //alert("heelo");
                        $('#flex1').flexReload();
                    }
                
            });
     
    }*/

</script>


<?php  include('techsyn_footer.php'); ?>