Add Search to Quests

Author: bbdoc

add_mons.php

@@ -384,7 +384,8 @@ class="form-control text-center">
                             </button>
                         </div>
 
-                        <!-- Add Search Box -->
+			<!-- Add Search Box -->
+                        <input type='hidden' id='search_type' value='mon'>
                         <div class='mb-3' id='dvSearchBox'>
                             <input type='text' class='form-control form-control-lg' id='search' placeholder='Search'>
                         </div>

add_quests.php

@@ -30,6 +30,7 @@
     <link rel="stylesheet" type="text/css" href="css/style.css?v=<?=time();?>">
 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+    <script type="text/javascript" src="search_mons.js"></script>
 
     <script type="text/javascript">
     $(document).ready(function() {
@@ -51,6 +52,7 @@
             }
         });
     });
+
     </script>
 
 </head>
@@ -179,7 +181,7 @@ class="form-control text-center">
                         <nav aria-label="breadcrumb">
                             <ol class="breadcrumb">
                                 <li class="breadcrumb-item active" aria-current="page">
-                                    Select Pokémon Quests you want to add
+                                    Select Pokémon Quests you want to add (Pokemons Currently available on Map)
                                 </li>
                             </ol>
                         </nav>
@@ -204,6 +206,28 @@ class="form-control text-center">
                             </ul>
                         </div>
 
+			<!-- Add Search Box -->
+                        <nav aria-label="breadcrumb">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item active" aria-current="page">
+                                    Or use search below to add another pokemon
+                                </li>
+                            </ol>
+                        </nav>
+
+                        <input type='hidden' id='search_type' value='questmon'>
+                        <div class='mb-3' id='dvSearchBox'>
+                            <input type='text' class='form-control form-control-lg' id='search' placeholder='Search'>
+                        </div>
+
+                        <div class='searchmons text-center' id='dvMonsList'>
+                            <ul>
+                                <!-- Add Empty Div to be used by Ajax to display results -->
+                                <div id='display'></div>
+
+                            </ul>
+                        </div>
+
                         <hr>
 
                         <nav aria-label="breadcrumb">

search_mons.js

@@ -11,6 +11,7 @@ $(document).ready(function() {
    $("#search").keyup(function() {
        //Assigning search box value to javascript variable named as "name".
        var name = $('#search').val();
+       var type = $('#search_type').val();
        //Validating, if "name" is empty.
        if (name == "") {
            //Assigning empty value to "display" div in "search.php" file.
@@ -27,7 +28,8 @@ $(document).ready(function() {
                //Data, that will be sent to "add_mons.php".
                data: {
                    //Assigning value of "name" into "search" variable.
-                   search: name
+                   search: name,
+                   searchtype: type
                },
                //If result found, this funtion will be called.
                success: function(html) {

search_mons.php

@@ -2,9 +2,17 @@
 <?php 
 
 include "./functions.php";
+include "./db_mad.php";
 include "./config.php";
 
-  $mons=get_all_mons();
+$mons=get_all_mons();
+
+if ( $_POST['searchtype'] == "questmon" ) {
+	$quests_mons=get_quest_mons();
+	foreach($quests_mons as $key => $pokemon_id) {
+		unset($mons[$pokemon_id]);
+	}
+}
 
   foreach($mons as $pokemon_id => $pokemon_name) {
     if ($pokemon_id <= $max_pokemon) {