Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Компонент 

Блок компонента

Параметри компонента

Опис

Відображення

Start

Компонент початку схеми

Компонент "Get Email"

image-20240903-110309.png

image-20240903-121554.png

Компонент для отримання інформації про повідомлення.
Для цього:

  • у полі «"Message Id» " вказати ідентифікатор повідомлення. У цій схемі ідентифікатор передається за допомогою змінної - ${message_id};

  • в елементі «"Set variables» " додати додаткові змінні:

    • files - attachments;

    • html-body - html;

    • subject - subject;

    • from - from;

    • message_id - message_id;

    • contact_ids - contact_ids;

    • body - body.

Компонент "Form Text"

image-20240903-110330.png

image-20240909-093714.png

Для відображення вхідного повідомлення.
Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано text;

  • у полі «"Text» " вказати змінну ${html-body} для відображення тіла повідомлення;

  • у полі «"Label» " вказати заголовок. У даній схемі вказано тему повідомлення за допомогою змінної - ${subject};

  • у полі «"Hint» " вказати підказку. У цій схемі вказано наступне: Підказка: Відображає текст з поля "Hint" компонента "Form Text"

image-20240909-093618.png

Компонент "Form Text"

image-20240903-110336.png

image-20240909-093752.png

Для відображення тексту з інформацією про вхідне повідомлення.
Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано debug-info;

  • у полі «"Text» " вказати таке: <P><B>Повідомлення від: </B> ${from} </P>

    <P><B>Тема повідомлення: </B> ${subject} </P>

    <P><B>ID повідомлення:: </B> ${message_id}</P>

    <P><B>Тіло повідомлення: </B> ${body} </P>

    <P><B>Контакт: </B> ${contact_ids} </P>;

  • у полі «"Label» " вказати заголовок. У цій схемі зазначено таке: «"Інформація про вхідне повідомлення:»";

  • у полі «"Hint» " вказати підказку. У цій схемі зазначено таке: «"Відображається наступне: from, subject, message_id, body.»";

    у полі «"Color» " вибрати колір info;

  • перемикач «"Collapsible» " перевести в активне положення.

Screenshot 2024-09-09 123921.png

Компонент "Form File"

image-20240903-115837.png

image-20240909-094414.png

Контейнер для файлів із вхідного повідомлення.
Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано files-form;

  • у полі «"Initial value» " вказати змінну, в яку передаються прикріплені файли з вхідного повідомлення. У цій схемі - ${files};

  • у полі «"Label» " вказати заголовок. У даній схемі вказано таке: «"Вкладення з вхідного повідомлення:»";

  • у полі «"Hint» " вказати підказку. У даній схемі вказано наступне: «"Тут відображаються файли, якщо вони присутні у вхідному повідомленні.»";

  • поставити перемикач «"Readonly» " в активне положення;

  • поставити перемикач «"Collapsible» " в активне положення.

image-20240909-094438.png

Компонент "Form File"

image-20240903-115845.png

image-20240909-094459.png

Контейнер файлів для вихідного повідомлення.
Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано files-send-form;

  • у полі «"Label» " вказати заголовок. У цій схемі зазначено таке: «"Додайте вкладення до вихідного повідомлення:»";

  • поставити перемикач «"Collapsible» " в активне положення.

image-20240909-094526.png

Компонент "Form Rich Text Editor"

image-20240903-115902.png

image-20240909-094721.png

Для створення поля введення тексту з можливістю форматування для оператора.
У ньому вводиться текст, який буде надіслано на вказану в компоненті «"Send email» " електронну адресу.

Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано html-body-form;

  • у полі «"Initial value» " вказати текст-заготовку. У цій схемі вказано: “З повагою, Ваша служба турботи :)”;

  • у полі «"Label» " вказати заголовок. У даній схемі зазначено наступне: «"Будь ласка, введіть свою відповідь на повідомлення»";

  • у полі «"Output» " обрати варіант HTML.

image-20240909-094743.png

Компонент "Form Textfield"

image-20240903-120837.png

image-20240909-094809.png

Для створення поля введення для оператора. У цій схемі цей компонент використовується для введення електронної адреси одержувача створеної у формі відповіді.

Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано to;

  • у полі «"Initial value» " вказати електронну адресу одержувача відповіді. У цій схемі через змінну вказано адресу, з якої прийшло повідомлення - ${from};

  • у полі «"Label» " вказати заголовок. У даній схемі вказано наступне: «"Кому:»";

  • у полі «"Hint» " вказати підказку. У цій схемі вказано наступне: «"Введіть адресу електронної пошти одержувача»".

image-20240909-094858.png

Компонент "Form Textfield"

image-20240903-120842.png

image-20240909-094920.png

Для створення поля введення для оператора. У цій схемі цей компонент використовується для введення електронної адреси, куди надсилатиметься копія відповіді.

Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано cc;

  • у полі «"Label» " вказати заголовок. У цій схемі зазначено таке: «"Копія:»";

  • у полі «"Hint» " вказати підказку. У даній схемі вказано наступне: «"Введіть адресу електронної пошти»".

image-20240909-095041.png

Компонент "Generate Form"

image-20240903-120904.png

Generate Form - Опрацювання та відповідь на електронні листи.png

Створення форми на основі попередньо створених елементів.

Для цього:

  • у полі «"Id» " вказати службову назву. У цій схемі вказано «"Email-form»";

  • у полі «"Form title» " вказати текст заголовка форми - «"Вхідне повідомлення від ${from}»";

  • у полі «"Body contents» " вказати id компонентів у тому порядку, в якому вони мають відображатися у формі. Для додавання компонента необхідно ввести id компонента і натиснути кнопку «"Add»"

    • ввести id з компонента «"Form Text» " - «"text» " і натиснути кнопку «"Add»";

    • ввести id з компонента «"Form Text» " - «"debug-info» " і натиснути кнопку «"Add»";

    • ввести id з компонента «"Form File» " - «"files-form» " і натиснути кнопку «"Add»";

    • ввести id з компонента «"Form Textfield» " - «"to» " і натиснути кнопку «"Add»";

    • ввести id з компонента «"Form Textfield» " - «"cc» " і натиснути кнопку «"Add»";

    • ввести id з компонента «"Form Rich Text Editor» " - «"html-body-form» " і натиснути кнопку «"Add»";

    • ввести id з компонента «"Form File» " - «"files-send-form» " і натиснути кнопку «"Add»";

  • в елемент «"Form actions» " ввести дані для створення кнопок: 

    • кнопка «"Не відповідати»"::

      • у полі «"Id» " вказати службову назву кнопки - «"close»";

      • у полі «"Color» " вибрати колір кнопки - «"danger»";

      • у полі «"Text» " ввести назву кнопки - «"Не відправляти»";

    • кнопка «"Надіслати»":

      • у полі «"Id» " вказати службову назву кнопки - «"send»";

      • у полі «"Color» " вибрати колір кнопки - «"success»";

      • у полі «"Text» " ввести назву кнопки - «"Відправити»".

Форма - Опрацювання та відповідь на електронні листи.png

Компонент "If"

image-20240903-120916.pngimage-20240903-124350.png

Перевірка натискання кнопки «"Відправити»".

Для цього в поле «"Expression» " ввести ${Email-form} == 'send'

Гілка 1

Компонент "Send email"

image-20240903-120928.pngSend Email для отправки ответа.png

Для надсилання повідомлення на електронну пошту.

Для цього;

  • у полі «To» "To" ввести електронну адресу одержувача, або задати використовуючи змінну. У цьому прикладі використовується змінна - ${to};

  • у полі «"Copy» " ввести електронну адресу, на яку надсилати копію відповіді, або задати, використовуючи змінну. У цьому прикладі використовується змінна - ${cc};

  • у полі «"Subject» " ввести тему вихідного повідомлення. У цій схемі використовується змінна, в якій передається тема вхідного повідомлення - «"${subject}»";

  • у полі «"Message» " ввести текст повідомлення, яке буде відправляти, або задати його змінною. У цьому прикладі використовується змінна з компонента «"Form Rich Text Editor» " - ${html-body-form};

  • у полі «"Files» " вказати змінну id з компонента «"Form File» " - «"files-send-form»";

  • у полі «"In Reply To» " вказати змінну - ${message_id} для цитування вхідного повідомлення;

  • у полі «"Owner» " вказати змінну ${user_id};

  • у полі «"Profile» " вказати ідентифікатор використовуваного Email профілю. У цьому прикладі - 120;

  • перемикач «"Store» " перевести в активне положення;

  • у полі «"Retry count» " вказати кількість спроб;

  • перемикач «"SMTP Auth» " перевести в активне положення - додадуться поле «"User» " і поле «"Password»"::

    • у полі «"User» " вводиться електронна адреса, зазначена в Email профілі (у полі «"/wiki/spaces/WEB/pages/348618788»"), за допомогою якої надсилатимуться повідомлення;

    • у полі «"Password» " вводиться пароль від електронної адреси, зазначеної в Email профілі (поле «"/wiki/spaces/WEB/pages/348618788»"), за допомогою якого будуть надсилатися повідомлення.

  • у полі «"Port» " вводяться дані з поля «"/wiki/spaces/WEB/pages/348618788» " використовуваного Email профілю;

  • у полі «"Server» " вводяться дані з поля «"/wiki/spaces/WEB/pages/348618788» " використовуваного Email профілю.

Info

Email профіль має бути ввімкнено.

Компонент "Attempt Result"

image-20240903-120947.pngimage-20240903-125204.png

У цьому прикладі:

  • у полі «"Status» " вибрати - success. Натиснути кнопку «"Add»";

  • перемикач «"Break» " перевести в активне положення.

Гілка 2

Компонент "Attempt Result"

image-20240903-121010.png

image-20240903-125218.png

У цьому прикладі:

  • у полі «"Status» " вибрати - abandoned. Натиснути кнопку «"Add»";

  • перемикач «"Break» " перевести в активне положення.