-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpages_manager_ChangeMenu.js.html
153 lines (128 loc) · 6.19 KB
/
pages_manager_ChangeMenu.js.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: pages/manager/ChangeMenu.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: pages/manager/ChangeMenu.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import React, { useEffect, useState } from "react";
import "../../css/AddMenuItem.css";
import { HOST } from "../../host";
/**
@function handleSubmit
@description A functional component that changes menu items
@returns {<void>}
*/
const ChangeMenu = () => {
const [id, setId] = useState("");
const [price, setPrice] = useState("");
const [name, setName] = useState("");
/**
@function handleSubmit
@description Handles submitting the changes for the menu based on the current values of 'id', 'price' and 'name'. Sends the updated values to the server to change the price and name of the menu.
@returns {Promise<void>}
*/
const handleSubmit = async () => {
if (price !== "") {
console.log("/changeMenuPrice/" + id + "/" + price);
const response_quantity = await fetch(
`${HOST}/changeMenuPrice/${id}/${price}`
);
}
if (name !== "") {
console.log("/changeMenuName/" + id + "/" + name);
const response_name = await fetch(
`${HOST}/changeMenuName/${id}/${name}`
);
}
};
/**
@function handleIdChange
@description Handles changing the value of 'id' based on the input event.
@param {Object} event - The input event object.
@returns {void}
*/
const handleIdChange = (event) => {
setId(event.target.value);
};
/**
@function handlePriceChange
@description Handles changing the value of 'price' based on the input event.
@param {Object} event - The input event object.
@returns {void}
*/
const handlePriceChange = (event) => {
setPrice(event.target.value);
};
/**
@function handleNameChange
@description Handles changing the value of 'name' based on the input event.
@param {Object} event - The input event object.
@returns {void}
*/
const handleNameChange = (event) => {
setName(event.target.value);
};
return (
<div id="menuadder">
<h3>Change a Menu Item</h3>
<form id="menuadder-form">
<input
type="text"
id="menuID"
name="Menu ID"
required="required"
placeholder="Enter Menu ID"
value={id}
onChange={handleIdChange}
/>
<input
type="text"
id="price"
name="Price"
placeholder="Enter New Price"
value={price}
onChange={handlePriceChange}
/>
<input
type="text"
id="name"
name="Name"
placeholder="Enter New Name"
value={name}
onChange={handleNameChange}
/>
<button type="button" onClick={handleSubmit}>
Change Menu Item
</button>
</form>
</div>
);
};
export default ChangeMenu;
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#App">App</a></li><li><a href="global.html#Cashier">Cashier</a></li><li><a href="global.html#CashierDrink">CashierDrink</a></li><li><a href="global.html#CashierHeader">CashierHeader</a></li><li><a href="global.html#CashierMeal">CashierMeal</a></li><li><a href="global.html#CashierSauce">CashierSauce</a></li><li><a href="global.html#CashierSeasonal">CashierSeasonal</a></li><li><a href="global.html#Customer">Customer</a></li><li><a href="global.html#CustomerDrink">CustomerDrink</a></li><li><a href="global.html#ExcessReport">ExcessReport</a></li><li><a href="global.html#HOST">HOST</a></li><li><a href="global.html#Home">Home</a></li><li><a href="global.html#Inventory">Inventory</a></li><li><a href="global.html#Login">Login</a></li><li><a href="global.html#Logout">Logout</a></li><li><a href="global.html#Manager">Manager</a></li><li><a href="global.html#MenuAdder">MenuAdder</a></li><li><a href="global.html#MenuItems">MenuItems</a></li><li><a href="global.html#Orders">Orders</a></li><li><a href="global.html#PrivateRouteCashier">PrivateRouteCashier</a></li><li><a href="global.html#PrivateRouteManager">PrivateRouteManager</a></li><li><a href="global.html#UserInputLogger">UserInputLogger</a></li><li><a href="global.html#getMenuEffect">getMenuEffect</a></li><li><a href="global.html#getMenuPrice">getMenuPrice</a></li><li><a href="global.html#handleComplete">handleComplete</a></li><li><a href="global.html#handleIdChange">handleIdChange</a></li><li><a href="global.html#handleInventory">handleInventory</a></li><li><a href="global.html#handleNameChange">handleNameChange</a></li><li><a href="global.html#handleNewOrder">handleNewOrder</a></li><li><a href="global.html#handlePriceChange">handlePriceChange</a></li><li><a href="global.html#handleSubmit">handleSubmit</a></li><li><a href="global.html#local">local</a></li><li><a href="global.html#root">root</a></li><li><a href="global.html#useEffect">useEffect</a></li><li><a href="global.html#useGoogleSignIn">useGoogleSignIn</a></li><li><a href="global.html#useLocalState">useLocalState</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue May 02 2023 22:48:22 GMT-0500 (Central Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>