Diff Changes

The initial functionality for this feature was written by @aaronjcolclough (esq.). I just helped with optimizing the API and component design.

Working on standardizing the process of being able to present two serialized JSON strings that are related and represent changes in state. In the above screenshot, direct object properties are rendered in red (previous value) and green (proposed value). If a nested object within the comparison is different between the two states, the name of the nested object property is rendered in the primary app color.

Relevant Files

• diff.ts
• prop-node.ts
• app.service.ts
• diff-card.component.ts
  • diff-card.component.html
• prop-node.component.ts
  • prop-node.component.html
• home.route.ts
  • home.route.html