327 lines
9.9 KiB
PHP
327 lines
9.9 KiB
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'); ?>
|
||
|
|
<?php
|
||
|
|
$query="select menu_id from menu_master order by menu_id desc limit 1";
|
||
|
|
$query_execute=mysqli_query($conn,$query);
|
||
|
|
$menu_id1=mysqli_fetch_array($query_execute);
|
||
|
|
?>
|
||
|
|
|
||
|
|
<!--breadcrumb-->
|
||
|
|
|
||
|
|
<div class="main-content">
|
||
|
|
<div class="main-content-inner">
|
||
|
|
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
|
||
|
|
<ul class="breadcrumb">
|
||
|
|
|
||
|
|
|
||
|
|
<li>Data Setup</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li>User Management</li>
|
||
|
|
|
||
|
|
<li class="active">Menu</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- End of breadcrumb -->
|
||
|
|
<div class="page-content">
|
||
|
|
<div id="flexigridDiv" class="table-responsive">
|
||
|
|
<div style="margin-left:3px">
|
||
|
|
|
||
|
|
<form name="f1" method="post" action="<?php echo $this_script ?>" id="flex_form_menu">
|
||
|
|
<div id="flex1" >
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function() {
|
||
|
|
var w=screen.width*.90;
|
||
|
|
|
||
|
|
var h =0;
|
||
|
|
h =(window.innerHeight-($("#navbar").height()+$(".breadcrumbs").height()))*.75;
|
||
|
|
$("#flex1").flexigrid({
|
||
|
|
url: 'menu_list_script.php',
|
||
|
|
dataType: 'json',
|
||
|
|
colModel : [
|
||
|
|
{display: 'ID', name : 'menu_id', width : w*.04, sortable : true, align: 'left'},
|
||
|
|
{display: 'Menu Name', name : 'menu_name', width : w*.15, sortable : true, align: 'left'},
|
||
|
|
{display: 'Description', name : 'menu_description', width : w*.15, sortable : true, align: 'left'},
|
||
|
|
{display: 'URL', name : 'menu_url', width : w*.20, sortable : true, align: 'left'},
|
||
|
|
{display: 'Parent Name', name : 'parent_id', width : w*.15, sortable : true, align: 'left'},
|
||
|
|
{display: 'Display Sequence', name : 'disp_seq', width : w*.15, sortable : true, align: 'left'},
|
||
|
|
{display: 'Icon Text', name : 'icon_text', width : w*.15, sortable : true, align: 'left'},
|
||
|
|
{display: 'View', name : 'view_link', width : w*.04, sortable : false, align: 'left'},
|
||
|
|
{display: 'Edit', name : 'edit_link', width : w*.04, sortable : false, align: 'left'},
|
||
|
|
{display: 'Delete', name : 'delete_link', width : w*.04, sortable : false, align: 'left'}
|
||
|
|
],
|
||
|
|
buttons : [
|
||
|
|
{name:'Add', bclass: 'add', onpress : add},
|
||
|
|
|
||
|
|
{separator: true}
|
||
|
|
],
|
||
|
|
searchitems : [
|
||
|
|
{display: 'Menu Name', name : 'menu_name'},
|
||
|
|
{display: 'Description', name : 'menu_description', isdefault: true},
|
||
|
|
{display: 'URL', name : 'menu_url'},
|
||
|
|
{display: 'Parent Id', name : 'parent_id'},
|
||
|
|
{display: 'Display Sequence', name : 'disp_seq'},
|
||
|
|
{display: 'Icon Text', name : 'icon_text'}
|
||
|
|
],
|
||
|
|
sortname: "menu_id",
|
||
|
|
sortorder: "asc",
|
||
|
|
usepager: true,//pagination
|
||
|
|
|
||
|
|
useRp: true,
|
||
|
|
rp: 20,//records per page
|
||
|
|
showTableToggleBtn: false,//toggle button for the whole table
|
||
|
|
resizable: false,
|
||
|
|
// width: w,
|
||
|
|
height: h,
|
||
|
|
singleSelect: true
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
function add(){
|
||
|
|
$(".save_button").show();
|
||
|
|
$("#menu_id").val("");
|
||
|
|
$("#menu_name").val("");
|
||
|
|
$("#menu_description").val("");
|
||
|
|
$("#menu_url").val("");
|
||
|
|
$("#menu").val("");
|
||
|
|
$("#disp_seq").val("");
|
||
|
|
$("#icon_text").val("");
|
||
|
|
$("#menu_id").val(<?php echo $menu_id1[0]+1?>);
|
||
|
|
$('#modal-add-menu').modal("show");
|
||
|
|
}
|
||
|
|
|
||
|
|
function delete_menu(menuId){
|
||
|
|
|
||
|
|
|
||
|
|
BootstrapDialog.confirm('Are you sure to delete the Menu?', function(result){
|
||
|
|
|
||
|
|
if(result) {
|
||
|
|
$.ajax({
|
||
|
|
url : 'delete_menu.php?menuId='+menuId+' ',
|
||
|
|
type : "POST",
|
||
|
|
// data : $("#flex_form_menu").serialize(),
|
||
|
|
success : function(data) {
|
||
|
|
if(data.indexOf("SUCCESS")!=-1){
|
||
|
|
BootstrapDialog.alert('menu Deleted Successfully.');
|
||
|
|
$("#flex1").flexReload();
|
||
|
|
|
||
|
|
}else{
|
||
|
|
BootstrapDialog.alert("Error Deleting menu");
|
||
|
|
}
|
||
|
|
return;
|
||
|
|
},
|
||
|
|
error : function(data) {
|
||
|
|
BootstrapDialog.alert('Error Deleting menu');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function save_menu(){
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
url : 'save_menu.php?menu_id='+menu_id+' ',
|
||
|
|
type : "POST",
|
||
|
|
data : $("#menu_form").serialize(),
|
||
|
|
success : function(data) {
|
||
|
|
BootstrapDialog.alert('Menu Saved Successfully');
|
||
|
|
$("#flex1").flexReload();
|
||
|
|
return;
|
||
|
|
},
|
||
|
|
error : function(data) {
|
||
|
|
BootstrapDialog.alert('Error Saving menu');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('.close').click();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var menu_id = "";
|
||
|
|
function open_menu(menuId, action) {
|
||
|
|
if(action=="V"){
|
||
|
|
$(".save_button").hide();
|
||
|
|
|
||
|
|
}else{
|
||
|
|
$(".save_button").show();
|
||
|
|
}
|
||
|
|
$.ajax({
|
||
|
|
url : 'select_menu.php?menuId='+menuId+' ',
|
||
|
|
type : 'POST',
|
||
|
|
success : function(data) {
|
||
|
|
// alert(JSON.stringify(data));
|
||
|
|
var data = $.parseJSON(data);
|
||
|
|
menu_id = data.menu_Id;
|
||
|
|
$("#menu_id").val(data.menu_id);
|
||
|
|
$("#menu_name").val(data.menu_name);
|
||
|
|
$("#menu_description").val(data.menu_description);
|
||
|
|
$("#menu_url").val(data.menu_url);
|
||
|
|
$("#parent_id").val(data.parent_id);
|
||
|
|
$("#disp_seq").val(data.disp_seq);
|
||
|
|
$("#icon_text").val(data.icon_text);
|
||
|
|
$('#modal-add-menu').modal("show");
|
||
|
|
},
|
||
|
|
error : function(data) {
|
||
|
|
BootstrapDialog.alert('Error Populating Vendor');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var seq = 0;
|
||
|
|
function check_sequence(id){
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
url : 'select_sequence.php?id='+id+' ',
|
||
|
|
type : 'POST',
|
||
|
|
success : function(data) {
|
||
|
|
// alert(JSON.stringify(data));
|
||
|
|
var data = $.parseJSON(data);
|
||
|
|
seq = parseInt(data.sequence);
|
||
|
|
// menu_id = data.menu_Id;
|
||
|
|
// $("#menu_id").val(data.menu_id);
|
||
|
|
// $("#menu_name").val(data.menu_name);
|
||
|
|
// $("#menu_description").val(data.menu_description);
|
||
|
|
// $("#menu_url").val(data.menu_url);
|
||
|
|
// $("#menu").val(data.parent_id);
|
||
|
|
$("#disp_seq").val(seq+1);
|
||
|
|
// $("#icon_text").val(data.icon_text);
|
||
|
|
// $('#modal-add-menu').modal("show");
|
||
|
|
},
|
||
|
|
error : function(data) {
|
||
|
|
BootstrapDialog.alert('Error Populating');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div><!-- /.page-content -->
|
||
|
|
</div>
|
||
|
|
</div><!-- /.main-content -->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<?php include('techsyn_footer.php');
|
||
|
|
?>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function validate(){
|
||
|
|
var menu_name = $('#menu_name').val();
|
||
|
|
if(menu_name == ''){
|
||
|
|
BootstrapDialog.alert('Please Enter menu Name.!!!');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
var menu_description = $('#menu_description').val();
|
||
|
|
if(menu_description == ''){
|
||
|
|
BootstrapDialog.alert('Please Enter menu Description.!!!');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
var menu_url = $('#menu_url').val();
|
||
|
|
if(menu_url == ''){
|
||
|
|
BootstrapDialog.alert('Please Enter Menu Url.!!!');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
save_menu();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
#modal-add-menu{
|
||
|
|
overflow-y:scroll;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="modal fade" id="modal-add-menu" name="modal-add-menu" role="dialog" aria-hidden="true">
|
||
|
|
<form role="form" id="menu_form" name="menu_form" action="#" method="post">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="widget-header">
|
||
|
|
<h5 class="widget-title">Menu</h5>
|
||
|
|
<div class="widget-toolbar">
|
||
|
|
<div class="widget-menu">
|
||
|
|
<a href="#" class="close" data-action="close" data-dismiss="modal">
|
||
|
|
<i class="ace-icon fa fa-times"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-body">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu_id">Menu Id</label>
|
||
|
|
<input readonly class="form-control" name="menu_id"
|
||
|
|
id="menu_id" >
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- <input type="hidden" class="form-control" name="menu_id"
|
||
|
|
id="menu_id" > -->
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu">Menu Name</label>
|
||
|
|
<input type="text" class="form-control" name="menu_name"
|
||
|
|
id="menu_name" placeholder="Enter Menu Name" required/>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu">Menu Description</label>
|
||
|
|
<input type="text" class="form-control" name="menu_description"
|
||
|
|
id="menu_description" placeholder="Enter Menu Description" required/>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu">Menu Url</label>
|
||
|
|
<input type="text" class="form-control" name="menu_url"
|
||
|
|
id="menu_url" placeholder="Enter Menu Url" required/>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu">Parent Menu</label>
|
||
|
|
<input type="text" class="form-control" name="parent_id"
|
||
|
|
id="parent_id" placeholder="Enter parent id" required/>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu">Display Sequence</label>
|
||
|
|
<input type=number class="form-control" name="disp_seq"
|
||
|
|
id="disp_seq" placeholder="Enter Display Sequence" />
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="menu">Icon Text</label>
|
||
|
|
<input type="text" class="form-control" name="icon_text"
|
||
|
|
id="icon_text" placeholder="Enter Icon Text" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="widget-toolbox padding-8 clearfix" >
|
||
|
|
<button type="button" class="btn btn-info btn-sm save_button" onclick="validate();"><i class="ace-icon fa fa-floppy-o bigger-110"></i>Save </button>
|
||
|
|
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal"><i class="ace-icon fa fa-times bigger-110"></i>Cancel</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|