blob: 0b133c6b950f972f28611c17c6a160d95a344324 (
plain)
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
|
/*
* OpenBills - Self hosted browser app to generate and keep track of simple invoices
* Version - 0
* Licensed under the MIT license - https://opensource.org/licenses/MIT
*
* Copyright (c) 2021 Vidhu Kant Sharma
*/
import React, { useState } from "react";
import "./../Form.scss";
const DocumentInfoForm = (props) => {
const [clientName, setClientName] = useState(0);
/* TODO: implement a way such that the database also
* gives the ID of the client and all the functions
* are carried out from the ID because if two people
* with same name are added then this shit is done for
*/
const selectPersonPrompt = "start typing here";
const registerPersonPrompt = "add new";
// const emptyPersonNames = [enterItemNamePrompt, registerItemPrompt, ""];
// Extract the model names from savedItems
let savedPeopleNames = [];
if (props.savedItems !== null) {
for (let i = 0; i < props.savedPeople.length; i++) {
savedPeopleNames.push(props.savedPeople[i].Name);
}
}
// set description and price
// when item is entered
/*
const setItemInfo = (itemName) => {
for (let i = 0; i < props.savedItems.length; i++) {
const mod = props.savedItems[i].Model.toLowerCase();
const desc = props.savedItems[i].Description;
const price = props.savedItems[i].Price;
const hsn = props.savedItems[i].HSN;
const gst = props.savedItems[i].GST;
if (mod === itemName) {
setItemDescValue(desc);
setItemPriceValue(price);
setItemHSNValue(hsn);
setItemGSTValue(gst);
break;
}
}
}
*/
/*
const resetAllValues = () => {
setItemNameValue("");
setItemDescValue("");
setItemQtyValue(1);
setItemPriceValue(1);
setItemDiscountValue(0);
setItemHSNValue(0);
setItemGSTValue(props.defGSTValue);
}
*/
return (
<label>
Client Name:
<select
className={"selectInputBox"}
value={clientName}
onChange={
(event) => {
alert(event.target.value);
setClientName(event.target.value);
// setItemInfo(event.target.value.toLowerCase());
}
}>
<option key={selectPersonPrompt}>{selectPersonPrompt}</option>
{savedPeopleNames.map(
(i) => {
return <option key={i}>{i}</option>
}
)}
<option key={registerPersonPrompt}>{registerPersonPrompt}</option>
</select>
</label>
);
}
export default DocumentInfoForm;
|
