From 072e53f0b2eb8fa14c0aa49286193784c73257cb Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Tue, 27 Sep 2022 17:34:12 +0530 Subject: added a brands management page --- src/components/editors/brand-editor.js | 79 +++++++++++++++++++++++++++ src/components/editors/item-editor.js | 2 + src/components/editors/scss/brand-editor.scss | 22 ++++++++ 3 files changed, 103 insertions(+) create mode 100644 src/components/editors/brand-editor.js create mode 100644 src/components/editors/scss/brand-editor.scss (limited to 'src/components/editors') diff --git a/src/components/editors/brand-editor.js b/src/components/editors/brand-editor.js new file mode 100644 index 0000000..801a790 --- /dev/null +++ b/src/components/editors/brand-editor.js @@ -0,0 +1,79 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +import { Brand, saveBrand } from './../../classes/brand' +import './scss/brand-editor.scss' + +import { useState, useEffect } from 'react'; + +const BrandEditor = (props) => { + const [name, setName] = useState(""); + + const handleSubmit = (e) => { + e.preventDefault(); + + const brand = new Brand(); + brand.Name = name; + + // TODO: Save is for new brands. implement modification too + saveBrand(brand, handleSuccess, handleFail); + } + + const handleSuccess = () => { + clearAll(); + props.callback(); + } + + const handleFail = () => { + alert("fail"); + } + + const clearAll = () => { + setName(""); + } + + const handleCancel = () => { + // TODO: hide this component or something + clearAll(); + } + + const validateFloatInput = (e, callback) => { + const f = parseFloat(e.target.value); + f && callback(f) + } + + return ( +
+

{props.heading}

+
+ + + + + + +
+
+ ); +} + +export default BrandEditor; diff --git a/src/components/editors/item-editor.js b/src/components/editors/item-editor.js index 19fa7e2..6c5e976 100644 --- a/src/components/editors/item-editor.js +++ b/src/components/editors/item-editor.js @@ -154,6 +154,7 @@ const ItemEditor = (props) => { value={maxQty} onChange={(e) => validateFloatInput(e, setMaxQty)} /> + {savedBrands && savedBrands.length > 0 && + } diff --git a/src/components/editors/scss/brand-editor.scss b/src/components/editors/scss/brand-editor.scss new file mode 100644 index 0000000..05b05a7 --- /dev/null +++ b/src/components/editors/scss/brand-editor.scss @@ -0,0 +1,22 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +@import "editor"; + +.brand-editor .buttons { + width: 9.5rem; +} -- cgit v1.2.3