Refactored CustomAlerts UI to support selection of medium to send alert, #PG-4530

[AltamashShaikh]

Description

Refactored CustomAlerts UI to support selection of medium to send alert

Issue No

#PG-4530

Steps to Replicate the Issue

1. View Custom Alerts
2. You can see no option to select medium, email and mobile is always visible
3. Now checkout this PR
4. You will see a new dropdown to select medium
5. Also it will now throw error if, medium selected, but no valid parameter set, example report_mediums: ["email"] and emailME and additionalEmails parameter is empty.

Checklist

• [✔] Tested locally or on demo2/demo3?
• [✔] New test case added/updated?
• [✔] Are all newly added texts included via translation?
• [✔] Are text sanitized properly? (Eg use of v-text v/s v-html for vue)
• [✔] Version bumped?

[AltamashShaikh]

@james-hill-matomo @snake14 I have to create a new PR from this branch to add Slack as an option.

Rough PR on local adds this

[james-hill-matomo]

Error messages not 100% consistent - e.g. "Report mediums must not be empty" shows when the UI box is labelled "Send via"

Quite a few bad UX things going on, but out of scope of this ticket.

I wasn't able to test what happens if you add a phone number and then choose "Send via" email only - is that supported OK?

[james-hill-matomo]

Naughty? 😂

[AltamashShaikh]

yaa it was giving an error of 255 characters, so increased it to 260

[AltamashShaikh]

Error messages not 100% consistent - e.g. "Report mediums must not be empty" shows when the UI box is labelled "Send via"

Quite a few bad UX things going on, but out of scope of this ticket.

I wasn't able to test what happens if you add a phone number and then choose "Send via" email only - is that supported OK?

It would be set to empty if the medium is not set - https://github.com/matomo-org/plugin-CustomAlerts/pull/208/files#diff-289a75deac5516af6414cbbad6082c750fb8b192830f6b8fdf4348a97091716dR188