Angular Guard Assignment Module
Budget: $30 – $250 USD
I need a set of Angular 10 component(s) that plug straight into an existing PrimeNG theme and let me distribute guards across locations for a single security order (i will select from prepared list with certain location list and certain guard list at that datetime ). The flow is simple:
• The header record comes in first (SGPRP). (from pre-shift setup)
• A locations table lists every point that must be secured (SGPRPLOC) ,activation.
• A guards table holds every available guard for the selected date-time (SGPRPEMP),attendance.
Inside the UI, when I click a location a checkbox list (with a live text filter by name or ID) appears so I can manually tick one or more guards for that spot. As soon as I confirm, the pairing is written to an assignment buffer that sits in memory until I hit Save. Saving writes the data into a fourth table dedicated to the final guard-location assignments.
I want the grid at the bottom to refresh after every save so I can see which locations are already covered and which are still open. If I leave the screen before the whole building is secured, my partial work must persist and reload when I return so I can finish later.
Testing is fine with JSON mocks; I’ll supply a precise structure for all four tables. Use PrimeNG controls for the checkbox list, grid, buttons, and any dialogs so the look and feel stays consistent with the rest of the application.
Deliverables
1. Fully working Angular 10 component(s) integrated with PrimeNG.
2. Mock services returning JSON for the four tables.
3. Typescript interfaces and any helper services used for state persistence.
4. Brief setup notes so I can drop the module into my repo and run ng serve.
i will attached similar image for what i want for the 4 steps ,may be i will be changed a little ,as i want to select location and then select the guards for that location .
may be need to separate the first step ,which create the records in the 3 tables (sgprp,sgprploc,sgprpemp) . but the other 3 steps can be in one option
• The header record comes in first (SGPRP). (from pre-shift setup)
• A locations table lists every point that must be secured (SGPRPLOC) ,activation.
• A guards table holds every available guard for the selected date-time (SGPRPEMP),attendance.
Inside the UI, when I click a location a checkbox list (with a live text filter by name or ID) appears so I can manually tick one or more guards for that spot. As soon as I confirm, the pairing is written to an assignment buffer that sits in memory until I hit Save. Saving writes the data into a fourth table dedicated to the final guard-location assignments.
I want the grid at the bottom to refresh after every save so I can see which locations are already covered and which are still open. If I leave the screen before the whole building is secured, my partial work must persist and reload when I return so I can finish later.
Testing is fine with JSON mocks; I’ll supply a precise structure for all four tables. Use PrimeNG controls for the checkbox list, grid, buttons, and any dialogs so the look and feel stays consistent with the rest of the application.
Deliverables
1. Fully working Angular 10 component(s) integrated with PrimeNG.
2. Mock services returning JSON for the four tables.
3. Typescript interfaces and any helper services used for state persistence.
4. Brief setup notes so I can drop the module into my repo and run ng serve.
i will attached similar image for what i want for the 4 steps ,may be i will be changed a little ,as i want to select location and then select the guards for that location .
may be need to separate the first step ,which create the records in the 3 tables (sgprp,sgprploc,sgprpemp) . but the other 3 steps can be in one option
Related categories:
JavaScript
Node.js
Software Development
JSON
Web Development
Frontend Development
Angular
Web Application