feat: second atribute search

client/css/catalog.css

@@ -68,15 +68,14 @@
     height: 35vh;
     background-color: #e9e9e9;
     border-radius: 10px;
-    border: ridge;
+    border: none;
     text-align: center;
     cursor: pointer;
 }
 
 .showItem img{
-    border: ridge;
     width: 90%;
-    height: auto;
+    height: 50%;
     margin-bottom: 5px;
     text-align: center;
 }
@@ -105,4 +104,9 @@
         width: 40%;
         height: 35%;
     }
+
+    .showItem p{
+        text-align: left;
+        margin: 5px;
+    }
 }
\ No newline at end of file

client/js/catalog.js

@@ -79,7 +79,7 @@ function changePage(page){
     //XMLHttpRequest
     const formdata = new FormData();
     
-    var row = (page)*10; 
+    var row = (page-1)*10; 
     formdata.append('rows', row);
     formdata.append('search', document.getElementById("Searchinput").value);
     console.log(document.getElementById("Searchinput").value);

server/controllers/catalog.php

@@ -7,7 +7,14 @@
         
         $conn = connect_database();
 
-        $query = "SELECT * FROM `item` WHERE `name` LIKE '%$search%' ORDER BY if (SUBSTRING(name, 1, length('$search'))='$search', 0, 1), name LIMIT $page , 10";
+        $query = "SELECT *
+                 ,(CASE WHEN name LIKE '%$search%' THEN 1 ELSE 0 END) +
+                  (CASE WHEN `Seller_username` LIKE '%$search%' THEN 1 ELSE 0 END) AS priority
+                  FROM item
+                  WHERE name LIKE '%$search%'
+                  OR Seller_username LIKE '%$search%'
+                  ORDER BY priority DESC
+                  LIMIT $page, 10";
         $stmt = $conn->prepare($query);
 
         if (!$stmt){
@@ -33,7 +40,7 @@
         
         $conn = connect_database();
 
-        $query = "SELECT COUNT(item_id) FROM `item` WHERE name LIKE '%$search%'";
+        $query = "SELECT COUNT(item_id) FROM `item` WHERE name LIKE '%$search%' OR Seller_username LIKE '%$search%'";
         $stmt = $conn->prepare($query);
 
         if (!$stmt){