blob: 139ffddb57fcca97642768184b304283a0b44112 (
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
/*
* 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";
import ClientInfoDisplay from "./../../Display/ClientInfoDisplay";
const DocumentInfoForm = (props) => {
const [clientID, setClientID] = useState("");
/* 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, ""];
// No need for this code but just in case
// Extract the model names from savedItems
/*
let savedPeopleNames = [];
if (props.savedPeople !== 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 (
<div className={"SelectClientForm DocumentInfoChild"}>
<label>
Client Name:
<select
className={"selectInputBox"}
value={clientID}
onChange={
(event) => {
setClientID(event.target.value);
// setItemInfo(event.target.value.toLowerCase());
}
}>
<option>{selectPersonPrompt}</option>
{props.savedPeople.map(
(i) => {
return (
// the className helps determine the id of the option
// TODO: find another way to show this selection box
// such that the user can enter name and it chooses the id
// most likely it needs to be a different component
<option key={i.ID}>
{i.Name}
</option>
);
}
)}
<option key={registerPersonPrompt}>{registerPersonPrompt}</option>
</select>
</label>
<ClientInfoDisplay clientID={clientID}/>
</div>
);
}
export default DocumentInfoForm;
|
