creating table components

This commit is contained in:
nospeedlimitindonesia
2024-07-31 09:17:59 +00:00
parent 43a2ec337c
commit b32fc0d45d
10 changed files with 267 additions and 124 deletions

View File

@@ -1,14 +1,16 @@
import API_BASE_URL from '../config.js';
import { getItemsByCafeId } from './cartHelpers.js';
import API_BASE_URL from "../config.js";
import { getItemsByCafeId } from "./cartHelpers.js";
export async function getItemTypesWithItems(shopId) {
try {
const response = await fetch(`${API_BASE_URL}/item/get-cafe-items/` + shopId);
const response = await fetch(
`${API_BASE_URL}/item/get-cafe-items/` + shopId,
);
const data = await response.json();
return { response, data: data.data }; // Return an object with response and data
return { response, cafe: data.cafe, data: data.data }; // Return an object with response and data
} catch (error) {
console.error('Failed to fetch item types with items:', error);
console.error("Failed to fetch item types with items:", error);
throw error;
}
}
@@ -20,57 +22,67 @@ export async function getItemType(shopId) {
const data = await response.json();
return { response, data: data.data }; // Return an object with response and data
} catch (error) {
console.error('Failed to fetch item types with items:', error);
console.error("Failed to fetch item types with items:", error);
throw error;
}
}
export async function getCartDetails(shopId) {
try {
const response = await fetch(`${API_BASE_URL}/item/get-cart-details/` + shopId, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
const response = await fetch(
`${API_BASE_URL}/item/get-cart-details/` + shopId,
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(getItemsByCafeId(shopId)),
},
body: JSON.stringify(getItemsByCafeId(shopId)),
});
);
if (!response.ok) {
throw new Error('Failed to fetch cart details');
throw new Error("Failed to fetch cart details");
}
const cartDetails = await response.json();
console.log(cartDetails);
return cartDetails;
} catch (error) {
console.error('Error:', error);
console.error("Error:", error);
}
}
export function getImageUrl(notimageurl) {
return API_BASE_URL + '/' + notimageurl;
return API_BASE_URL + "/" + notimageurl;
}
function getAuthToken() {
return localStorage.getItem('auth');
return localStorage.getItem("auth");
}
export async function createItem(shopId, name, price, qty, selectedImage, itemTypeId) {
export async function createItem(
shopId,
name,
price,
qty,
selectedImage,
itemTypeId,
) {
try {
console.log(selectedImage)
console.log(selectedImage);
const formData = new FormData();
formData.append('name', name);
formData.append('price', price);
formData.append('stock', qty);
formData.append('image', selectedImage);
formData.append('itemTypeId', itemTypeId);
formData.append("name", name);
formData.append("price", price);
formData.append("stock", qty);
formData.append("image", selectedImage);
formData.append("itemTypeId", itemTypeId);
const response = await fetch(`${API_BASE_URL}/item/create/${shopId}`, {
method: 'POST',
method: "POST",
headers: {
'Authorization': `Bearer ${getAuthToken()}`
Authorization: `Bearer ${getAuthToken()}`,
},
body: formData
body: formData,
});
if (!response.ok) {
@@ -81,24 +93,23 @@ export async function createItem(shopId, name, price, qty, selectedImage, itemTy
const data = await response.json();
return data;
} catch (error) {
console.error('Failed to create item type:', error);
console.error("Failed to create item type:", error);
throw error;
}
}
export async function createItemType(shopId, name, selectedImage) {
try {
const formData = new FormData();
formData.append('name', name);
formData.append('image', selectedImage);
formData.append("name", name);
formData.append("image", selectedImage);
const response = await fetch(`${API_BASE_URL}/item/createType/${shopId}`, {
method: 'POST',
method: "POST",
headers: {
'Authorization': `Bearer ${getAuthToken()}`
Authorization: `Bearer ${getAuthToken()}`,
},
body: formData
body: formData,
});
if (!response.ok) {
@@ -109,22 +120,24 @@ export async function createItemType(shopId, name, selectedImage) {
const data = await response.json();
return data;
} catch (error) {
console.error('Failed to create item type:', error);
console.error("Failed to create item type:", error);
throw error;
}
}
export async function updateItemType(shopId, itemTypeId, newName) {
try {
const response = await fetch(`${API_BASE_URL}/item/updateType/` + shopId + "/" + itemTypeId, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${getAuthToken()}`
const response = await fetch(
`${API_BASE_URL}/item/updateType/` + shopId + "/" + itemTypeId,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${getAuthToken()}`,
},
body: JSON.stringify({ newName }),
},
body: JSON.stringify({ newName })
});
);
if (!response.ok) {
throw new Error(`Error: ${response.statusText}`);
@@ -133,19 +146,22 @@ export async function updateItemType(shopId, itemTypeId, newName) {
const data = await response.json();
return data;
} catch (error) {
console.error('Failed to update item type:', error);
console.error("Failed to update item type:", error);
throw error;
}
}
export async function deleteItemType(shopId, itemTypeId) {
try {
const response = await fetch(`${API_BASE_URL}/item/deleteType/` + shopId + "/" + itemTypeId, {
method: 'DELETE',
headers: {
'Authorization': `Bearer ${getAuthToken()}`
}
});
const response = await fetch(
`${API_BASE_URL}/item/deleteType/` + shopId + "/" + itemTypeId,
{
method: "DELETE",
headers: {
Authorization: `Bearer ${getAuthToken()}`,
},
},
);
if (!response.ok) {
throw new Error(`Error: ${response.statusText}`);
@@ -153,7 +169,7 @@ export async function deleteItemType(shopId, itemTypeId) {
return true;
} catch (error) {
console.error('Failed to delete item type:', error);
console.error("Failed to delete item type:", error);
throw error;
}
}
}

View File

@@ -1,11 +1,14 @@
import API_BASE_URL from '../config.js';
import API_BASE_URL from "../config.js";
import { getLocalStorage } from "./localStorageHelpers";
export async function getTable(shopId, tableNo) {
export async function getTables(shopId) {
try {
const response = await fetch(`${API_BASE_URL}/table/get-table/${shopId}?tableNo=${tableNo}`, {
method: 'GET',
const token = getLocalStorage("auth");
const response = await fetch(`${API_BASE_URL}/table/get-tables/${shopId}`, {
method: "GET",
headers: {
'Content-Type': 'application/json',
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
});
@@ -16,6 +19,29 @@ export async function getTable(shopId, tableNo) {
const tableDetail = await response.json();
return tableDetail;
} catch (error) {
console.error('Error:', error);
console.error("Error:", error);
}
}
export async function getTable(shopId, tableNo) {
try {
const response = await fetch(
`${API_BASE_URL}/table/get-table/${shopId}?tableNo=${tableNo}`,
{
method: "GET",
headers: {
"Content-Type": "application/json",
},
},
);
if (!response.ok) {
return false;
}
const tableDetail = await response.json();
return tableDetail;
} catch (error) {
console.error("Error:", error);
}
}

View File

@@ -141,7 +141,6 @@ export const updateUser = async (formData) => {
return data;
} catch (error) {
console.error("Error updating user:", error);
throw error;
}
}
};
@@ -165,7 +164,58 @@ export const getAllCafeOwner = async (formData) => {
return data;
} catch (error) {
console.error("Error updating user:", error);
throw error;
}
}
};
export const createClerks = async (shopId, email, username, password) => {
const token = getLocalStorage("auth");
if (token) {
try {
const response = await fetch(
API_BASE_URL + "/user/create-clerk/" + shopId,
{
method: "POST",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
body: JSON.stringify({
email: email,
username: username,
password: password,
}),
},
);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
return data;
} catch (error) {
console.error("Error getting clerk:", error);
}
}
};
export const getClerks = async (shopId) => {
const token = getLocalStorage("auth");
if (token) {
try {
const response = await fetch(API_BASE_URL + "/user/get-clerk/" + shopId, {
method: "GET",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
});
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
return data;
} catch (error) {
console.error("Error getting clerk:", error);
}
}
};