One Hat Cyber Team

Edit File: s_detail.php

<?php if(empty($page)){ include("../access.php"); } ?>
<?php  
	$modal_name 	= str_replace("/", "-", $page);

$user 			= get_user($_SESSION['session']);
	$ii 			= (is_numeric($_GET['ii']) == 1) ? $_GET['ii'] : "new" ;
	$dis_next 		= ($ii>0) ? $ii : "disabled" ;
	$success 	 	= 0;
	$type_submit 	= "add";

$user 			= get_user_full($_SESSION['session']);
	$roles 			= (int)$user['idRoles'];
	$idUser 		= (int)$user['idUser'];
	$nameUser 		= $user['nameUser'];

if(!empty($ii)){
    	if($ii>0){
			$query="SELECT * FROM visit_main WHERE idVisitMain = '{$ii}'";
			$result=$mysqli->query($query);	
			$row=$result->fetch_assoc();

if(!$row){
				echo "<script>window.location.replace('index.php?page=edg/site&np=edg/s_main');</script>";
				exit();
			}
		}else{
			echo "<script>window.location.replace('index.php?page=edg/site&np=edg/s_main');</script>";
			exit();
		}
	}

if($_POST):

$do 	= $_POST['type_submit'];

if($ii > 0){

if($do=="add"){

$sql 	 		= "	INSERT INTO 
									visit_detail (
										idVisitMain,
										finding,
										response,
										idUser,
										userdate,
										finding_from,
										response_date
									) VALUES (
										?,
										?,
										?,
										?,
										?,
										?,
										?
									)";
				$param_type 	= "sssssss";
				$param_data 	= array(
									"idVisitMain" 		=> $ii,
									"finding" 			=> $_POST['finding'],
									"response" 			=> $_POST['response'],
									"idUser" 			=> $_POST['idUser'],
									"userdate" 			=> change_date($_POST['userdate'],'Y-m-d'),
									"finding_from" 		=> $_POST['finding_from'],
									"response_date"		=> change_date($_POST['response_date'],'Y-m-d')
								 	);
				$data 		= mysqli_prepare_audit($sql,$param_type,$param_data,"SITE VISIT - NOTE ADDED");

$success 	= 1;
				$msg 		= "RECORD ADDED!";

}else if($do=="edit"){

$sql 	 		= "	UPDATE 
										visit_detail 
									SET 
										finding 		= ?,
										response 		= ?
									WHERE 
										idVisitDetail = ?";
				$param_type 	= "sss";
				$param_data 	= array(
									"finding" 			=> $_POST['finding'],
									"response" 			=> $_POST['response'],
									"idVisitDetail" 				=> $_POST['val-id']
								 	);
				$data 		= mysqli_prepare_audit($sql,$param_type,$param_data,"SITE VISIT - NOTE UPDATED");

$success 	= 1;
				$msg 		= "RECORD UPDATED!";

}else if($do=="delete"){

foreach($_POST['myid'] as $value){
					$sql 	 		= "DELETE FROM visit_detail WHERE idVisitDetail=?";
					$param_type 	= "s";
					$param_data 	= array(
										"idVisitDetail" 	=> $value
									 	);
					$data 		= mysqli_prepare_audit($sql,$param_type,$param_data,"SITE VISIT - NOTE DELETED");
				}
				$success 	= 3;
				$msg 		= "RECORD DELETED!";

}else if($do=="delete-upload"){

foreach($_POST['lampiran'] as $value){

$getdata 		= explode('|', $value);

$sql 	 		= "DELETE FROM visit_lampiran WHERE idVisitLampiran=?";
					$param_type 	= "s";
					$param_data 	= array(
										"idVisitLampiran" 	=> $getdata[0]
									 	);
					$data 		= mysqli_prepare_audit($sql,$param_type,$param_data);

unlink("upload/site/{$getdata[2]}/{$getdata[1]}");

}
				$success 	= 3;
				$msg 		= "RECORD DELETED!";

}

if($success == 1){
			$_SESSION['success'] 		= 1;
			$_SESSION['success_msg'] 	= $msg;
		}else if($success == 2){
			$_SESSION['success'] 		= 2;
			$_SESSION['success_msg'] 	= "OPS! SOMETHING WRONG";
		}else if($success == 3){
			$_SESSION['success'] 		= 3;
			$_SESSION['success_msg'] 	= $msg;
		}

endif;

if($success){
		echo "<script>window.location.replace('index.php?page=edg/site&np=edg/s_detail&ii={$ii}&success={$success}');</script>";
		exit();
	}
	
	if($ii > 0){
	
		$stmt  			= $mysqli->stmt_init();
		$stmt->prepare("SELECT 
							a.*,
							IF(a.userdate = '0000-00-00','',DATE_FORMAT(a.userdate,'%d-%m-%Y')) AS userdate,
							IF(a.response_date = '0000-00-00','',DATE_FORMAT(a.response_date,'%d-%m-%Y')) AS response_date,
							b.nameUser
						FROM 
							visit_detail a
						LEFT JOIN 
							user_list b on b.idUser = a.idUser 
						WHERE 
							a.idVisitMain=?
						");
		$stmt->bind_param("s",$idVisitMain = $ii);
		$stmt->execute();

if ($stmt->error)
    		print_r('error executing statement: ' . $stmt->error);

$result2 		= $stmt->get_result();
		$stmt->close();

$site 				= "";
		$site_href 			= "index.php?page=edg/site&np=edg/s_main&ii={$ii}";
		$upload 			= "";
		$upload_href 		= "index.php?page=edg/site&np=edg/s_upload&ii={$ii}";

}else{
		echo "<script>window.location.replace('index.php?page=edg/main&np=edg/s_main');</script>";
		exit();
	}

<div class="content-header">
		<div class="row">
			<div class="col-sm-6">
				<div class="header-section">
					
					<h1>
					<ol class="breadcrumb" style="padding:0px; margin: 0px">
                        <li><a href="index.php?page=edg/site" style="color:black"><i class="fa fa-home"></i></a></li>
                        <li><a href="javascript:void(0)" style="color:black">SITE VISIT</a></li>
                    </ol>
                	</h1>
				</div>
			</div>
			<div class="col-sm-6 hidden-xs">
				<div class="header-section">
					
						
						
					
				</div>
			</div>
		</div>
	</div>

<div class="block full">
		
		<div class="block-section">
			<ul class="nav nav-pills nav-justified">
				<li class="<?php echo $site;?>"><a href="<?php echo $site_href; ?>">Site Visit</a></li>
				<li class="active"><a href="javascript:void(0)">Details / Notes &amp; Files Upload</a></li>
			</ul>
		</div>

<div id="modal-form" class="modal fade <?php echo $modal_name;?>" tabindex="-1" role="dialog" aria-hidden="true">
				<div class="modal-dialog modal-md">
					<div class="modal-content">

<form class="push form-horizontal" id="form-validation" action="index.php?page=edg/main&np=edg/s_detail&ii=<?php echo $ii;?>" method="post">

<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title"><strong>DETAILS/NOTES</strong></h4>
						</div>

<div class="form-group">
							    <label class="col-md-3 control-label" for="nama">User <span class="text-danger">*</span></label>
							    <div class="col-md-7">
									<input type="text" id="nama" name="nama" data-nama="<?php echo $nameUser; ?>" class="form-control" readonly="readonly">
							    </div>
							</div>

<div class="form-group">
							    <label class="col-md-3 control-label" for="userdate">Date <span class="text-danger">*</span></label>
							    <div class="col-md-4">
									<input type="text" id="userdate" name="userdate" data-defdate="<?php echo date('d-m-Y');?>" class="form-control input-datepicker validation" data-validation="default" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy">
							    </div>
							</div>

<hr>

<h3><b style="border-bottom: 3px double #ccc">Finding</b></h3>

<div class="form-group">
							    <label class="col-md-3 control-label" for="finding">Finding <span class="text-danger">*</span></label>
							    <div class="col-md-7">
							    	<textarea id="finding" name="finding" value="" class="form-control validation" data-validation="default"></textarea>
							    </div>
							</div>

<h3><b style="border-bottom: 3px double #ccc">Response</b></h3>

<div class="form-group">
							    <label class="col-md-3 control-label" for="response_date">Response Date</label>
							    <div class="col-md-4">
									<input type="text" id="response_date" name="response_date" class="form-control input-datepicker" data-validation="default" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy" >
							    </div>
							</div>

<div class="form-group">
							    <label class="col-md-3 control-label" for="response">Response</label>
							    <div class="col-md-7">
							    	<textarea id="response" name="response" value="" class="form-control" data-validation="default"></textarea>
							    </div>
							</div>
					
						</div>

<input type="hidden" name="type_submit" value="add">
						<input type="hidden" name="val-id" value="">
						<input type="hidden" name="idUser" data-iduser="<?php echo $idUser; ?>" value="">

<div class="modal-footer">
						
						<button type="submit" class="btn btn-effect-ripple btn-primary">Submit</button>
						<button type="button" class="btn btn-effect-ripple btn-danger" data-dismiss="modal">Close</button>
						</div>
					</form>

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

<div class="modal-body">
					<form id="my-awesome-dropzone" action="edg/s_upload_me.php?ii=<?php echo $ii; ?>"  class="dropzone">
					<div class="dropzone-previews"></div>

<center>
									<div class="form-group">
										<div class="input-group bootstrap-timepixcker">
											<span class="input-group-addon">Notes</span>
											<textarea type="text" name="catatan" class="form-control"></textarea>
										</div>
									</div>
								<hr>
								<div class="btn-group">
								<button type="submit" class="btn btn-primary">Save</button>
								</div>
								</center>

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

<table id="example-datatable" class="table table-striped table-bordered table-condensed table-vcenter table-hover">
					<thead>
						<tr>
							<th style="width: 40px;" class="text-center"><label class="csscheckbox csscheckbox-primary"><input type="checkbox"><span></span></label></th>
							<th class="text-center" style="width: 40px;">NO</th>
							<th>ENTERED BY</th>
							<th>FINDING &amp; RESPONSE</th>
							<th>FILE UPLOAD</th>
							<th class="text-center no_sorting" style="width: 60px;"><i class="fa fa-flash"></i></th>
						</tr>
					</thead>
					<tbody>
					<?php

$i=1;
						while($aa = $result2->fetch_assoc()){

$editdata = "finding#{$aa['finding']}|"
										."idUser#{$aa['idUser']}|"
										."userdate#{$aa['userdate']}|"
										."finding_from#{$aa['finding_from']}|"
										."response_date#{$aa['response_date']}|"
										."nama#{$aa['nameUser']}|"
										."response#{$aa['response']}|"
										."val-id#{$aa['idVisitDetail']}";
					
							$stmt  			= $mysqli->stmt_init();
							$stmt->prepare("SELECT
												a.*
											FROM 
												visit_lampiran a 
											WHERE 
												a.idVisitDetail=?
											");
							$stmt->bind_param("s",$idVisitDetail = $aa['idVisitDetail']);
							$stmt->execute();

if ($stmt->error)
					    		print_r('error executing statement: ' . $stmt->error);

$result3 		= $stmt->get_result();
							$stmt->close();

?>
						<tr>
							<td class="align-top text-center">
							<?php if($aa['idUser']==$idUser){ ?>
								<label class="csscheckbox csscheckbox-primary"><input type="checkbox" name="myid[]" value="<?php echo $aa['idVisitDetail'];?>"><span></span></label>
							<?php } ?>
							</td>
							<td class="align-top text-center"><?php echo $i++; ?></td>
							<td class="align-top">
								<table>
									<tr><td width="40px">User</td><td>&nbsp;:&nbsp;</td><td><?php echo $aa['nameUser']?></td></tr>
									<tr><td>Date</td><td>&nbsp;:&nbsp;</td><td><?php echo $aa['userdate']?></td></tr>
								</table>
							</td>
							<td class="align-top">
								<table>
									<tr><td colspan="2"><b class="text-info"><u>FINDING</u></b></td></tr>
									<tr><td width="70px">From</td><td>&nbsp;:&nbsp;</td><td><?php echo $aa['finding_from']?></td></tr>
									<tr><td>Finding</td><td>&nbsp;:&nbsp;</td><td><?php echo nl2br($aa['finding']);?></td></tr>
									<tr><td colspan="2"><b class="text-info"><u>RESPONSE</u></b></td></tr>
									<tr><td>Date</td><td>&nbsp;:&nbsp;</td><td><?php echo $aa['response_date']?></td></tr>
									<tr><td>Response</td><td>&nbsp;:&nbsp;</td><td><?php echo nl2br($aa['response']);?></td></tr>
								</table>
							</td>
							<td <?php if($result3->num_rows){ ?> class="align-top" style="padding: 5px;background: grey" <?php }else{ ?> class="align-center text-center" <?php }?> >
							<?php if($result3->num_rows){ ?>
								<table id="table-upload" class="table table-bordered table-striped" width="100%" style="margin:0px">
									<tr>
										<td>
											<span class="text-primary text-table-1">
												Notes
											</span>
										</td>
										<td class="text-center" width="100px">
											<span class="text-primary text-table-1">
												File
											</span>
										</td>
										<td class="text-center" width="30px"><i class="fa fa-flash"></i></td>
									</tr>
									<tbody>
								<?php 
									while($bb = $result3->fetch_assoc()){ ?>
									<tr>
										<td><?php echo nl2br($bb['catatan'])?></td>
										<td class="text-center"><a class="btn btn-sm btn-info" href="./upload/site/<?php echo $ii;?>/<?php echo $bb['namaFile']?>" download target="_blank"><i class="fa fa-download"></i>&nbsp;Download</a></td>
										<td class="text-center align-center">
											<input style="display: none" type="checkbox" name="lampiran[]" value="<?php echo $bb['idVisitLampiran'];?>|<?php echo $bb['namaFile'];?>|<?php echo $ii;?>">
											<a href="javascript:void(0)" title="Delete Record" class="btn btn-effect-ripple btn-xs btn-danger del-me-upload" data-val="<?php echo $i;?>"><i class="fa fa-times"></i></a>
										</td>
									</tr>
								<?php } ?>
									</tbody>
								</table>
							<?php }else{ ?>
								<span class="label label-danger">No Files!</span>
							<?php } ?>
							</td>
							<td class="align-top text-center">
							<a href="javascript:void(0)" title="Upload" class="btn btn-effect-ripple btn-xs btn-warning upload-me" data-modal-target="upload_me" data-val1="<?php echo $aa['idVisitMain'];?>" data-val2="<?php echo $aa['idVisitDetail'];?>"><i class="fa fa-upload"></i></a>
							<a href="javascript:void(0)" title="Edit Record" class="btn btn-effect-ripple btn-xs btn-success edit-me" data-modal-target="<?php echo $modal_name;?>" data-editdata="<?php echo $editdata;?>"><i class="fa fa-pencil"></i></a>
							<?php if($aa['idUser']==$idUser){ ?>
							<a href="javascript:void(0)" title="Delete Record" class="btn btn-effect-ripple btn-xs btn-danger del-me" data-val="<?php echo $i;?>"><i class="fa fa-times"></i></a>
							<?php }else{ ?>
							<a href="javascript:void(0)" title="Delete Record" class="btn btn-effect-ripple btn-xs btn-danger disabled"><i class="fa fa-times"></i></a>
							<?php } ?>
							</td>
						</tr>
					<?php }mysqli_free_result($resKod); ?>
					</tbody>
				</table>

</form>
			</div>
		
		<script src="js/pages/formsValidation.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
			
			var tt = false;

$(".submit_form").on("click",function(){
				$.confirm({
					title: 'Confirm!',
					content: 'Submit This Application For Further Action?',
					buttons: {
						confirm: function () {
							$(".submit_me").trigger("submit");
						},
						cancel: function () {
							// $.alert('Canceled!');
						}
					}
				});
        	});

$("#example-datatable").setdatatable().setadddelete();

$('thead input:checkbox').click(function() {
                var checkedStatus   = $(this).prop('checked');
                var table           = $(this).closest('table');

$('tbody input:checkbox', table).each(function() {
                    $(this).prop('checked', checkedStatus);
                });
            });

$(document).on("click", ".upload-me", function(){
				var modal_name 	= "."+$(this).data("modal-target");
				var val1 		= $(this).data("val1");
				var val2 		= $(this).data("val2");
				$(modal_name).modal({keyboard:true});
				$(modal_name).find("form > [name='ii']").val(val1);
				$(modal_name).find("form > [name='iix']").val(val2);
			});

$(document).on("click", ".add-me", function(){
				var modal_name 	= "."+$(this).closest("form").data("modal-target");
				$(modal_name).modal({keyboard:true});
				// $(modal_name).modal("hide");
				$(modal_name).find("input").not(":button, :submit, :reset, .not_autoset").val("").prop("checked",false);
				$(modal_name).find("textarea").val("");
				$(modal_name).find(".default_radio, .default_checkbox").prop("checked",true);
				$(modal_name).find("select").children("option").prop("selected",false).trigger("change");				
				$(modal_name).find('.help-block').remove();
				$(modal_name).find('.form-group').removeClass('has-success has-error');
				$("#form-validation").setvalidation('');

var usrdate 	= $(modal_name).find("[name='userdate']");
				// if(usrdate.val() === '')
					usrdate.val(usrdate.data('defdate'));

var iduser 	= $(modal_name).find("[name='idUser']");
				// if(iduser.val() === '')
					iduser.val(iduser.data('iduser'));

var nama 	= $(modal_name).find("[name='nama']");
				// if(nama.val() === '')
					nama.val(nama.data('nama'));

if(!tt){
					$("#form-validation").on("submit",function(){
						if($(this).find(".has-error").length === 0){
							if(!confirm("Save This Record. Are You Sure?")){
								return false;
							}
						}
					});
					tt = true;
				}
				$("#form-validation > [name='type_submit']").val("add");
				// console.log($._data($("#form-validation").get(0), "events"));
			});

$(document).on("click", ".add-me2", function(){
				$(this).parents(".modal").modal("hide");
				var modal_name 	= "."+$(this).data("modal-target");
				$(modal_name).modal({keyboard:true});
				$(modal_name).find("input").not(":button, :submit, :reset, .not_autoset").val("").prop("checked",false);
				$(modal_name).find(".default_radio, .default_checkbox").prop("checked",true);
				$(modal_name).find("select").children("option").prop("selected",false).trigger("change");				
				$(modal_name).find('.help-block').remove();
				$(modal_name).find('.form-group').removeClass('has-success has-error');
				$("#form-validationx").setvalidation('');
				$("#form-validationx > [name='type_submit']").val("add-port");
				// console.log($._data($("#form-validation").get(0), "events"));
			});

$(document).on("click", ".del-me-all", function(){
				if(confirm("Delete This Records! Are You Sure?")){
					var check_tick = 0;
					$(this).closest("form").find("input[type='checkbox'][name='myid']").each(function(){
						if($(this).prop('checked'))
							check_tick++;
					});

if(check_tick>0)
						$(this).closest("form").submit();
					else
						alert("Please select which record to be remove!");
				}
			});

$("#table-upload tbody").on("click", ".del-me-upload", function(){
				if(confirm("Delete This Record! Are You Sure?")){
					$("#table-upload tbody").find("input[type='checkbox']").prop("checked",false);
					$(this).closest("tr").find("input[type='checkbox'][name='lampiran[]']").trigger("click");
					$(this).parents("#example-datatable").closest("form").find("[name='type_submit']").val("delete-upload");
					$(this).closest("form").submit();
				}
			})

$("#example-datatable tbody").on("click", ".del-me", function(){
				if(confirm("Delete This Record! Are You Sure?")){
					$(this).closest("table").find("input[type='checkbox']").prop("checked",false);
					$(this).closest("tr").find("input[type='checkbox'][name='myid[]']").trigger("click");
					$(this).closest("form").submit();
				}
			})

$("#example-datatable tbody").on("click", ".edit-me", function(){
				var modal_name 	= "."+$(this).data("modal-target");
				var editdata 	= $(this).data("editdata");
				$(modal_name).modal({keyboard:true});
				$(modal_name).find("input").not(":button, :submit, :reset, .not_autoset").val("").prop("checked",false);
				$(modal_name).find("select").prop("selected",false);
				$(modal_name).find('.help-block').remove();
				$(modal_name).find('.form-group').removeClass('has-success has-error');
				$("#form-validation").setvalidation(editdata);
				if(!tt){
					$("#form-validation").on("submit",function(){
						if($(this).find(".has-error").length === 0){
							if(!confirm("Save This Record. Are You Sure?")){
								return false;
							}
						}
					});
					tt = true;
				}
				$("#form-validation > [name='type_submit']").val("edit");
				// console.log($._data($("#form-validation").get(0), "events"));
			});

});

</script>

// The configuration we've talked about above
	autoProcessQueue: false,
	uploadMultiple: true,
	parallelUploads: 100,
	maxFiles: 100,
	acceptedFiles: doc_allowed2,
	maxFilesize: doc_maxsize1,
  // The setting up of the dropzone
  init: function() {
    var myDropzone = this;

// First change the button to actually tell Dropzone to process the queue.
        this.element.querySelector("button[type=submit]").addEventListener("click", function(e) {
            // Make sure that the form isn't actually being sent.
            e.preventDefault();
            e.stopPropagation();

var test1   = $("#my-awesome-dropzone").hasClass("dz-started");
            var test2   = $("#my-awesome-dropzone").find(".dz-preview").hasClass("dz-error");
            var cont    = 0;

if($("[name='catatan']",document).val() === ''){
                
                var get_error = $("[name='catatan']",document).parent(".input-group").next();

if(!get_error.length){
                    $("[name='catatan']").parent(".input-group").after("<div id=\"val-password-error\" class=\"help-block2 \" style='margin-top:8px;font-weight:400;font-style:italic;color: #de815c'>Sila Masukxkan Keterangan Lampiran.</div>");
                    $("[name='catatan']").parents(".form-group").addClass("has-error2");
                }

cont++;
            }
            else{
                $("[name='catatan']",document).parents(".form-group").find("#val-password-error").remove();
                $("[name='catatan']").parents(".form-group").removeClass("has-error2");
            }

if($("[name='namaFile']",document).val() === ''){

var get_error = $("[name='namaFile']",document).parent(".input-group").next();

if(!get_error.length){
                    $("[name='namaFile']").parent(".input-group").after("<div id=\"val-password-error\" class=\"help-block2 \" style='margin-top:8px;font-weight:400;font-style:italic;color: #de815c'>Please Enter The File Name.</div>");
                    $("[name='namaFile']").parents(".form-group").addClass("has-error2");

}
                    cont++;
            }
            else{
                $("[name='namaFile']",document).parents(".form-group").find("#val-password-error").remove();
                $("[name='namaFile']").parents(".form-group").removeClass("has-error2");
            }

if(!test1){
                if(!$(".dz-default").find("#erro2").length){
                    $(".dz-default").find("span").after("<div id=\"erro2\" class=\"help-block2 \" style='margin-top:8px;font-weight:400;font-style:italic;color: #de815c'>Sila Pilih Lampiran Untuk Dimuat Naik.</div>");
                }
                    cont++;
            }else{
                $("#erro2").remove();
            }

if(cont===0){
                $("#my-awesome-dropzone").css("border-color","");
                if(confirm("Save This File?")){
                    myDropzone.processQueue();
                }
            }else{
                $("#my-awesome-dropzone").css("border-color","#de815c");
            }
        });

// Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
    // of the sending event because uploadMultiple is set to true.
    this.on("sendingmultiple", function() {
      // Gets triggered when the form is actually being sent.
      // Hide the success button or the complete form.
    });
    this.on("successmultiple", function(files, response) {
      // Gets triggered when the files have successfully been sent.
      // Redirect user or notify of success.
      // console.log(response.trim());
        if(response.trim() == 'success'){
			window.location.replace('index.php?page=edg/main&np=edg/s_detail&ii=<?php echo $ii;?>');
        }else{
            alert("Ops. Something Wrong When Uploading!");
        }
    });
    this.on("errormultiple", function(files, response) {
      // Gets triggered when there was an error sending the files.
      // Maybe show form again, and notify user of error
    });

this.on("addedfile", function(file) {

// Create the remove button
        var removeButton = Dropzone.createElement("<button>Remove file</button>");

// Capture the Dropzone instance as closure.
        var _this = this;

// Listen to the click event
        removeButton.addEventListener("click", function(e) {
          // Make sure the button click doesn't submit the form:
          e.preventDefault();
          e.stopPropagation();

// Remove the file preview.
          _this.removeFile(file);
          // If you want to the delete the file on the server as well,
          // you can do the AJAX request here.
        });

// Add the button to the file preview element.
        file.previewElement.appendChild(removeButton);
      });

this.on("addedfile", function(e) {
        if (this.files[1]!=null){
            this.removeFile(this.files[0]);
        }

});

this.on('sending', function(e) {
    // Append all form inputs to the formData Dropzone will POST
        // var data = $('form').serializeArray();
        // $.each(data, function(key, el) {
        // formData.append(el.name, el.value);
        // });
        // alert(2);
      // file.preventDefault();
      // file.stopPropagation();
      return false;
      console.log(e);
      // e.stopPropagation();

});

this.confirm = function(question, accepted, rejected) {
  // Do your thing, ask the user for confirmation or rejection, and call
  // accepted() if the user accepts, or rejected() otherwise. Make
  // sure that rejected is actually defined!
  // alert(1);
};

}
 
}
    
</script>
		</div>
	</div>