Gecko [ eachadeal.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2019-10-09 06:45
ajaxcall	[ DIR ]	drwxr-xr-x	2019-10-09 08:39
assets	[ DIR ]	drwxr-xr-x	2025-10-29 23:03
css	[ DIR ]	drwxr-xr-x	2019-10-25 02:53
js	[ DIR ]	drwxr-xr-x	2019-10-25 02:52
pdf	[ DIR ]	drwxr-xr-x	2019-10-15 12:31
phpMailer	[ DIR ]	drwxr-xr-x	2016-03-30 06:50
signatures	[ DIR ]	drwxr-xr-x	2016-03-20 05:27
.htaccess	279 B	-rw-r--r--	2020-12-01 10:37
calendar.php	12.63 KB	-rw-r--r--	2019-10-25 03:18
config.php	384 B	-rw-r--r--	2016-03-19 12:15
edit-customer.php	10.61 KB	-rw-r--r--	2019-10-25 03:52
email-reminder.php	1.88 KB	-rw-r--r--	2019-11-14 09:08
error_log	1.19 MB	-rw-r--r--	2025-10-31 00:51
footer.php	48 B	-rw-r--r--	2016-03-19 12:21
header.php	2.9 KB	-rw-r--r--	2020-12-01 10:45
index.php	62 B	-rw-r--r--	2019-10-09 06:47
maintenance-form-unique-key.php	12.55 KB	-rw-r--r--	2019-10-09 06:28
maintenance-form.php	11.19 KB	-rw-r--r--	2019-10-09 16:21
new-customer.php	1.3 KB	-rw-r--r--	2016-03-31 13:37
new-form.php	2.14 KB	-rw-r--r--	2019-10-09 09:32
phpinfo.php	69 B	-rw-r--r--	2019-10-08 09:21
post-maintenance.php	4.77 KB	-rw-r--r--	2019-10-25 09:33
uniquekey.php	964 B	-rw-r--r--	2019-10-09 06:49
wp.php	18 B	-rw-r--r--	2025-10-28 12:36

Rename

<?php require 'header.php'; ?>

<?php

$customer_id = $_POST['customer_id'];
$maintenance_data_id = $_POST['maintenance-form'];

$sql = "SELECT * FROM maintenance_data where id=".$maintenance_data_id." and customer_id=".$customer_id;
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
	$remarks = $row['remarks'];
	$date = $row['created_date'];
	$modified = $row['modified_date'];
	$updated_by = $row['updated_by'];
	$acknowledgement = $row['acknowledgement']; 
}
?>
<p id="message">&nbsp;</p>
<div class="container">

<?php 
$sql = "SELECT * FROM customer WHERE id=".$customer_id;
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
?>
<div class="customer-records">
<div class="row">	
	<div class="col-xs-12"><p><b>Name:</b> <?php echo $row['name'] ?></p></div>
</div>
<div class="row">
	<div class="col-xs-12 col-md-6"><p><b>Address:</b> <?php echo $row['address'] ?></p></div>
	<div class="col-xs-12 col-md-6"><p><b>Email:</b> <?php echo $row['email'] ?></p></div>
</div>
<div class="row">
	<div class="col-xs-12 col-md-6"><p><b>Tel:</b> <?php echo $row['phone'] ?></p></div>
	<div class="col-xs-12 col-md-6"><p><b>Contact Person:</b> <?php echo $row['contact_person'] ?></p></div>
</div>
<?php
}
?>
<div class="row">
	<div class="col-xs-12 col-md-6"><p><b>Intiated Date and Time:</b> <?php echo $date; ?></p></div>
	<div class="col-xs-12 col-md-6"><p><b>Last Modified:</b> <?php echo $modified; ?></p></div>
</div>
</div>
<br />
<form name="hongkiat" id="hongkiat-form" method="post" action="ajaxcall/autosave-form.php">
<input type="hidden" name="customer" value="<?php echo $customer_id; ?>">
<input type="hidden" name="maintenance-form" value="<?php echo $maintenance_data_id; ?>">

<?php
$sql = "SELECT * FROM checklist_data where maintenance_data_id=".$maintenance_data_id." ORDER BY equipment_own_id ASC";
$result = mysqli_query($conn, $sql);
$old_equipment_id = 0;
$count=1;
if (mysqli_num_rows($result) > 0) {
	
	while($row = mysqli_fetch_assoc($result)) {
		if ($old_equipment_id != $row['equipment_own_id']) { 
			if ($old_equipment_id != 0) echo '</div>';
			$old_equipment_id = $row['equipment_own_id'];
			$sql = "SELECT * FROM equipment_own where id=".$row['equipment_own_id'];
			$result2 = mysqli_query($conn, $sql);
			while($row2 = mysqli_fetch_assoc($result2)) {
				$equipment_name = $row2['name'];
				$serial = $row2['serial'];
			} 
			$sql = "SELECT * FROM equipment_data where equipment_own_id=".$row['equipment_own_id']." && maintenance_data_id=".$maintenance_data_id;
			$result3 = mysqli_query($conn, $sql);
			while($row3 = mysqli_fetch_assoc($result3)) {
				$status = $row3['status'];
				$equipment_data_id = $row3['id'];
			} 
	?>
			<div class="each">
			<div class="row">
			<div class="col col-xs-12 col-md-12"><h4 style="background-color: #13c5ff; padding:5px"><b><u><?php echo $count++; echo ') '.$equipment_name ?><?php if ($serial) echo '(#'.$serial.')' ?></u></b></h4></div>
			<div class="col col-xs-12 col-md-12">
			<select name="status-<?php echo $equipment_data_id ?>" class="form-control">
			<option <?php echo ($status == "OK" ? 'selected' : '')?>>OK</option>
			<option <?php echo ($status == "URGENT" ? 'selected' : '')?>>URGENT</option>
			</select>
			</div>
			</div><br />
<?php
		}
?>
		<div class="row">
		<div class="col-xs-11 col-md-6"><label for="check-<?php echo $row['id']; ?>"><?php echo $row['value']; ?></label></div>
		<div class="col-xs-1 col-md-1"><center><input type="checkbox" id="check-<?php echo $row['id']; ?>" name="check-<?php echo $row['id']; ?>" <?php if ($row['checked']==1 || $row['checked']=='on') echo "checked='checked'"; ?>></center></div>
		<div class="col-xs-12 col-md-5"><input type="text" name="remarks-<?php echo $row['id']; ?>" class="noborder" <?php if (!empty($row['remarks'])) echo 'value="'.$row['remarks'].'"'; ?>></div>
		</div>
		
<?php	
	} 
	echo '</div>';
?>
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="updated_by">Updated by:</label>
<select id="updated_by" name="updated_by" class="form-control">
<?php
$sql = "SELECT * FROM technician";
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result))
	echo '<option value="'.$row['id'].'" '.($updated_by == $row['id'] ? 'selected' : '').'>'.$row['name'].'</option>';
?>

</select>
</div>
</div>	
</div>
<div class="row">
<div class="col-xs-12  col-md-12">
<div class="form-group">
<label for="remarks">Remarks</label>
<textarea name="remarks" id="remarks" rows="4" class="form-control">
<?php echo $remarks; ?>
</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<center>
Acknowledgement of Service<br />
<div class="img-container">
<div class="capture-img"><?php echo '<img src="'.$acknowledgement.'">'; ?></div>
</center>
</div>
</div>
</div>
<?php
}
?>

<div id="signature-pad" class="m-signature-pad">
    <div class="m-signature-pad--body">
      <canvas width="658" height="318"></canvas>
    </div>
    <div class="m-signature-pad--footer">
      <div class="description">Sign above</div>
      <button type="button" class="button clear" data-action="clear">Clear</button>
      <button type="button" class="button save" data-action="save">Save</button>
    </div>
</div>

</form>
</div>

<div class="shortcut">
<a onclick="checkAll()" href="javascript:void(0);" style="float:left">Check all</a>
<a onclick="uncheckAll()" href="javascript:void(0);" style="float:right">Uncheck all</a>
</div>

//sticky icon
$(document).ready(function() {
	var stickyNavTop = $('#message').offset().top;
	 
	var stickyNav = function(){
	var scrollTop = $(window).scrollTop();
		  
	if (scrollTop > stickyNavTop) { 
		$('#message').addClass('sticky');
	} else {
		$('#message').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	});
});

//signature pad
var wrapper = document.getElementById("signature-pad"),
    clearButton = wrapper.querySelector("[data-action=clear]"),
    saveButton = wrapper.querySelector("[data-action=save]"),
    canvas = wrapper.querySelector("canvas"),
    signaturePad;

// Adjust canvas coordinate space taking into account pixel ratio,
// to make it look crisp on mobile devices.
// This also causes canvas to be cleared.
function resizeCanvas() {
    // When zoomed out to less than 100%, for some very strange reason,
    // some browsers report devicePixelRatio as less than 1
    // and only part of the canvas is cleared then.
    var ratio =  Math.max(window.devicePixelRatio || 1, 1);
    canvas.width = canvas.offsetWidth * ratio;
    canvas.height = canvas.offsetHeight * ratio;
    canvas.getContext("2d").scale(ratio, ratio);
}

window.onresize = resizeCanvas;
resizeCanvas();

signaturePad = new SignaturePad(canvas);

clearButton.addEventListener("click", function (event) {
    signaturePad.clear();
	$('.m-signature-pad').hide();
});

saveButton.addEventListener("click", function (event) {
    if (signaturePad.isEmpty()) {
        alert("Please provide signature first.");
    } else {
		signaturePad.removeBlanks();
        callPHP(signaturePad.toDataURL());
		window.onresize = resizeCanvas;
resizeCanvas();

signaturePad = new SignaturePad(canvas);
    }
});

$('.capture').on("click",function() {
  $(".m-signature-pad").show();
});

.checkmark_circle {
    position: absolute;
    width:22px;
    height:22px;
    background-color: green;
    border-radius:11px;
    left:0;
    top:0;
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#fff;
    left:8px;
    top:12px;
}
#remarks { 
 font: normal 14px verdana;
 line-height: 25px;
 padding: 2px 10px;
 border: solid 1px #ddd;
 width: 100%
}
.customer-records {
     background: rgba(116, 108, 230, 0.5);
    padding: 3px 5px;
    margin: -3px -5px;
    line-height: 1.7;
    border-radius: 3px;
}

.m-signature-pad {
	display:none;
}

.img-container {
	border: solid 1px;
    width: 300px;
    height: 200px;
	padding: 10px;
}

.capture-img img {
	max-width:90%;
	max-height:180px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

input[type=checkbox] {
    	width: 100%;
        height: 20px;
    }
    
    .big div, div .each, div .each h4 {
     font-size: 20px;   
    }
    
    div .each .row .col-md-6, div .each .row .col-md-1 {
        padding-bottom: 4px;
        padding-top: 4px;
    }
    
    .customer-records div {
     font-size: 20px;     
    }
    
    .btn {
        font-size: 20px;
    }
    
    select {
        font-size: 20px !important;
    }

@media only screen and (max-width: 1000px) {

input[type=checkbox] {
    	width: 100%;
        height: 40px;
    }
    
    .big div, div .each, div .each h4 {
     font-size: 40px;   
    }
    
    div .each .row .col-md-6, div .each .row .col-md-1 {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .customer-records div {
     font-size: 30px;     
    }
    
    #remarks { 
         font: normal 28px verdana;
         line-height: 35px;

}
    
    .btn {
        font-size: 40px;
    }
    
    select {
        font-size: 40px !important;
        height: 60px!important;
    }
    
    p, div {
        font-size: 40px;
    }
    
}

</style>
<?php require 'footer.php'; ?>