# Mail Handler New UI

## Motivation

Mail Handler in Email This Issue is the app's most popular feature. Our intention behind creating a new UI was to present an interface that is easy to use, easy to see through, and that is better suited to modern needs.&#x20;

{% hint style="info" %}
At the moment, both skins are present in Email this issue for all users. All the Mail Handlers can be viewed and edited under both menu points  In the long run, it is planned to replace the old skin. If you still use the original skin, please consider trying out the new one, and [give us feedback](https://metainf.atlassian.net/servicedesk/customer/portal/1), especially in case you miss something or have any problems using it.
{% endhint %}

{% hint style="warning" %}
All the saved changes made while using one of the skins are shown on the other skin as well. In other words, the Mail Handler entities are not duplicated, they can be viewed and edited in two different skins.
{% endhint %}

## How to set a Mail Handler on the new UI?

## Creating a new Mail Handler

After the **Add** button is clicked, a panel with four templates is going to be opened. Select the desired Mail Handler template and hit the **Next** button.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2Fgw1kevRWp888bHb6u3mw%2Fimage.png?alt=media&#x26;token=111f8822-8352-450c-ba06-d4c18996443c" alt=""><figcaption><p>Templates for newly created Mail Handlers</p></figcaption></figure>

On the Create new Handler screen type in the Handler name, choose at least one Incoming Mail Connection, and set a Default reporter if needed.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FYbR4svVTyrlAgLvVjLqP%2Fimage.png?alt=media&#x26;token=61ac41e3-2c46-4e90-af43-f88f1c8bf14c" alt=""><figcaption><p>Create new Handler screen</p></figcaption></figure>

After clicking on the **Save** button, the Mail Handlers list page will be opened.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FYNjxeLOr8pRyB1pILSmd%2Fimage.png?alt=media&#x26;token=169e63b4-9253-4461-aef4-9802b4e708b2" alt=""><figcaption><p>Mail handlers list</p></figcaption></figure>

In case the Incoming Connection is not working for some reason, the Connection is marked as red.

The Status shows if the Handler is switched ON or OFF.

&#x20;

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2F40U40UzpgxM8RsD3VH4f%2Fimage.png?alt=media&#x26;token=aef22192-7d46-4132-8e64-0ca7677f3b08" alt=""><figcaption><p>Mail handler status</p></figcaption></figure>

There are three different **Actions** next to a Mail Handler. These are in the order of appearance:

* Configure Handler
* Edit Handler
* Delete Handler

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FEiyOWPPqVvE4p9QtYf5p%2Fimage.png?alt=media&#x26;token=47246be1-4805-4659-b3c2-067d9dacdc67" alt=""><figcaption><p>Actions for Mail Handlers</p></figcaption></figure>

## Configuring a Mail Handler

Click on the **Configure** (<img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FeCbQRj7mholdYs2FgCT0%2Fimage.png?alt=media&#x26;token=aed911a0-4023-4460-a564-d5b5aa25a26f" alt="" data-size="line">) icon in order to open the Configure page. Three tabs can be found here:

* Filter emails
* Find issue
* Rules and Actions

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2Fp4SbivZkP7ZnkS8GXzQ5%2Fimage.png?alt=media&#x26;token=99d156c2-ec2f-4f90-8790-e0f4c9d52a58" alt=""><figcaption><p>Tabs on Configure page</p></figcaption></figure>

{% hint style="warning" %}
Please note: the fourth Tab that can be found on the original Mail Handler UI - **General Handler Settings** - is not available on the Configuring page. Instead, it is obtainable by clicking on the **Edit Handler** (<img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FR6hYTHAIOVG8THudeWRW%2Fimage.png?alt=media&#x26;token=8af7a5a9-6525-4910-8104-5eb796bfe3d8" alt="" data-size="line">) icon.
{% endhint %}

### Filter emails

Available filters can be switched ON or OFF by using the **toggle**.&#x20;

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FO1I7AOvNLjjuxFzitMqd%2Fimage.png?alt=media&#x26;token=5e0f045c-ac6e-4daa-a738-0af4dd8539e7" alt=""><figcaption><p>Filter emails tab</p></figcaption></figure>

### Find Issue

Alongside the two finders from the old Handler UI (**Lookup by mail headers** and **Lookup by JQL**), the **Lookup by issue key** finder can also be seen on the Find issue tab. As this is the default method, it cannot be modified or switched off.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2F4J4VhhQqDzypexP34AKr%2Fimage.png?alt=media&#x26;token=10bad2a4-02bd-4549-a4ab-a9e59b8d3cbd" alt=""><figcaption><p>Find issue tab</p></figcaption></figure>

### Rules and Actions

The new **Rules** **and Action** tab is quite different from the old one.&#x20;

Start to add items by clicking on the **Add** **Item** button.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FyRtm2kRiO0snzh4K537i%2Fimage.png?alt=media&#x26;token=cccd3864-f3d8-4eeb-895e-d385fd11e686" alt=""><figcaption><p>Add first Mail Handler item</p></figcaption></figure>

Clicking the button opens a dialog with all the available rules and actions to choose from.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FXu8YJ3th9bfzBUStt0Ki%2Fimage.png?alt=media&#x26;token=27fccef6-6ad9-4595-8891-7eaeae06ccaa" alt=""><figcaption><p>Rules and Actions dialog</p></figcaption></figure>

After choosing an item, a **right-hand panel** opens where all the settings can be done for the action. Until there is anything missing, the item remains red.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2F9OPINUE16i65h75pzP4W%2Fimage.png?alt=media&#x26;token=facc23ee-f376-49d8-9c96-83feb6d0b134" alt=""><figcaption><p>Create issue Item</p></figcaption></figure>

There is an additional **Add item** button under the action, where applicable. For example, the Set field action can be found under the Create issue action.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FTk6ltv2s8ctn7lc5LRj1%2Fimage.png?alt=media&#x26;token=7c9e58f4-f216-45e3-aaca-03b8c60593ca" alt=""><figcaption><p>Add item under an action</p></figcaption></figure>

#### Easy editing

Items can be moved around by drag and drop. Move the cards around to find out where it is possible to place them.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2Fe5LkATWixrb4DCRrHtSu%2Fdropping.gif?alt=media&#x26;token=acc6ccd3-6777-41d7-9ba4-1a1ef42db4d0" alt=""><figcaption><p>Moving items around</p></figcaption></figure>

#### Conditions

The new Mail Handler UI highly encourages to use of **Condition Groups** instead of conditions under each other.

Usually Conditions Groups are a better alternative since they are easier to manage and overview.

A single **Condition** contains an **IF**, may contain multiple **IFELSE**, and finally an **ELSE** branch.

A **Condition Group** can contain multiple Conditions. Condition Groups are like brackets “()” in math, where Conditions can be connected with **AND/OR** actions. This is the suggested way to create complex Condition structures.

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2Fx4bQwJDm6RUg8Y0Xf7k4%2Fimage.png?alt=media&#x26;token=74d46710-97c1-4366-80b8-0296cda4120f" alt=""><figcaption></figcaption></figure>

### Saving a Mail Handler

On the top right corner, a warning message appears if there are unsaved items. If the **Save** button is clicked, the message shows the Last saved time.&#x20;

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FTHoPIV5IS4g8kC3ZZKLm%2Fimage.png?alt=media&#x26;token=05c1594c-ee1a-44ba-ae90-6d2dc1bd1f43" alt=""><figcaption></figcaption></figure>

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2Fuq93F7UkhE0jrY1SUHbn%2Fimage.png?alt=media&#x26;token=5f4daf66-f6a7-4c41-8f0a-cf5c346d7c7b" alt=""><figcaption></figcaption></figure>

### Overview

An overview of the created Mail Handler is available in HTML, JSON, and image formats.&#x20;

To get an Overview, choose the **Overview** button at the top of the Rules and Actions tab.&#x20;

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2Fm9IKaTLfWvmjJ79wbyjG%2Fimage.png?alt=media&#x26;token=433d15ee-afb6-4ee3-b8e3-7952005eac6e" alt=""><figcaption></figcaption></figure>

With the **Download** **All** button, all three formats will be downloaded at once.&#x20;

<figure><img src="https://880912854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mf8H-oTE_fhOrUtfYrN-2724419853%2Fuploads%2FF3pjbuxKp7RnQDEvVRwp%2Fimage.png?alt=media&#x26;token=474b713a-c95f-4d27-90bc-032047d441da" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Please send the downloaded files if you contact our support team in relation to the Mail Handler to provide us with a better understanding of your problem.
{% endhint %}
