import React from "react"; import Table from "@material-ui/core/Table"; import TableBody from "@material-ui/core/TableBody"; import TableCell from "@material-ui/core/TableCell"; import TableHead from "@material-ui/core/TableHead"; import TableRow from "@material-ui/core/TableRow"; import Paper from "@material-ui/core/Paper"; import AppBar from "@material-ui/core/AppBar"; import Toolbar from "@material-ui/core/Toolbar"; import Button from "@material-ui/core/Button"; import Dialog from "@material-ui/core/Dialog"; import Item from "./Item"; import { select, evaluate } from "./lsfusion"; const setItem = "name(s) <- $1; barcode(s) <- $2; salePrice(s) <- $3;"; function newItem(item) { return evaluate("NEW s = Item { " + setItem + " APPLY; }", item); } function updateItem(item, id) { return evaluate("FOR Item s = $0 DO { " + setItem + " APPLY; }", { id, ...item }); } function deleteItem(id) { return evaluate("DELETE s WHERE s AS Item = $1; APPLY; ", { id }); } class Items extends React.Component { constructor(props) { super(props); this.state = { selected: null, items: [], dialogItem: null, item: this.emptyItem() }; } selectRow(event, selected) { this.setState({ selected }); } emptyItem() { return { name: null, barcode: null, salePrice: null }; } fetchItems() { select("id = Item i, name(i), barcode(i), salePrice(i)").then(items => { this.setState({ items }); }); } componentDidMount() { this.fetchItems(); } handleNew = () => { this.setState({ dialogItem: "new", item: this.emptyItem() }); }; handleEdit = () => { this.setState(prevState => { var selectedItem = prevState.items.find( item => item.id === prevState.selected ); var newItem = { ...prevState.item }; for (var name in newItem) { newItem[name] = selectedItem[name]; } return { dialogItem: "edit", item: newItem }; }); }; handleDelete = () => { deleteItem(this.state.selected).then(response => { this.fetchItems(); }); }; handleItemChange = (name, value) => { this.setState(prevState => ({ item: { ...prevState.item, [name]: value } })); }; handleItemClose = () => { this.setState({ dialogItem: null }); }; handleItemSave = () => { if (this.state.dialogItem === "new") { newItem(this.state.item).then(response => { this.fetchItems(); }); } else { updateItem(this.state.item, this.state.selected).then(response => { this.fetchItems(); }); } this.handleItemClose(); }; render() { return (

Наименование Штрихкод Оптовая цена {this.state.items.map(row => ( this.selectRow(e, row.id)} selected={this.state.selected === row.id} > {row.name} {row.barcode} {row.salePrice} ))}

); } } export default Items;

7rl7n2rj0