build_app

This commit is contained in:
string 2024-09-16 09:16:11 +00:00
parent 7e5d48c9af
commit 90824d7d2b
8 changed files with 853 additions and 0 deletions

@ -69,6 +69,9 @@ public class BuilderService {
executeDump(true);
// ADD OTHER SERVICE
addCustomMenu( "Forma", "Transcations");
System.out.println("dashboard and menu inserted...");

@ -0,0 +1,90 @@
package com.realnet.basicp1.Controllers;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import com.fasterxml.jackson.core.JsonProcessingException;
import org.springframework.web.bind.annotation.CrossOrigin;
import com.fasterxml.jackson.databind.JsonMappingException;
import com.realnet.config.EmailService;
import com.realnet.users.entity1.AppUser;
import com.realnet.users.service1.AppUserServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.data.domain.Pageable;
import org.springframework.beans.factory.annotation.*;
import com.realnet.basicp1.Entity.Forma;
import com.realnet.basicp1.Services.FormaService ;
@RequestMapping(value = "/Forma")
@CrossOrigin("*")
@RestController
public class FormaController {
@Autowired
private FormaService Service;
@Value("${projectPath}")
private String projectPath;
@PostMapping("/Forma")
public Forma Savedata(@RequestBody Forma data) {
Forma save = Service.Savedata(data) ;
System.out.println("data saved..." + save);
return save;
}
@PutMapping("/Forma/{id}")
public Forma update(@RequestBody Forma data,@PathVariable Integer id ) {
Forma update = Service.update(data,id);
System.out.println("data update..." + update);
return update;
}
// get all with pagination
@GetMapping("/Forma/getall/page")
public Page<Forma> getall(@RequestParam(value = "page", required = false) Integer page,
@RequestParam(value = "size", required = false) Integer size) {
Pageable paging = PageRequest.of(page, size);
Page<Forma> get = Service.getAllWithPagination(paging);
return get;
}
@GetMapping("/Forma")
public List<Forma> getdetails() {
List<Forma> get = Service.getdetails();
return get;
}
// get all without authentication
@GetMapping("/token/Forma")
public List<Forma> getallwioutsec() {
List<Forma> get = Service.getdetails();
return get;
}
@GetMapping("/Forma/{id}")
public Forma getdetailsbyId(@PathVariable Integer id ) {
Forma get = Service.getdetailsbyId(id);
return get;
}
@DeleteMapping("/Forma/{id}")
public void delete_by_id(@PathVariable Integer id ) {
Service.delete_by_id(id);
}
}

@ -0,0 +1,46 @@
package com.realnet.basicp1.Entity;
import lombok.*;
import com.realnet.WhoColumn.Extension;
import javax.persistence.*;
import java.time.LocalDateTime;
import java.util.*;
@Entity
@Data
public class Forma extends Extension {
/**
*
*/
private static final long serialVersionUID = 1L;
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Integer id;
private String namen;
private String city;
private String gender;
private boolean red;
private boolean black;
}

@ -0,0 +1,23 @@
package com.realnet.basicp1.Repository;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;
import java.util.*;
import com.realnet.basicp1.Entity.Forma;
@Repository
public interface FormaRepository extends JpaRepository<Forma, Integer> {
}

@ -0,0 +1,94 @@
package com.realnet.basicp1.Services;
import com.realnet.basicp1.Repository.FormaRepository;
import com.realnet.basicp1.Entity.Forma;import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import com.realnet.SequenceGenerator.Service.SequenceService;
import com.realnet.Notification.Entity.NotificationService;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import com.realnet.users.service1.AppUserServiceImpl;
import com.realnet.users.entity1.AppUser;
import org.springframework.stereotype.Service;
@Service
public class FormaService {
@Autowired
private FormaRepository Repository;
@Autowired
private AppUserServiceImpl userService;
public Forma Savedata(Forma data) {
Forma save = Repository.save(data);
return save;
}
// get all with pagination
public Page<Forma> getAllWithPagination(Pageable page) {
return Repository.findAll(page);
}
public List<Forma> getdetails() {
return (List<Forma>) Repository.findAll();
}
public Forma getdetailsbyId(Integer id) {
return Repository.findById(id).get();
}
public void delete_by_id(Integer id) {
Repository.deleteById(id);
}
public Forma update(Forma data,Integer id) {
Forma old = Repository.findById(id).get();
old.setNamen(data.getNamen());
old.setCity(data.getCity());
old.setGender(data.getGender());
old.setRed(data.isRed());
old.setBlack(data.isBlack());
final Forma test = Repository.save(old);
return test;}
public AppUser getUser() {
AppUser user = userService.getLoggedInUser();
return user;
}}

@ -0,0 +1,2 @@
CREATE TABLE db.Forma(id BIGINT NOT NULL AUTO_INCREMENT, colour VARCHAR(400), gender VARCHAR(400), city VARCHAR(400), Namen VARCHAR(400), PRIMARY KEY (id));

@ -1,3 +1,5 @@
import Forma from "./Components/BuilderComponents/basicp1/Forma/Forma";
import Stt from "./Components/BuilderComponents/feedback_formn/Stt/Stt";
import React from "react";
@ -44,6 +46,9 @@ function App() {
<Route path="/Extension" element={<Extension/>} />
{/* buildercomponents */}
<Route path="/Forma" element={<Forma />} />
<Route path="/Stt" element={<Stt />} />
<Route path="/setup" element={<SetupView />} />

@ -0,0 +1,590 @@
import React, { useEffect, useState , useRef } from "react";
import QRCode from "qrcode.react";
import Barcode from "react-barcode";
import html2canvas from "html2canvas";
import Select from "react-select";
import ReCAPTCHA from "react-google-recaptcha";
import axios from "axios";
import { Modal, Button, Form, Pagination,Container, Row, Col, Image } from "react-bootstrap";
import { ToastContainer, toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import Table from "react-bootstrap/Table";
const API_URL = `${process.env.REACT_APP_API_URL}/Forma/Forma`;
const REACT_APP_API_TOKEN = localStorage.getItem("authToken")
const EntityTable = () => {
const [data, setData] = useState([]);
const [filteredData, setFilteredData] = useState([]);
const [newEntity, setNewEntity] = useState({
namen: "",
city: "",
gender: "",
colour: "",
});
const [editEntity, setEditEntity] = useState(null);
const [showEditModal, setShowEditModal] = useState(false);
const [showAddModal, setShowAddModal] = useState(false);
const [showDeleteModal, setShowDeleteModal] = useState(false);
const [deleteEntityId, setDeleteEntityId] = useState(null);
const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage] = useState(5); // Adjust this value as needed
const [searchQuery, setSearchQuery] = useState("");
const [loading, setLoading] = useState(true);
const [options, setOptions] = useState([]);
const [filteredOptions, setFilteredOptions] = useState([]);
const [error, setError] = useState(null);
const [uploadProgress, setUploadProgress] = useState(0);
const [showModal, setShowModal] = useState(false);
const [showValulistModal, setShowValulistModal] = useState(false);
const barcodeRef = useRef(null);
const [serverData, setServerData] = useState([]);
const recaptchaRef = useRef(null);
const editBarcodeRef = useRef(null);
useEffect(() => {
fetchData();
}, []);
useEffect(() => {
handleSearch();
}, [searchQuery, data]);
const fetchData = async () => {
try {
const response = await axios.get(API_URL, {
headers: { Authorization: `Bearer ${REACT_APP_API_TOKEN}` },
});
setData(response.data);
} catch (error) {
console.error("Error fetching data:", error);
}
};
const handleDelete = async () => {
try {
await axios.delete(`${API_URL}/${deleteEntityId}`, {
headers: { Authorization: `Bearer ${REACT_APP_API_TOKEN}` },
});
fetchData();
toast.success("Successfully deleted!");
setShowDeleteModal(false);
} catch (error) {
console.error("Error deleting data:", error);
}
};
const handleAdd = async () => {
try {
await axios.post(API_URL, newEntity, {
headers: { Authorization: `Bearer ${REACT_APP_API_TOKEN}` },
});
fetchData();
setNewEntity({
namen: "",
city: "",
gender: "",
colour: "",
});
setShowAddModal(false);
toast.success("Successfully added!");
} catch (error) {
console.error("Error adding data:", error);
}
};
const handleChange = (e) => {
const { name, value } = e.target;
setNewEntity({ ...newEntity, [name]: value });
};
const handleEditChange = (e) => {
const { name, value } = e.target;
setEditEntity({ ...editEntity, [name]: value });
};
const handleEdit = (entity) => {
setEditEntity(entity);
setShowEditModal(true);
};
const formatCurrency = (value) => {
if (value && !value.startsWith('₹')) {
return `${value}`;
}
return value;
};
const Options = [
"mumbai",
"pune",
];
const handleCheckboxChange = (value) => {
setNewEntity({ colour: value });
};
const handleEditCheckboxChange = (value) => {
setEditEntity({ ...editEntity, colour: value });
}
const handleUpdate = async () => {
try {
await axios.put(`${API_URL}/${editEntity.id}`, editEntity, {
headers: { Authorization: `Bearer ${REACT_APP_API_TOKEN}` },
});
fetchData();
setShowEditModal(false);
toast.success("Successfully updated!");
} catch (error) {
console.error("Error updating data:", error);
}
};
const handleSearch = () => {
const filtered = data.filter(
(entity) =>
entity.namen.toLowerCase().includes(searchQuery.toLowerCase()) ||
entity.city.toLowerCase().includes(searchQuery.toLowerCase()) ||
entity.gender.toLowerCase().includes(searchQuery.toLowerCase()) ||
entity.colour.toLowerCase().includes(searchQuery.toLowerCase()) );
setFilteredData(filtered);
};
const handlePageChange = (pageNumber) => {
setCurrentPage(pageNumber);
};
const generateBarcodeImage = async (ref) => {
if (ref.current) {
const canvas = await html2canvas(ref.current);
const imgData = canvas.toDataURL("image/png");
const link = document.createElement("a");
link.href = imgData;
link.download = "barcode.png";
link.click();
}
};
// Calculate items for current page
const indexOfLastItem = currentPage * itemsPerPage;
const indexOfFirstItem = indexOfLastItem - itemsPerPage;
const currentItems = filteredData.slice(indexOfFirstItem, indexOfLastItem);
return (
<div className="container mt-5">
<ToastContainer />
<h1 className="mb-4">Entity Table</h1>
<div className="d-flex justify-content-between mb-3">
<Button variant="primary" onClick={() => setShowAddModal(true)}>
Add Entity
</Button>
<Form.Control
type="text"
className="w-25"
placeholder="Search..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
/>
</div>
<Table striped bordered hover responsive variant="dark">
<thead>
<tr>
<th>namen</th>
<th>city</th>
<th>gender</th>
<th>colour</th>
</tr>
</thead>
<tbody >
{currentItems.map((entity) => (
<tr key={entity.id}>
<td>{entity.namen}</td>
<td>{entity.city}</td>
<td>{entity.gender}</td>
<td>{entity.colour}</td>
<td>
<Button
variant="warning"
size="sm"
className="me-2"
onClick={() => handleEdit(entity)}
>
Update
</Button>
<Button
variant="danger"
size="sm"
onClick={() => {
setDeleteEntityId(entity.id);
setShowDeleteModal(true);
}}
>
Delete
</Button>
</td>
</tr>
))}
</tbody>
</Table>
<Pagination className="d-flex justify-content-center mt-4">
{Array.from(
{ length: Math.ceil(filteredData.length / itemsPerPage) },
(_, index) => (
<Pagination.Item
key={index + 1}
active={index + 1 === currentPage}
onClick={() => handlePageChange(index + 1)}
>
{index + 1}
</Pagination.Item>
)
)}
</Pagination>
<Modal show={showEditModal} onHide={() => setShowEditModal(false)}>
<Modal.Header closeButton>
<Modal.Title>Edit Entity</Modal.Title>
</Modal.Header>
<Modal.Body>
{editEntity && (
<Form className="bg-dark p-3 text-light rounded">
<div className="form-group">
<label htmlFor="namen">Namen</label>
<input
type="text"
className="form-control"
id="namen"
name="namen"
value={editEntity.namen}
onChange={handleEditChange}
required
/>
</div>
<Form.Group className="mb-3">
<Form.Label>city</Form.Label>
<Form.Control
as="select"
name="city"
value={editEntity.city}
onChange={handleEditChange}
className="bg-secondary text-light"
>
<option value="">Select city</option>
{Options.map((option) => (
<option key={option} value={option}>
{option}
</option>
))}
</Form.Control>
</Form.Group>
<Form.Group className="mb-3">
<Form.Label>gender</Form.Label>
<Form.Check
type="radio"
label="f"
name="gender"
value="f"
checked={editEntity.gender === "f"}
onChange={handleEditChange}
className="bg-secondary text-light"
/>
<Form.Check
type="radio"
label="m"
name="gender"
value="m"
checked={editEntity.gender === "m"}
onChange={handleEditChange}
className="bg-secondary text-light"
/>
</Form.Group>
<Form.Group className="mb-3">
<Form.Label>colour</Form.Label>
<Form.Check
type="checkbox"
label="red"
checked={editEntity.colour === "red"}
onChange={() => handleEditCheckboxChange("red")}
/>
<Form.Check
type="checkbox"
label="black"
checked={editEntity.colour === "black"}
onChange={() => handleEditCheckboxChange("black")}
/>
</Form.Group>
</Form>
)}
</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={() => setShowEditModal(false)}>
Close
</Button>
<Button variant="primary" onClick={handleUpdate}>
Save changes
</Button>
</Modal.Footer>
</Modal>
<Modal show={showAddModal} onHide={() => setShowAddModal(false)}>
<Modal.Header closeButton>
<Modal.Title>Add New Entity</Modal.Title>
</Modal.Header>
<Modal.Body>
<Form className="bg-dark p-3 text-light rounded">
<div className="form-group">
<label htmlFor="namen">Namen</label>
<input
type="text"
className="form-control"
id="namen"
name="namen"
value={newEntity.namen}
onChange={handleChange}
required
/>
</div>
<Form.Group className="mb-3">
<Form.Label>city</Form.Label>
<Form.Control
as="select"
name="city"
value={newEntity.city}
onChange={handleChange}
className="bg-secondary text-light"
>
<option value="">Select city</option>
{Options.map((option) => (
<option key={option} value={option}>
{option}
</option>
))}
</Form.Control>
</Form.Group>
<Form.Group className="mb-3">
<Form.Label>gender</Form.Label>
<Form.Check
type="radio"
label="f"
name="gender"
value="f"
checked={newEntity.gender === "f"}
onChange={handleChange}
className="bg-secondary text-light"
/>
<Form.Check
type="radio"
label="m"
name="gender"
value="m"
checked={newEntity.gender === "m"}
onChange={handleChange}
className="bg-secondary text-light"
/>
</Form.Group>
<Form.Group className="mb-3">
<Form.Label>colour</Form.Label>
<Form.Check
type="checkbox"
label="red"
checked={newEntity.colour === "red"}
onChange={() => handleCheckboxChange("red")}
/>
<Form.Check
type="checkbox"
label="black"
checked={newEntity.colour === "black"}
onChange={() => handleCheckboxChange("black")}
/>
</Form.Group>
</Form>
</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={() => setShowAddModal(false)}>
Close
</Button>
<Button variant="primary" onClick={handleAdd}>
Add Entity
</Button>
</Modal.Footer>
</Modal>
<Modal show={showDeleteModal} onHide={() => setShowDeleteModal(false)}>
<Modal.Header closeButton>
<Modal.Title>Confirm Delete</Modal.Title>
</Modal.Header>
<Modal.Body>Are you sure you want to delete this entity?</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={() => setShowDeleteModal(false)}>
Cancel
</Button>
<Button variant="danger" onClick={handleDelete}>
Delete
</Button>
</Modal.Footer>
</Modal>
</div>
);
};
export default EntityTable;