ESH/designation_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">
			<div class="breadcrumbs ace-save-state" id="breadcrumbs">
				<ul class="breadcrumb">

					<li class="#">Data Setup</li>
					<li class="#">Masters</li>
					<li class="active">Designation</li>
				</ul>
			</div>
			<!-- End of breadcrumb -->

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

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



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




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

				{
					display: 'Designation Name',
					name: 'designation_name',
					width: w * .2,
					sortable: true,
					align: 'left'
				},
				{
					display: 'Designation Desc',
					name: 'designation_desc',
					width: w * .2,
					sortable: true,
					align: 'left'
				},
				{
					display: 'Designation code',
					name: 'designation_code',
					width: w * .2,
					sortable: true,
					align: 'left'
				},
				{
					display: 'Designation Collar',
					name: 'designation_collar',
					width: w * .2,
					sortable: true,
					align: 'left'
				},
				{
					display: '',
					name: '',
					width: w * .20,
					sortable: false,
					align: 'left'
				},

			],
			buttons: [

				{
					name: 'Add',
					bclass: 'add',
					onpress: add
				},
				{
					name: 'PDF',
					bclass: 'print',
					onpress: pdf
				},
				{
					name: 'EXCEL',
					bclass: 'print_excel',
					onpress: excel
				},

				{
					separator: true
				}
			],
			searchitems: [

				{
					display: 'Designation Name',
					name: 'designation_name',
					isdefault: true
				},
				{
					display: 'Designation Desc',
					name: 'designation_desc'
				}
			],
			sortname: "designation_name",
			sortorder: "asc",
			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 add() {
		$(".save_button").show();
		$("#designation_id").val("");
		$("#designation_name").val("");
		$("#designation_desc").val("");
		$("#designation_code").val("");
		$("#designation_collar").val("");
		$('#modal-add-designation').modal("show");
	}

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

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

	function delete_designation(designationId) {
		$("#flex_designation_id").val(designationId);

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

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

	}

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



	function open_designation(designationId, action) {
		var designation_id = "";
		if (action == "V") {
			$(".save_button").hide();

		} else {
			$(".save_button").show();
		}
		$.ajax({
			url: 'select_designation.php?designationId=' + designationId + ' ',
			type: 'POST',
			success: function(data) {
				//alert(data);
				var data = $.parseJSON(data);
				//alert(data);

				$("#designation_id").val(data.designation_id);
				$("#designation_name").val(data.designation_name);
				$("#designation_desc").val(data.designation_desc);
				$("#designation_code").val(data.designation_code);
				$("#designation_collar").val(data.designation_collar);
				$('#modal-add-designation').modal("show");
			},
			error: function(data) {
				BootstrapDialog.alert('Error Populating Designation Code');
				return;
			}
		});
	}
</script>

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