Files
amble_api/views/api.hbs
2025-07-15 15:54:43 +05:30

77 lines
2.8 KiB
Handlebars

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="classes/commons/jquery/jquery-1.7.1.min.js"><\/script>')</script>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
</head>
<body>
<input type="checkbox" name="toggle" id="toggle" data-toggle="toggle" data-off="Disabled" data-on="Enabled">
<br><br>
<div class="panel panel-default">
<div class="panel-heading" id="heading">Status</div>
<div class="panel-body" id="body"></div>
</div>
<script>
var defmode = $('#toggle').prop('checked');
if(defmode === "false"){
$.ajax({
method: "POST",
url: "/api/updatejobcardtoggledata",
data: {
toggleid : 12345,
togglestatus: "failure"
},
success:(data) => {
console.log(data.message);
},
error: (data) => {
console.log(data.message);
}
});
}
$('#toggle').change(function(){
var mode= $(this).prop('checked');
if(mode){
$("#body").html("success");
$.ajax({
method: "POST",
url: "/api/updatejobcardtoggledata",
data: {
toggleid : 12345,
togglestatus: "success"
},
success:(data) => {
console.log(data.message);
},
error: (data) => {
console.log(data.message);
}
});
}else{
$("#body").html("failure");
$.ajax({
method: "POST",
url: "/api/updatejobcardtoggledata",
data: {
toggleid : 12345,
togglestatus: "failure"
},
success:(data) => {
console.log(data.message);
},
error: (data) => {
console.log(data.message);
}
});
}
});
</script>
</body>
</html>