I am struggling to fix this error, can you mates help me on this issue below.
<div class = "wrapper" align = "center">
<div class="btn-group" id="toggle_event_editing">
<button type="button" class="btn btn-danger locked_active">OFF</button>
<button type="button" class="btn btn-success unlocked_inactive">ON</button>
</div>
<div class="alert alert-danger" id="switch_status">Switched off.</div>
</div>
$(document).ready(function() {
$('#toggle_event_editing button').click(function(){
if($(this).hasClass('locked_active')) {
$('#switch_status').html('Switched off');
$.ajax({
url:'https://integrations.thethingsnetwork.org/ttn-eu/api/v2/down/acts083_test/mkr1300?key=ttn-account-v2.7Ph6lBffU7wI9cLY5ljIhIb_I7sqH5EVvo5zs9uVyA0',
type:'POST',
data:{
format:'text',
device_id:'mkr1300',
payload_raw:'AAA'
},
success:function(response){
alert(response);
},
error:function() {
$('#error').text("There was an error while processing your request. Please try again");
}
});
}else{
$('#switch_status').html('Switched on.');
$.ajax({
url:'https://integrations.thethingsnetwork.org/ttn-eu/api/v2/down/acts083_test/mkr1300?key=ttn-account-v2.7Ph6lBffU7wI9cLY5ljIhIb_I7sqH5EVvo5zs9uVyA0',
type:'POST',
data:{
format:'text',
device_id:'mkr1300',
payload_raw:'AAE'
},
success:function(response) {
alert(response);
},
error:function() {
$('#error').text("There was an error while processing your request.Please try again");
}
});
}
});
});
