flsoller / sam-reporting-app

Service And Maintenance Reporting Application

Hi, 👋 I’m Florian.

I build 🛠️ fullstack applications with web technologies. I ♥️ working with JavaScript and TypeScript.

No matter if it's React or Angular on the frontend, or Node with Express on the backend, I enjoy 🎓 learning new things and work with different stacks.

sam-reporting-app's Issues

Create Forms Module

Simplify form creation through dynamic forms module.

• Should be able to create forms by passing an array of input definitions

Reference:
https://angular.io/guide/dynamic-form

Portable container component: NG0100 Error when passing preload data

"ExpressionChangedAfterItHasBeenCheckedError" for instrument tab label value. Caused by initialising label value with "New Unit" before being re-initialised with instrument specific serial number. Component lifecycle issue due to paren/child relationship.

App shows scrollbars even if viewport needs no scroll

OS: Windows
Browser: Chrome

Issue does not appear on MacOS

Customer list is empty in "Search Maintenance" page

When app is loaded and user navigates directly to "Search Maintenance" page, customer list is empty.

Implement form initialisation with preloaded data

Improve data handling in portable-container.component.ts

The new forms module will nest each form component under its own group name. This creates an issue when preparing the data for the backend. The nested objects need to be lifted up to match backend model, which currently looks like this:
const instrumentData = this.maintenanceData.value.instruments.map( (ins: any) => { return { ...ins.deviceInfo, sensorData: ins.sensorData.map((s: any) => { return { ...s.sensorInfo, ...s.calInfo, ...s.calData, refGas: { isUsed: s.refGas.isUsed, ...s.refGas.refInfo, }, alarmLvls: { ...s.alarmData, }, }; }), }; } );

• Find a way to take this task away from the component. (Pipe?)

Profile button name initials not showing after login

When logging into the application, the first letter of the users name does not appear in profile button

Support checkboxes as inputs in forms module.