From d4c22b87422b991111f3f4e75f80021656113d0b Mon Sep 17 00:00:00 2001
From: /jedi/ <hartmann@qabel.de>
Date: Fri, 22 Feb 2019 14:09:20 +0100
Subject: [PATCH] create composite insert and search pages

---
 templates/found_item.php |  67 ++++++++++++++++--
 templates/lost_item.php  | 148 +++++++++++++++++++++++++++++++++++++++
 templates/sidebar.php    |  14 +++-
 3 files changed, 221 insertions(+), 8 deletions(-)
 create mode 100644 templates/lost_item.php

diff --git a/templates/found_item.php b/templates/found_item.php
index 11d2b37..662ad04 100644
--- a/templates/found_item.php
+++ b/templates/found_item.php
@@ -21,8 +21,7 @@
             <li class="breadcrumb-item">
                 <a href="#">Dashboard</a>
             </li>
-            <li class="breadcrumb-item">Found</li>
-            <li class="breadcrumb-item active">Add</li>
+            <li class="breadcrumb-item active">Found</li>
         </ol>
 
         <div id="alertmessage" class="collapse alert alert-danger" role="alert">
@@ -38,7 +37,7 @@
         <div class="card mb-3">
             <div class="card-header">
                 <i class="fas fa-plus"></i>
-                Insert Item into DB
+                Add Found Item
             </div>
             <div class="card-body">
                 <form method="POST" action="#" id="lost_form">
@@ -63,11 +62,69 @@
                     </div>
 
                     <div class="form-group">
-                        <button type="submit" class="form-control" onclick="add_found_item(); return false;">Submit</button>
+                        <button type="submit" class="form-control btn btn-primary" onclick="add_found_item(); return false;">Submit</button>
                     </div>
                 </form>
             </div>
-            <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
+            <!--div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div-->
+        </div>
+
+
+        <!-- DataTables Example -->
+        <div class="card mb-3">
+            <div class="card-header">
+                <i class="fas fa-table"></i>
+                Lost Items</div>
+            <div class="card-body">
+                <div class="table-responsive">
+                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
+                        <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>was</th>
+                            <th>wann</th>
+                            <th>wo</th>
+                            <th>kontakt</th>
+                        </tr>
+                        </thead>
+                        <tfoot>
+                        <tr>
+                            <th>ID</th>
+                            <th>was</th>
+                            <th>wann</th>
+                            <th>wo</th>
+                            <th>kontakt</th>
+                        </tr>
+                        </tfoot>
+                        <tbody>
+                        <?php
+                        foreach( get_lostitems(true) as $item){
+                            ?>
+                            <tr>
+                                <td><?php echo $item["id"]; ?></td>
+                                <td><?php echo $item["was"]; ?></td>
+                                <td><?php echo $item["wann"]; ?></td>
+                                <td><?php echo $item["wo"]; ?></td>
+                                <td><?php echo $item["contact"]; ?></td>
+                                <!--td>
+                                    <?php
+                                foreach(explode(",",$item["tags"]) as $tag){
+                                    ?>
+                                                <span class="label label-default"><?php echo $tag; ?></span>
+                                            <?php
+                                }
+                                ?>
+                                </td>
+                                <td><?php echo $item["id"]; ?></td-->
+                            </tr>
+                            <?php
+                        }
+                        ?>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <!--div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div-->
         </div>
 
     </div>
diff --git a/templates/lost_item.php b/templates/lost_item.php
new file mode 100644
index 0000000..d4153fd
--- /dev/null
+++ b/templates/lost_item.php
@@ -0,0 +1,148 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: jedi
+ * Date: 12/27/18
+ * Time: 4:46 AM
+ */
+?>
+
+
+    <div class="container-fluid">
+
+        <!-- Breadcrumbs-->
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+                <a href="#">Dashboard</a>
+            </li>
+            <li class="breadcrumb-item active">Lost</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">
+                <i class="fas fa-plus"></i>
+                Add Lost Item
+            </div>
+            <div class="card-body">
+                <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>
+                    <p><input type="text" class="form-control" placeholder="KONTAKT" name="contact" autocomplete="off"></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-->
+        </div>
+
+
+        <div class="card mb-3">
+            <div class="card-header">
+                <i class="fas fa-table"></i>
+                Found Items</div>
+            <div class="card-body">
+                <div class="table-responsive">
+                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
+                        <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>was</th>
+                            <th>wann</th>
+                            <th>wo</th>
+                            <th>foto</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tfoot>
+                        <tr>
+                            <th>ID</th>
+                            <th>was</th>
+                            <th>wann</th>
+                            <th>wo</th>
+                            <th>foto</th>
+                            <th></th>
+                        </tr>
+                        </tfoot>
+                        <tbody>
+                        <?php
+                        foreach( get_founditems(true) as $item){
+                            ?>
+                            <tr>
+                                <td><?php echo $item["id"]; ?></td>
+                                <td><?php echo $item["was"]; ?></td>
+                                <td><?php echo $item["wann"]; ?></td>
+                                <td><?php echo $item["wo"]; ?></td>
+                                <td><img style="height: 48px;" src="/upload/<?php echo $item["hash"]; ?>"></td>
+                                <td>
+                                    <div class="btn-group" role="group">
+                                        <button type="button" class="btn btn-outline-secondary"><i class="fas fa-fw fa-check-circle"></i></button>
+                                        <a href="/found_item_edit/<?php echo $item["id"]; ?>/" type="button" class="btn btn-outline-secondary"><i class="fas fa-fw fa-edit"></i></a>
+                                        <button type="button" class="btn btn-outline-danger" onclick="delete_item(<?php echo $item["id"]; ?>)"><i class="fas fa-fw fa-trash-alt"></i></button>
+                                    </div>
+                                </td>
+                                <!--td>
+                                    <?php
+                                foreach(explode(",",$item["tags"]) as $tag){
+                                    ?>
+                                                <span class="label label-default"><?php echo $tag; ?></span>
+                                            <?php
+                                }
+                                ?>
+                                </td>
+                                <td><?php echo $item["id"]; ?></td-->
+                            </tr>
+                            <?php
+                        }
+                        ?>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <!--div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div-->
+        </div>
+
+    </div>
+    <!-- /.container-fluid -->
+
+<script>
+
+    function testajax(){
+        $.post( "/ajax.php?action=add_found_item", $( "#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');
+        });
+
+    }
+
+</script>
+
+<!-- Page level plugin JavaScript-->
+<script src="/vendor/chart.js/Chart.min.js"></script>
+
+<!-- Custom scripts for all pages-->
+<script src="/js/sb-admin.min.js"></script>
+
+<!-- Demo scripts for this page-->
+<script src="/js/demo/chart-area-demo.js"></script>
+<script src="/js/demo/chart-bar-demo.js"></script>
+<script src="/js/demo/chart-pie-demo.js"></script>
\ No newline at end of file
diff --git a/templates/sidebar.php b/templates/sidebar.php
index b862a63..48bb7a0 100644
--- a/templates/sidebar.php
+++ b/templates/sidebar.php
@@ -19,13 +19,21 @@
     <li class="nav-item">
         <a class="nav-link" href="/found_item/">
             <i class="fas fa-fw fa-archive"></i>
-            <span>Found Items (NEW VERSION)</span>
+            <span>Found Item (NEW VERSION)</span>
+        </a>
+    </li>
+
+
+    <li class="nav-item">
+        <a class="nav-link" href="/lost_item/">
+            <i class="fas fa-fw fa-archive"></i>
+            <span>Lost Item (NEW VERSION)</span>
         </a>
     </li>
 
 
 
-    <li class="nav-item">
+    <!--li class="nav-item">
         <a class="nav-link" href="/table/">
             <i class="fas fa-fw fa-archive"></i>
             <span>Found Items</span>
@@ -48,7 +56,7 @@
             <i class="fas fa-fw fa-plus"></i>
             <span>Lost</span>
         </a>
-    </li>
+    </li-->
     <li class="nav-item">
         <a class="nav-link" href="/matches/">
             <i class="fas fa-fw fa-check"></i>