From 935d48f6f7412b66ed57820be8a5421b5e878d85 Mon Sep 17 00:00:00 2001
From: /jedi/ <hartmann@qabel.de>
Date: Sun, 30 Dec 2018 13:26:45 +0100
Subject: [PATCH] add ajax to found form

---
 ajax.php                            |  2 +-
 templates/{insert.php => found.php} | 36 +++++++++++++++++++++++++++--
 templates/sidebar.php               |  2 +-
 3 files changed, 36 insertions(+), 4 deletions(-)
 rename templates/{insert.php => found.php} (57%)

diff --git a/ajax.php b/ajax.php
index 5e53d56..817f837 100644
--- a/ajax.php
+++ b/ajax.php
@@ -29,7 +29,7 @@ switch($_GET["action"]) {
             $errormsg = "all values have to be set";
         }
         break;
-    case "insert":
+    case "add_found":
         if (hasval($_POST["was"]) && hasval($_POST["wann"]) && hasval($_POST["wo"])) {
             /* Prepared statement, stage 1: prepare */
             if (!($stmt = $mysqli->prepare("INSERT INTO items(was, wann, wo) VALUES (?, ?, ?)"))) {
diff --git a/templates/insert.php b/templates/found.php
similarity index 57%
rename from templates/insert.php
rename to templates/found.php
index 1a22154..8dc99bb 100644
--- a/templates/insert.php
+++ b/templates/found.php
@@ -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,11 +35,11 @@
                 Insert Item into DB
             </div>
             <div class="card-body">
-                <form method="POST" action="/action.php?action=insert">
+                <form method="POST" action="/action.php?action=add_found" id="found_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>
-                <p><input type="submit" class="form-control"></p>
+                    <p><button type="submit" class="form-control" onclick="testajax(); return false;">Submit</button></p>
                 </form>
             </div>
             <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
@@ -40,6 +49,29 @@
     <!-- /.container-fluid -->
 
 
+<script>
+
+    function testajax(){
+        $.post( "/ajax.php?action=add_found", $( "#found_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');
+        });
+
+    }
+
+</script>
+
+
 
 
 <!-- Bootstrap core JavaScript-->
diff --git a/templates/sidebar.php b/templates/sidebar.php
index 4e9dc1a..2dc28b0 100644
--- a/templates/sidebar.php
+++ b/templates/sidebar.php
@@ -21,7 +21,7 @@
         </a>
     </li>
     <li class="nav-item">
-        <a class="nav-link" href="/insert/">
+        <a class="nav-link" href="/found/">
             <i class="fas fa-fw fa-plus"></i>
             <span>Found</span>
         </a>