EVOLUTION-NINJA
Edit File: client_requirement_list.php
<?php $this->load->view('includes/admin_header');?> <link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>"> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('admin_assets/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('admin_assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <script type="text/ecmascript" src="<?php echo base_url('admin_assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('admin_assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-6"> <span style="font-size:25px;">Website Requirement List</span> </div> <div class="col-sm-7"></div> </div> </div> </div><!-- /.col --> <label><input type="radio" name="status" value="YES" class="inv_st">COMPLETED</label>   <label><input type="radio" name="status" value="CLOSED" class="inv_st">CLOSED</label>   <label><input type="radio" name="status" value="ONGOING" class="inv_st">ONGOING</label>   <div id="addele_more"> <div id ="jaytab" style="margin-top:3%" class="col-sm-12 col-md-12grid"> <div class="grid_div"></div><table id="list2"></table> <div id="pager2"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> <div class="clrscr"></div> <div id="addele_more_complete" style="display: none;"> <div id ="jaytabcom" style="margin-top:3%" class="col-sm-12 col-md-12grid"> <div class="grid_div"></div><table id="comt"></table> <div id="pager3"></div> <div id="dialogSelectRow3" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> <div id="addele_more_closed" style="display: none;"> <div id ="jaytabclose" style="margin-top:3%" class="col-sm-12 col-md-12grid"> <div class="grid_div1"></div><table id="clos"></table> <div id="pager4"></div> <div id="dialogSelectRow4" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> <div id="addele_more_ongoing" style="display: none;"> <div id ="jaytabongoing" style="margin-top:3%" class="col-sm-12 col-md-12grid"> <div class="grid_div2"></div><table id="ongoing"></table> <div id="pager5"></div> <div id="dialogSelectRow4" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> </div><!-- /.row --> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script> <!-- inline scripts related to this page --> <style type="text/css"> .form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus { border-color: #FF0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } #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: 232px !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-widget-content { border: 1px solid #dddddd; background: #ffffff ; color: #333333; } #list2 { width: 100% !important; overflow-x: auto; } #comt { width: 100% !important; overflow-x: auto; } #jaytab{ margin-top: 0 !important; margin-left: 0 !important; //overflow-x: hidden; width: 100% !important; padding-left:0 !important; padding-right:9px !important; } #jaytabcom{ margin-top: 0 !important; margin-left: 0 !important; //overflow-x: hidden; width: 100% !important; padding-left:0 !important; padding-right:9px !important; } </style> <script type="text/javascript"> $(document).ready(function(){ var rowsToColor = []; jQuery("#list2").jqGrid({ url:"<?php echo site_url('all_client_requirements')?>", mtype : "get", datatype: "json", colNames:['SI','Project','Client','Website','Website Type','Email','Phone','Entered By','Created On','Completion Status','Updated By','Action'], colModel:[ {name:'client_requirement_id',index:'client_requirement_id', width:50, hidden:true,editable:false,key:true}, {name:'account_name',index:'account_name',editable:false,editrules:{} , width:100,formatter: function (cellvalue, options, rowObject) { if(rowObject.account_name){ return '<a class="colur" href="<?php echo site_url("edit-client-requirement");?>/'+rowObject.client_requirement_id+'">'+rowObject.account_name+'</a>'; } }}, {name:'client_name',index:'client_name',editable:false, width:100}, {name:'website',index:'website',edittype:'text',editable:false,width:120}, {name:'website_type',index:'website_type',editable:false, width:70}, {name:'client_email',index:'client_email',editable:false, width:100,edittype:"text"}, {name:'contact_number',index:'contact_number',width:70}, {name:'user_name',index:'user_name',editable:false,width:70,}, {name:'req_created_on',index:'req_created_on',editable:false,width:90,}, {name:'completion_status',index:'completion_status',editable:false,width:90,formatter: function (cellvalue, options, rowObject) { if(rowObject.completion_status=='YES'){ var res='COMPLETED'; return res; }else if(rowObject.completion_status=='NO'){ var res='ONGOING'; return res; }else{ var res='CLOSED'; return res; } }}, {name:'data_updated_by',index:'data_updated_by',editable:false,width:70,}, { name: 'EditAction', index: 'id', align: 'center', width: 30, formatter: function (cellvalue, options, rowObject) { return '<a class="delete_req" client_requirement_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a><a title="Assign Task" class="assign_task" assign_task_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-plus"></span></a><a title="Show List" class="list_show" list_show_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-search"></span></a>'; } }, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, rownumWidth: 60, pager:"#pager2", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, caption:" Client Asset List", afterInsertRow : function(rowid, rowdata) { if(rowdata.completion_status== 'YES') { $(this).jqGrid('setRowData', rowid, false, {color:'red'}); } } }); $("#list2").jqGrid("setLabel", "rn", "SL"); $("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#list2").jqGrid('navGrid','#pager2', {edit:false,add:false,del:false,search:true,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); //function complete(){ jQuery("#comt").jqGrid({ url:"<?php echo site_url('completed-assets-list')?>", mtype : "get", datatype: "json", colNames:['SI','Project','Client','Website','Website Type','Email','Phone','Entered By','Created On','Completion Status','Updated By','Action'], colModel:[ {name:'client_requirement_id',index:'client_requirement_id', width:100, hidden:true,editable:false,key:true}, {name:'account_name',index:'account_name',editable:false,editrules:{} , width:150,formatter: function (cellvalue, options, rowObject) { if(rowObject.account_name){ return '<a class="" href="<?php echo site_url("edit-client-requirement");?>/'+rowObject.client_requirement_id+'">'+rowObject.account_name+'</a>'; } }}, {name:'client_name',index:'client_name',editable:false, width:120}, {name:'website',index:'website',edittype:'text',editable:false,width:130}, {name:'website_type',index:'website_type',editable:false, width:100}, {name:'client_email',index:'client_email',editable:false, width:150,edittype:"text"}, {name:'contact_number',index:'contact_number',width:100}, {name:'user_name',index:'user_name',editable:false,width:100}, {name:'req_created_on',index:'req_created_on',editable:false,width:100}, {name:'completion_status',index:'completion_status',editable:false,width:90,formatter: function (cellvalue, options, rowObject) { if(rowObject.completion_status=='YES'){ var res='COMPLETED'; return res; }else if(rowObject.completion_status=='NO'){ var res='ONGOING'; return res; }else{ var res='CLOSED'; return res; } }}, {name:'data_updated_by',index:'data_updated_by',editable:false,width:100}, { name: 'EditAction', index: 'id', align: 'center', width: 150, formatter: function (cellvalue, options, rowObject) { return '<a class="delete_req" client_requirement_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a><a title="Assign Task" class="assign_task" assign_task_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-plus"></span></a><a title="Show List" class="list_show" list_show_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-search"></span></a>'; } }, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, rownumWidth: 60, pager:"#pager3", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, caption:" Completed Client Asset List", }); $("#comt").jqGrid("setLabel", "rn", "SL"); $("#comt").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#comt").jqGrid('navGrid','#pager3', {edit:false,add:false,del:false,search:true,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); // } //function closed(){ jQuery("#clos").jqGrid({ url:"<?php echo site_url('closed-assets-list')?>", mtype : "get", datatype: "json", colNames:['SI','Project','Client','Website','Website Type','Email','Phone','Entered By','Created On','Completion Status','Updated By','Action'], colModel:[ {name:'client_requirement_id',index:'client_requirement_id', width:120, hidden:true,editable:false,key:true}, {name:'account_name',index:'account_name',editable:false,editrules:{} , width:100,formatter: function (cellvalue, options, rowObject) { if(rowObject.account_name){ return '<a class="Colour" href="<?php echo site_url("edit-client-requirement");?>/'+rowObject.client_requirement_id+'">'+rowObject.account_name+'</a>'; } }}, {name:'client_name',index:'client_name',editable:false, width:100}, {name:'website',index:'website',edittype:'text',editable:false,width:120}, {name:'website_type',index:'website_type',editable:false, width:120}, {name:'client_email',index:'client_email',editable:false, width:100,edittype:"text"}, {name:'contact_number',index:'contact_number',width:120}, {name:'user_name',index:'user_name',editable:false,width:120}, {name:'req_created_on',index:'req_created_on',editable:false,width:120}, {name:'completion_status',index:'completion_status',editable:false,width:150,formatter: function (cellvalue, options, rowObject) { if(rowObject.completion_status=='YES'){ var res='COMPLETED'; return res; }else if(rowObject.completion_status=='NO'){ var res='ONGOING'; return res; }else{ var res='CLOSED'; return res; } }}, {name:'data_updated_by',index:'data_updated_by',editable:false,width:120}, { name: 'EditAction', index: 'id', align: 'center', width: 100, formatter: function (cellvalue, options, rowObject) { return '<a class="delete_req" client_requirement_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a><a title="Assign Task" class="assign_task" assign_task_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-plus"></span></a><a title="Show List" class="list_show" list_show_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-search"></span></a>'; } }, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, rownumWidth: 60, pager:"#pager4", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, caption:" Closed Client Asset List", }); $("#clos").jqGrid("setLabel", "rn", "SL"); $("#clos").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#clos").jqGrid('navGrid','#pager4', {edit:false,add:false,del:false,search:true,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); // } jQuery("#ongoing").jqGrid({ url:"<?php echo site_url('on-going-list')?>", mtype : "get", datatype: "json", colNames:['SI','Project','Client','Website','Website Type','Email','Phone','Entered By','Created On','Completion Status','Updated By','Action'], colModel:[ {name:'client_requirement_id',index:'client_requirement_id', width:120, hidden:true,editable:false,key:true}, {name:'account_name',index:'account_name',editable:false,editrules:{} , width:100,formatter: function (cellvalue, options, rowObject) { if(rowObject.account_name){ return '<a class="Colour" href="<?php echo site_url("edit-client-requirement");?>/'+rowObject.client_requirement_id+'">'+rowObject.account_name+'</a>'; } }}, {name:'client_name',index:'client_name',editable:false, width:100}, {name:'website',index:'website',edittype:'text',editable:false,width:120}, {name:'website_type',index:'website_type',editable:false, width:120}, {name:'client_email',index:'client_email',editable:false, width:100,edittype:"text"}, {name:'contact_number',index:'contact_number',width:120}, {name:'user_name',index:'user_name',editable:false,width:120}, {name:'req_created_on',index:'req_created_on',editable:false,width:120}, {name:'completion_status',index:'completion_status',editable:false,width:150,formatter: function (cellvalue, options, rowObject) { if(rowObject.completion_status=='YES'){ var res='COMPLETED'; return res; }else if(rowObject.completion_status=='NO'){ var res='ONGOING'; return res; }else{ var res='CLOSED'; return res; } }}, {name:'data_updated_by',index:'data_updated_by',editable:false,width:120}, { name: 'EditAction', index: 'id', align: 'center', width: 100, formatter: function (cellvalue, options, rowObject) { return '<a class="delete_req" client_requirement_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a><a title="Assign Task" class="assign_task" assign_task_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-plus"></span></a><a title="Show List" class="list_show" list_show_id="'+rowObject.client_requirement_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-search"></span></a>'; } }, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, rownumWidth: 60, pager:"#pager5", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, caption:" ongoing Client Asset List", }); $("#ongoing").jqGrid("setLabel", "rn", "SL"); $("#ongoing").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#ongoing").jqGrid('navGrid','#pager5', {edit:false,add:false,del:false,search:true,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); $('.inv_st').change(function(e){ e.preventDefault(); if($("input[type=radio][name=status]:checked" ).val()=='YES'){ $('#addele_more').css('display','none'); $('#addele_more_closed').css('display','none'); $('#addele_more_ongoing').css('display','none'); $('#addele_more_complete').show(); } else if($("input[type=radio][name=status]:checked" ).val()=='CLOSED'){ //alert(); $('#addele_more').css('display','none'); $('#addele_more_complete').css('display','none'); $('#addele_more_ongoing').css('display','none'); $('#addele_more_closed').show(); } else if($("input[type=radio][name=status]:checked" ).val()=='ONGOING'){ //alert(); $('#addele_more').css('display','none'); $('#addele_more_complete').css('display','none'); $('#addele_more_closed').css('display','none'); $('#addele_more_ongoing').show(); } }); }); $(document).on('click','.delete_req',function(){ var client_requirement_id = $(this).attr('client_requirement_id'); var test = $(this); var row = $(this).closest('tr'); swal({ title: "Are you sure?", text: "You will not be able to recover this data!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); test.attr('disabled', 'disabled'); test.text("Deleting..."); $.ajax({ type : 'post', url : '<?php echo site_url("delete_client_requirement")?>', data : {client_requirement_id:client_requirement_id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr["success"](response.message); $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); }); $(document).on('click','.assign_task',function(){ var session=<?php echo $session_id;?>; var client_requirement_id = $(this).attr('assign_task_id'); if(session==1) { window.location.href="<?php echo site_url('Assign-task-main/');?>"+client_requirement_id; }else { window.location.href="<?php echo site_url('Assign-task-sub/');?>"+client_requirement_id; } }); $(document).on('click','.list_show',function(){ var session=<?php echo $session_id;?>; if(session==1) { window.location.href="<?php echo site_url('assign_task_list');?>"; }else { window.location.href="<?php echo site_url('view_assign_task_list_sub/');?>"; } }); </script> <style> .colur{ background-color:#ffffcc; } </style> <?php $this->load->view('includes/admin_footer');?>