EVOLUTION-NINJA

Edit File: doc_project_list.php

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

<section class="content-header">
				<h1> Projects </h1>				
			</section>

<section class="content">	
				<div id="menu1" class="tab-panecol-sm-12 col-md-12 ">
					<div class="col-sm-1"></div>
					<div id = "jaytab3" style="margin-top:3%;" class="col-sm-10 grid">
						<div class="grid_div"></div>
						<table id="list3"></table>
						<div id="pager3"></div>
						<div id="dialogSelectRow3" title="Warning" style="display:none">
							<p>Please select row</p>
						</div>
					</div>
				</div>			
			</section>
			
			 <div class="modal fade" id="edit_modal" role="dialog">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Update project details</h4>
        </div>

<div class="modal-body">
         
        	<form id="land_owner" class="form-inline update_form" enctype="multipart/form-data">
						<input type="hidden" class="project_id_fk" name="project_id"/>
					
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Project Name</label>
								<input type="text" class="form-control col-sm-8 project_name" name="project_name" required="required">
								
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Project owner Name</label>
								<input type="text" class="form-control col-sm-8 project_owner_name" name="project_owner_name" required="required">
							</div>

</div> 
												
					 	<div class="row land_owner_a">
					 	
					    	
							<div class="form-group col-sm-12 col-md-6 ">
								<label class="col-sm-4 col-md-4">Approved plan</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm approved_plan_image" name="approved_plan_image">
								 <div class="approval_image">
								 </div>
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Release order</label>
							 	<input  type="file" class="col-sm-8 text-center center-block well well-sm release_order_image" name="release_order_image">
							 	<div class="release_image">
								 </div>						
							</div>

</div>  
						
						<div class="row land_owner_a">
					 	
					    	
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Conversion order</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order">
								 <div class="conversion_order">
								 </div>
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Brochure</label>
							 	<input  type="file" class="col-sm-8 text-center center-block well well-sm" name="brochure">						
							 	<div class="brochure">
								 </div>
							</div>

</div>  
						
						<div class="row land_owner_a" style="position: relative;">

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Other Document</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order_image[]">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Document name</label>
								 <input  type="text" class="form-control col-sm-8" name="conversion_doc_name[]">
							</div>

<div class="row land_owner_a">
							<div class="col-sm-4 col-md-4"></div>
							<div class="col-sm-4 col-md-4">
								<button type="submit" class="btn btn-primary center-block submit">Update</button>
								<button type="button" class="btn btn-primary center-block close">Close</button>
							</div>
							<div class="col-sm-4 col-md-4"></div>													
						</div>

</form>

</div>

</div>
    </div>
  </div>

</div> 	 -->			
				<div class="col-sm-0 col-md-1"></div>
			</section>

<script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/jqgrid/css/ui.jqgrid.css'); ?>" />
						
		<script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
			
<script type="text/javascript">

$(document).ready(function (){
    
    var access_rights_global = '';
	var access_edit_global = '';
	var access_delete_global = '';
	var access_view_global = '';
	var department_id        = <?= session()->get('user_type_id'); ?>;

var menu_id              = '97';

AccessControls();
		function AccessControls()
		{

var department_id        = <?= session()->get('user_type_id'); ?>;

var menu_id              = '97';

$.ajax({
		            type   : 'post',
		            url    : '<?php echo site_url("get-assigned-accessed-rigts")?>',  
		            data   : {department_id:department_id,menu_id:menu_id} ,                                      
		          	success:function(response){
		          	//response=jQuery.parseJSON(response);
		          	console.log(response);

if(response.access_result == 1)
		                {
							$.each(response.menu_ids,function(key,value)
							{
								if(value == menu_id)
								{
								   
				                	access_result_global 	= response.access_result;
				                	access_edit_global 		= response.edit_id[key];
				                	access_delete_global 	= response.delete_id[key];
				                	access_view_global		= response.preview_id[key];
				                	
				                
								}

});

console.log(response.edit_id);

}
		                else
		                {
		                	access_result_global = response.access_result;
		                	$(".access_add_btn").attr('disabled', 'disabled');
		                }

CallGrid(access_edit_global,access_delete_global,access_view_global);
		            }
		        });
		}

{name:'project_status',index:'project_status', width:70, editable:false},
        	                
                                    {name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:150,
                                    formatter: function (cellvalue, options, rowObject) {
                                  
                                    if(access_edit_global == 1)
                                    {
                                    return "<input type='button' value='EDIT'  data-toggle='modal' data-target='#edit_modal' class='edit_button' onclick='fun($(this))'\>";
                                    }
                                    else
                                    {
                                    return "<input type='button' value='EDIT'  data-toggle='modal' class='btn btn-warning edit_button' disabled \>";
                                    }
                                    
                                    
                                    }},	
                                    {name:'delete',index:'delete',align: "center",editable:false,editrules:{required: true}, width:150,
                                    formatter: function (cellvalue, options, rowObject) {
                                        
                                    	if(access_delete_global == 1)
                                    	{
                                    		return "<input type='button' value='Delete' class='delete_button' onclick='fun_delete($(this))'\>";
                                    	}
                                    	else
                                    	{
                                    		return "<input type='button' value='Delete' class='btn btn-warning delete_button' disabled \>";
                                    	}
                                    
                                    }},
        			  				
        			  				{name:'close',index:'close',align: "center",editable:false,editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
										{
						          	     return ' onclick="fun_close($(this))" ';
						          		},formatter:function (cellvalue, options, rowObject) {    
											return "<input type='button'  value='CHANGE'  \>";
									  }},
        	      	    ],
        	      	  rowNum:20,
        		      	rowTotal: 2000,
        		      	rowList : [10,20,30,50,100,500,1000],
        		      	rownumbers: true,
        		      	rownumWidth: 40,
        		      	pager:"#pager3", 
        		      	sortname:'owner_id', 
        		      	viewrecords: true,
        		      	gridview: true,
        		      	autowidth: true,
        		      	sortorder:"asc",
        		      	shrinkToFit: false,
        		      	
        		      	 emptyrecords: 'No records to display',
        		       //  multiselect: true,
        		         // multiboxonly: true,
        		      	loadonce:true,
        				caption:" Project List",
        			
        		}); 
        
        		$("#list3").jqGrid("setLabel", "rn", "SL");
        
         		//$("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
         		jQuery("#list3").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
        
         		$("#list3").jqGrid('navGrid','#pager3',
        			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
        			{ },
        	        { },
        	        { }, 
        			{
        		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
        		        closeOnEscape: true, 
        		        	multipleSearch: true, 
        		         	closeAfterSearch: true }
        		);
        
        }		
 		
});

function fun(rowId)
{
   var id = rowId.closest('tr').attr('id');

$.ajax({
        
        url:"<?php echo site_url("edit-doc-project")?>",
        type:"POST",
        data:{project_id:id},
        success:function(response) {
            //response=jQuery.parseJSON(response);
					console.log(response);

if(response.result == 1) 
                {
                	$(".project_id_fk").val(response.project_details.id);
                	$(".project_name").val(response.project_details.project_name);
                	$(".project_owner_name").val(response.project_details.project_owner_name);
                	
                	var approval_image_ext = response.project_details.approval_image.split('.');
					approval_image_ext = approval_image_ext.reverse();
					if(approval_image_ext[0] == "pdf" || approval_image_ext[0] == "PDF" || approval_image_ext[0] == "doc" || approval_image_ext[0] == "docx" )
					{
						$('.approval_image').empty();
						var retVal = '';
					 	retVal +='<a href="<?php echo base_url('public/documentation_approved_uploads');?>/'+response.project_details.approval_image+'"  target="_blank" style="margin-left: 35%;" >'+response.project_details.approval_image+'</a>';
					 	$('.approval_image').append(retVal);
					}
					else
					{
						$('.approval_image').empty();
						var retVal = '';
						retVal +='<a href="<?php echo base_url('public/documentation_approved_uploads');?>/'+response.project_details.approval_image+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.approval_image+'</a>';
					 	$('.approval_image').append(retVal);
						
					}
					
					var release_image_ext = response.project_details.release_image.split('.');
					release_image_ext = release_image_ext.reverse();
					if(release_image_ext[0] == "pdf" || release_image_ext[0] == "PDF" || release_image_ext[0] == "doc" || release_image_ext[0] == "docx" )
					{
						$('.release_image').empty();
						var retVal1 = '';
					 	retVal1 +='<a href="<?php echo base_url('public/documentation_release_uploads');?>/'+response.project_details.release_image+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.release_image+'</a>';
					 	$('.release_image').append(retVal1);
					}
					else
					{
						$('.release_image').empty();
						var retVal1 = '';
						retVal1 +='<a href="<?php echo base_url('public/documentation_release_uploads');?>/'+response.project_details.release_image+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.release_image+'</a>';
						$('.release_image').append(retVal1);
					}
					
					// var other_image_ext = response.project_details.other_image.split('.');
					// other_image_ext = other_image_ext.reverse();
     //            	if(other_image_ext[0] == "pdf" || other_image_ext[0] == "PDF" || other_image_ext[0] == "doc" || other_image_ext[0] == "docx" )
					// {
					// 	$('.other_image').empty();
					// 	var retVal2 = '';
					//  	retVal2 +='<a href="</?php echo base_url('documentation_other_uploads');?>/'+response.project_details.other_image+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.other_image+'</a>';
					//  	$('.other_image').append(retVal2);
					// }
					// else
					// {
					// 	$('.other_image').empty();
					// 	var retVal2 = '';
					// 	retVal2 +='<a href="</?php echo base_url('documentation_other_uploads');?>/'+response.project_details.other_image+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.other_image+'</a>';
					//  	$('.other_image').append(retVal2);

// }

var other_docs = jQuery.parseJSON(response.project_details.other_image);
					
					var doc_content = '';
					var i =1;

$.each(other_docs,function(key,val){

// doc_content += '<p><a href="</?php echo base_url('documentation_other_uploads');?>/'+key+'" target="_blank">'+key+'</a> - '+'<b>'+val+'</b></p>';

doc_content += '<div class="row land_owner_a" style="position: relative;">';

doc_content += '<div class="form-group col-sm-12 col-md-6">';
								doc_content += '<label class="col-sm-4 col-md-4">Other Document '+i+'</label>';
								// doc_content += '<input type="file" class="col-sm-8 text-center center-block well well-sm" value="'+key+'" name="conversion_order_image[]">';
								doc_content += '<p><a href="<?php echo base_url('public/documentation_other_uploads');?>/'+val.image+'" target="_blank">'+val.image+'</a></p>';
								doc_content += '</div>';
								
								doc_content += '<div class="form-group col-sm-12 col-md-6">';
								doc_content += '<label class="col-sm-4 col-md-4">Document name</label>';
								doc_content += '<input  type="text" class="form-control col-sm-8" value="'+val.name+'" name="" disabled>';
								doc_content += '</div>';

doc_content += '<div class="" style="position: absolute;top:5px;right:25px;">';
								doc_content += '<button type="button" pr_id="'+response.project_details.id+'" file_link="'+val.image+'" file_name="'+val.name+'" class="btn edit_close_btn" style="padding:0;"><i class="fa fa-close" aria-hidden="true"></i>';
								doc_content += '</button>';
								doc_content += '</div>';

doc_content += '</div>';
								i++;
						});

$('.other_image').html(doc_content);

$(".edit_close_btn").click(function(){

var thiss     = $(this);
							var pr_id     = $(this).attr('pr_id');
							var file_link = $(this).attr('file_link');
							var file_name = $(this).attr('file_name');

if (confirm('Do you want to delete this file?')) {

$.ajax({          
			                      type   : 'post',
			                      url    : '<?php echo site_url("delete-other-document")?>',
			                      data   : {pr_id:pr_id,file_link:file_link,file_name:file_name},

success:function(response) {
			                      //response=jQuery.parseJSON(response);
									console.log(response);

if(response.result == 1) 
			                          {
			                          	$(thiss).closest('.row').hide();
			                            toastr["success"]("Deleted successfully");
			                          }
			                          else
			                          {
			                          	 toastr["error"]("Could not delete.Something went wrong");
			                          }
			                      }
			                  });
    
							} else {
							    alert('Action cancelled');
							}

});
					
					var conversionr_image_ext = response.project_details.conversion_order.split('.');
					conversionr_image_ext = conversionr_image_ext.reverse();
                	if(conversionr_image_ext[0] == "pdf" || conversionr_image_ext[0] == "PDF" || conversionr_image_ext[0] == "doc" || conversionr_image_ext[0] == "docx" )
					{
						$('.conversion_order').empty();
						var retVal2 = '';
					 	retVal2 +='<a href="<?php echo base_url('public/documentation_conversion_uploads');?>/'+response.project_details.conversion_order+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.conversion_order+'</a>';
					 	$('.conversion_order').append(retVal2);
					}
					else
					{
						$('.conversion_order').empty();
						var retVal2 = '';
						retVal2 +='<a href="<?php echo base_url('public/documentation_conversion_uploads');?>/'+response.project_details.conversion_order+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.conversion_order+'</a>';
					 	$('.conversion_order').append(retVal2);

}
					
					var brochure = response.project_details.brochure.split('.');
					brochure = brochure.reverse();
                	if(brochure[0] == "pdf" || brochure[0] == "PDF" || brochure[0] == "doc" || brochure[0] == "docx" )
					{
						$('.brochure').empty();
						var retVal2 = '';
					 	retVal2 +='<a href="<?php echo base_url('public/documentation_borchure_uploads');?>/'+response.project_details.brochure+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.brochure+'</a>';
					 	$('.brochure').append(retVal2);
					}
					else
					{
						$('.brochure').empty();
						var retVal2 = '';
						retVal2 +='<a href="<?php echo base_url('public/documentation_borchure_uploads');?>/'+response.project_details.brochure+'"  target="_blank" style="margin-left: 35%;">'+response.project_details.brochure+'</a>';
					 	$('.brochure').append(retVal2);

}
					
                    $("#edit_modal").modal("show");
                    $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                }
            }

});  
}

$(".add_btn").click(function(){

var content = '';

content += '<div class="row land_owner_a" style="position: relative;">';

content += '<div class="form-group col-sm-12 col-md-6">';
		content += '<label class="col-sm-4 col-md-4">Other Document</label>';
		content += '<input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order_image[]">';
		content += '</div>';

content += '<div class="form-group col-sm-12 col-md-6">';
		content += '<label class="col-sm-4 col-md-4">Document name</label>';
		content += '<input  type="text" class="form-control col-sm-8" name="conversion_doc_name[]">';
		content += '</div>';

content += '<div class="" style="position: absolute;top:5px;right:25px;">';
		content += '<button type="button" class="btn close_btn" style="padding:0;"><i class="fa fa-close" aria-hidden="true"></i>';
		content += '</button>';
		content += '</div>';

content += '</div>';

$("#more_docs_div").append(content);

$(".close_btn").click(function(){

$(this).closest('.row').remove();
		});
});

function fun_delete(rowId)
{
	
  var id = rowId.closest('tr').attr('id'); 
  var project_id=id;
 
	
  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();
     
              $.ajax({          
                      type   : 'post',
                      url    : '<?php echo site_url("delete-doc-project")?>',
                      data   : {project_id:project_id},

success:function(response) {
                      //response=jQuery.parseJSON(response);
							console.log(response);

if(response.result == 1) 
                          {
                             toastr["success"]("Deleted successfully");
                           	 $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                            
                          }
                      }
                  });

} 
                      else {

$(".sweet-alert").hide();
                      $(".sweet-overlay").hide();
                  }

});

}

$('.update_form').submit(function(e){    
    e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
        $(".submit").text("Updating...");

$.ajax({

type   : 'post',
            url    : '<?php echo site_url("update-doc-project")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              //response=jQuery.parseJSON(response);
              console.log(response);
             
              if(response.result == 1)
                {
                	$("#edit_modal").modal("hide");
                	//NewProjectsList();
                    toastr["success"](response.message);
                    $('.update_form')[0].reset();
                    $(".submit").text("Submit"); 
                    $(".submit").removeAttr('disabled');   
                    $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                     location.reload();
                
                }
                else if(response.result == 2)
                {
                    toastr["error"](response.message);    
                    $(".submit").text("Submit");   
                    $(".submit").removeAttr('disabled');  
                     location.reload();
                }
                else if(response.result == 3)
                {
                    toastr["error"](response.message);    
                    $(".submit").text("Submit");   
                    $(".submit").removeAttr('disabled'); 
                     location.reload();
                }
                else 
                {
                    toastr["error"](response.message);                       
	                $(".submit").text("Submit"); 
	                $(".submit").removeAttr('disabled');  
	                 location.reload();
                }
               
            }
            
     });
         
 });

$('.close').click(function()
{
	$("#edit_modal").modal("hide");

});

function fun_close(rowId)
{
	
  var id = rowId.closest('tr').attr('id'); 
  var project_id=id;
 //alert(project_id);
	
  swal({

title: "Are you sure?",
      text: "Do you really wants to change status of this project?",
      type: "warning",   showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes, Change 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("Closing...");
              $.ajax({          
                      type   : 'post',
                      url    : '<?php echo site_url("close-document-project")?>',
                      data   : {project_id:project_id},

success:function(response) {
                      //response=jQuery.parseJSON(response);
							console.log(response);

if(response.result == 1) 
                          {
                             toastr["success"](response.message);
//                             NewProjectsList();
                             $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                          }
                      }
                  });

} 
                      else {

$(".sweet-alert").hide();
                      $(".sweet-overlay").hide();
                  }

});

}

</script>

.content-wrapper, .right-side {			
		//min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}
	
	.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: 50%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				.ui-jqgrid .ui-jqgrid-titlebar
				{
					height: 27px !important;
					background:#AF0100 !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-jqgrid .ui-jqgrid-bdiv {
				overflow-y: scroll;
				//overflow-x: hidden;
				}
				
				.agr_appr
				{
				font-weight:bold !important;
				color:#AF0100;
				cursor: pointer; 
				}

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