Fix #25341 Template Builder error when loading a template

[zJaaal]

🤖 Generated by Copilot at 432e837

Summary

🆕🔁✅

Renamed and added outputs to template builder components to improve communication and consistency. Added a new test case and a new method to handle template updates and history reloads. Enhanced the template item object with title and width properties.

Sing, O Muse, of the skillful TemplateBuilderComponent
That emits the template item with title and width augment
And of the wise renaming of the updateTemplate outputs
To avoid confusion and enhance the clarity of their routes

Walkthrough

• Rename updateTemplate output to onTemplateItemChange in dot-template-builder-advanced and dot-edit-layout-designer components to avoid confusion with parent component output (link, link)
• Add onTemplateItemChange method to dot-template-builder.component.ts to handle template item changes from both advanced and designer components, emit updated template item to parent component, and reload history iframe if it exists (link)
• Remove ngOnChanges method and OnChanges interface from dot-template-builder.component.ts as they are no longer needed to reload history iframe (link, link, link)
• Add test case to dot-template-builder.component.spec.ts to verify that onTemplateItemChange method is called when updateTemplate output of dot-template-builder-advanced component emits a value (link)
• Add test case to dot-template-builder.component.spec.ts to verify that onTemplateItemChange method is called when updateTemplate output of dot-edit-layout-designer component emits a value (link, link)
• Add title and width properties to template item object that is emitted by TemplateBuilderComponent in template-builder.component.ts when layout changes, to match backend template item properties (link)

Screenshots

Screen.Recording.2023-06-27.at.1.22.44.PM.mov

[dotcms-sonarqube]

SonarQube Quality Gate

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication