Frontend : create a new email editor template settings page

[salahlalami]

need to create a new email template settings page that allows users to edit email templates using the react-quill library. This library provides a rich text editor component for React applications. The goal is to use react-quill to allow users to modify the message content of an email template.

The email template settings page should provide a user interface where users can see and edit the email template. The react-quill (https://github.com/zenoamaro/react-quill) component will be used as the editor for the email template message.

The email template message should be saved in the settings so that it can be retrieved and used later when sending emails. It is important to ensure that the updated template message is properly saved and associated with the correct email template.

Additional context

Additionally, this page should support editing multiple templates. This means there should be a way to switch between different email templates and update their respective message content using the react-quill editor.

By following these guidelines, you can create a fully functional email template settings page that allows users to customize and save email templates using the react-quill library.

Settings Api

router.route('/setting/listAll').get(catchErrors(settingController.listAll));
router.route('/setting/filter').get(catchErrors(settingController.filter));
router
  .route('/setting/readBySettingKey/:settingKey')
  .get(catchErrors(settingController.readBySettingKey));
router.route('/setting/listBySettingKey').get(catchErrors(settingController.listBySettingKey));
router
  .route('/setting/updateBySettingKey/:settingKey?')
  .patch(catchErrors(settingController.updateBySettingKey));
router.route('/setting/updateManySetting').patch(catchErrors(settingController.updateManySetting));

Settings Key

[
  {
    "settingKey": "email_invoice_default",
    "settingValue": "<p>email_invoice_default</p>",
    "valueType": "string",
    "isCoreSetting": true
  },
  {
    "settingKey": "email_quote_default",
    "settingValue": "<p>email_quote_default</p>",
    "valueType": "string",
    "isCoreSetting": true
  },
  {
    "settingKey": "email_offer_default",
    "settingValue": "<p>email_offer_default</p>",
    "valueType": "string",
    "isCoreSetting": true
  },
  {
    "settingKey": "email_payment_receipt_default",
    "settingValue": "<p>email_offer_default</p>",
    "valueType": "string",
    "isCoreSetting": true
  },
  {
    "settingKey": "email_signup_email_confirm_default",
    "settingValue": "<p>email_signup_email_confirm</p>",
    "valueType": "string",
    "isCoreSetting": true
  },
  {
    "settingKey": "email_reset_password_default",
    "settingValue": "<p>email_reset_password</p>",
    "valueType": "string",
    "isCoreSetting": true
  },
  {
    "settingKey": "welcome_email_default",
    "settingValue": "<p>welcome_email</p>",
    "valueType": "string",
    "isCoreSetting": true
  }
]

[rcypankaj]

Hlo Dear, I would like to work on this issue please assign it to me!