Week 4: Creating the Settings Layout and Exploring How to Preview Comment Slip and Email Templates

This week, I mainly focused on creating the settings layout and exploring a new feature for previewing comment slips and email templates.

Creating the Settings Layout

This week, I finished creating a settings layout that brings various configuration options together in one place. This makes it easier for administrators to find and update the system settings they need.

Insights from the Template Preview Issue

At the same time, I picked up a ticket from the project’s GitHub Issues page and started exploring how to implement the preview feature for comment slips and email templates.

I found that the content and structure of these templates are stored in two template files: comment.htm and email.htm. Administrators may need to edit the wording inside these files, but directly modifying an .htm file usually requires some knowledge of code.

To solve this problem, I plan to provide a visual editor with simple input fields. This will allow administrators to update the important parts of each template without viewing or editing the underlying code.

The edited templates will then be used to display the corresponding comment.pdf and email.pdf outputs. A preview will allow administrators to check the updated content and appearance before using it.

Findings and Challenges

Although the feature initially appeared straightforward, creating a user-friendly template editor introduced several challenges.

First, I need to study the contents of comment.htm and email.htm and divide each template into meaningful sections. From there, I must identify the most important parts that administrators should be able to edit.

The next challenge is creating matching input fields for those sections. Whenever an administrator edits a field, the system must insert the new content into the correct part of the .htm file without affecting the rest of the template’s structure or design.

Plan for Next Week

Next week, I plan to begin implementing the comment slip and email template preview feature. This will include creating the editable fields, connecting them to the correct template sections, and displaying a preview of the updated content.

This week’s exploration gave me a clearer understanding of the feature’s requirements and the steps needed to make template editing practical and accessible for administrators.