c3lf/c3lf-system-3
9
0
Fork 0
Code Issues 55 Pull requests Projects 2 Releases Wiki Activity Actions

add ajax to lost form

Browse source
This commit is contained in:
/jedi/ 2018-12-30 12:50:42 +01:00
parent f949d07115
commit df470b370f
4 changed files with 93 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

30
templates/lost.php
View file

@ -19,6 +19,15 @@
<li class="breadcrumb-item active">Add</li>
</ol>
<div id="alertmessage" class="collapse alert alert-danger" role="alert">
This is a danger alert—check it out!
</div>
<div id="successmessage" class="collapse alert alert-success" role="alert">
A simple success alert—check it out!
</div>
<!-- Area Chart Example-->
<div class="card mb-3">
<div class="card-header">
@ -26,7 +35,7 @@
Insert Item into DB
</div>
<div class="card-body">
<form method="POST" action="/action.php?action=lost">
<form method="POST" action="/action.php?action=lost" id="lost_form">
<p><input type="text" class="form-control" placeholder="WANN" name="wann" value="<?php echo date("Y-m-d H:i:s");?>"></p>
<p><input type="text" class="form-control" placeholder="WO" name="wo"></p>
<p><input type="text" class="form-control" placeholder="WAS" name="was"></p>
@ -43,14 +52,21 @@
<script>
function testajax(){
$.post( "ajax.php?action=add_lost", $( "#lost_form" ).serialize() ).done(function( data ) {
alert( "Data Loaded: " + data );
$.post( "/ajax.php?action=add_lost", $( "#lost_form" ).serialize() ).done(function( data ) {;
reply = JSON.parse(data);
if(reply.status == "ok"){
$( "#lost_form" ).trigger("reset");
$("#alertmessage").collapse('hide');
$("#successmessage").html(reply.message).collapse('show');
}else{
$("#successmessage").collapse('hide');
$("#alertmessage").html(reply.message).collapse('show');
}
}).fail(function() {
$("#successmessage").collapse('hide');
$("#alertmessage").html("error").collapse('show');
});
/*$.post( "ajax.php", { name: "John", time: "2pm" } ).done(function( data ) {
alert( "Data Loaded: " + data );
});*/
}
</script>

32
templates/request.php
View file

@ -16,10 +16,15 @@
<li class="breadcrumb-item active">Feature Request</li>
</ol>
<div class="alert alert-danger" role="alert">
<div id="alertmessage" class="collapse alert alert-danger" role="alert">
This is a danger alert—check it out!
</div>
<div id="successmessage" class="collapse alert alert-success" role="alert">
A simple success alert—check it out!
</div>
<!-- Area Chart Example-->
<div class="card mb-3">
<div class="card-header">
@ -27,7 +32,7 @@
Add Feature Request
</div>
<div class="card-body">
<form id="lost_form" method="POST" action="action.php?action=lost">
<form id="request_form" method="POST" action="/action.php?action=lost">
<div class="form-group">
<label for="title_field">Title</label>
<input type="text" class="form-control" placeholder="title" name="title" id="title_field">
@ -50,17 +55,20 @@
<script>
function testajax(){
$.post( "ajax.php?action=add_lost", $( "#lost_form" ).serialize() ).done(function( data ) {
alert( "Data Loaded: " + data );
$.post( "/ajax.php?action=add_featurerequest", $( "#request_form" ).serialize() ).done(function( data ) {;
reply = JSON.parse(data);
if(reply.status == "ok"){
$( "#lost_form" ).trigger("reset");
$("#alertmessage").collapse('hide');
$("#successmessage").html(reply.message).collapse('show');
}else{
$("#successmessage").collapse('hide');
$("#alertmessage").html(reply.message).collapse('show');
}
}).fail(function() {
alert( "error" );
}).always(function() {
alert( "finished" );
});;
/*$.post( "ajax.php", { name: "John", time: "2pm" } ).done(function( data ) {
alert( "Data Loaded: " + data );
});*/
$("#successmessage").collapse('hide');
$("#alertmessage").html("error").collapse('show');
});
}

2
templates/sidebar.php
View file

@ -83,7 +83,7 @@
<span>Tables</span></a>
</li-->
<li class="nav-item">
<a class="nav-link" href="/?page=request">
<a class="nav-link" href="/request/">
<i class="fas fa-fw fa-comments"></i>
<span>Feature Requests</span>
</a>