Skip to content
Snippets Groups Projects
Commit 0cd3b60f authored by Christophorus Dharma Winata's avatar Christophorus Dharma Winata
Browse files

Merge branch 'dev' of https://gitlab.informatika.org/if3110-2023-01-i/tugas-besar-1 into dev

parents bdb24d33 34de0db2
No related merge requests found
Hide whitespace changes
Inline Side-by-side
client/js/catalog.js
+ 5
− 4
View file @ 0cd3b60f
...@@ -53,9 +53,10 @@ nextPage = () => { ...@@ -53,9 +53,10 @@ nextPage = () => {
} }
} }
function redirectToPurchase() { function redirectToPurchase(id) {
location.href = ""; location.href = "make-purchase.html";
localStorage.setItem() // location.href = "make-purchase.php";
localStorage.setItem("purchase", id)
} }
function changePage(page){ function changePage(page){
...@@ -96,7 +97,7 @@ function changePage(page){ ...@@ -96,7 +97,7 @@ function changePage(page){
listingTable.innerHTML =""; listingTable.innerHTML ="";
for (var i = 0; i < 10 && itemList.length ; i++){ for (var i = 0; i < 10 && itemList.length ; i++){
listingTable.innerHTML += `<button class="showItem" onclick = "redirectToPurchase()"> listingTable.innerHTML += `<button class="showItem" onclick = "redirectToPurchase('${itemList[i][0]}')">
<img id="${itemList[i][0]}" src="../image/${itemList[i][2]}" alt="${itemList[i][1]}"> <img id="${itemList[i][0]}" src="../image/${itemList[i][2]}" alt="${itemList[i][1]}">
<p>${itemList[i][1]}</p> <p>${itemList[i][1]}</p>
<p>Rp${itemList[i][4]}</p> <p>Rp${itemList[i][4]}</p>
......
client/js/make-purchase.js 0 → 100644
+ 53
− 0
View file @ 0cd3b60f
function itemDetail(){
var idItem = localStorage.getItem("purchase");
var purchase = document.getElementById("purchaseform");
const formdata = new FormData();
formdata.append("signal", "make-purchase");
formdata.append("item_id", idItem);
const xhr = new XMLHttpRequest();
xhr.open('POST', '../../server/controllers/itemdetail_query.php', true);
xhr.send(formdata);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200){
try{
var responseData = JSON.parse(xhr.responseText);
if (responseData.success){
var itemList = responseData.data;
purchase.innerHTML = `
<div class="input-group">
<div class="input-image-field">
<img src="../image/no_picture.jpeg" id="image-preview" alt="">
</div>
<div class="input-text-fields">
<div class="input-field">
<input type="text" id="product_name" placeholder="${itemList[i][1]}" disabled>
</div>
<div class="input-field" id="product_description-field">
<textarea type="text" id="product_description" placeholder="${itemList[i][3]}" disabled></textarea>
</div>
<div class="input-field" id="product_price-field">
<input type="text" id="product_price" placeholder="${itemList[i][4]}" oninput="checkNumericPrice()" disabled>
</div>
<p id="price-criteria"> </p>
<div class="input-field" id="product_quantity-field">
<input type="text" id="product_quantity" placeholder="${itemList[i][5]}" oninput="checkNumericQuantity()" required>
</div>
<p id="quantity-criteria"> </p>
</div>
</div>
<div class="button-field">
<button type="button" id="purchasesubmit" onclick="submitPurchase()">Done</button>
</div>`;
} else {
alert("error: " + responseData.message);
}
} catch (err){}
} else if (xhr.status === 404){
var response = JSON.parse(xhr.responseText);
console.log(response.message);
}
}
}
\ No newline at end of file
client/pages/make-purchase.html
+ 7
− 28
View file @ 0cd3b60f
...@@ -7,9 +7,10 @@ ...@@ -7,9 +7,10 @@
<meta name="viewport" content="width=device-width, initial scale=1.0"> <meta name="viewport" content="width=device-width, initial scale=1.0">
<title>Make Purchase</title> <title>Make Purchase</title>
<link rel="stylesheet" href="../css/make-purchase.css"> <link rel="stylesheet" href="../css/make-purchase.css">
<link rel="stylesheet" href="../css/navbar.css"> <link rel="stylesheet" href="../css/navbar.css">
<link rel="stylesheet" href="../css/sidebar.css">
<script src="../js/navbar.js"></script> <script src="../js/navbar.js"></script>
<script src="../js/sidebar.js"></script>
<script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script>
<script src="../js/make-purchase.js"></script> <script src="../js/make-purchase.js"></script>
</head> </head>
...@@ -20,33 +21,11 @@ ...@@ -20,33 +21,11 @@
</div> </div>
<div class="purchaseform-group"> <div class="purchaseform-group">
<h1 id="title">Make A Purchase</h1> <h1 id="title">Make A Purchase</h1>
<form id="purchaseform"> <div id="purchaseform">
<div class="input-group"> <script>
<div class="input-image-field"> itemDetail();
<img src="../image/no_picture.jpeg" id="image-preview" alt=""> </script>
</div> </div>
<div class="input-text-fields">
<div class="input-field">
<input type="text" id="product_name" placeholder="Product Name" disabled>
</div>
<div class="input-field" id="product_description-field">
<textarea type="text" id="product_description" placeholder="Product Description" disabled></textarea>
</div>
<div class="input-field" id="product_price-field">
<input type="text" id="product_price" placeholder="Price" oninput="checkNumericPrice()" disabled>
</div>
<p id="price-criteria"> </p>
<div class="input-field" id="product_quantity-field">
<input type="text" id="product_quantity" placeholder="Quantity" oninput="checkNumericQuantity()" required>
</div>
<p id="quantity-criteria"> </p>
</div>
</div>
<div class="button-field">
<button type="button" id="purchasesubmit" onclick="submitPurchase()">Done</button>
</div>
</form>
</div> </div>
<div class="sidebar" id="sidebar"> <div class="sidebar" id="sidebar">
<script> <script>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment