Avoid Outlook and/or the OECD E-mail security scan executing links in email messages sent by the Share service
As JB,
I do not want that urls in emails sent by the Share service to my corporate OECD email address are (prematurely) executed by Outlook or the corporate E-mail security scan,
In order to avoid unwanted actions by the Share service or uselessly exerting the Viewer application (triggered through the execution of those links).
Case 1: valid token (email confirmed less than 4 hours ago)
1) The user submitted a share request in the DE
The DE displays the message: Your request to share a visualisation has been registered. We will send you an email confirmation request shortly.
The green colour should be corrected to HL2 #8CC841 (see doc) should stay the default used in the theme (see with @boumelit).
The user receives a localised email message as follow:
- Subject:
[app title] - Email confirmation for your new visualisation of '[dataflow title]'
App title cannot be in email yet - Content:
Email confirmation for shared visualisation
: this is the big title
Dear [app title] user, before sharing your new visualisation, please confirm your email by clicking the button below.
CONFIRM YOUR EMAIL
Alternatively, you can also paste this URL into your web browser:
https://XXXXX
You need to confirm your email address within the next [time_span_in_hours] hours. If you received this email by mistake, simply delete it.
Privacy Policy
The 'Privacy Policy' text links to the appropriate web page.
The e-mail uses the graphical design as described here inspired by this.
2) The user executed the email confirmation link for a new visualisation
A DE page opens with the following localised content:
-
Page content:
Dear [app title] user, thank you for having confirmed your email. You can now activate your visualisation of '[dataflow title]' by clicking the button below.
ACTIVATE VISUALISATION
Your active visualisations
A line to separate the title above from the table similar to the one under "Filter" in the DE.
The list of active visualisations is a table with the following sortable ltr/rtl columns:
-
🔽 DE 'down' icon with tooltip 'See preview and embed code' - ID --> means the chart ID
- Title --> contains the chart type icon and the chart title. The title is displayed on two rows when too long to fit in one row.
- Created
- Last viewed
- Expire date
- Link: The URL is opened in a separate web browser tab. After the URL, there is an arrow icon (to open link in a new page) and a copy icon (with 'Copy link' tooltip)
- Share on social media: Twitter, Facebook, LinkedIn, Email.
- Actions
When clicking on DE
- the embed code titled
Embed in your website using the following code (update the width and height to fit in your design)
- a copy icon (with 'Copy code' tooltip)
- the dataflow name if different from the title
Notes:
- The DE
🔽 icon switches to🔼 when the accordion when the accordion is open - Opening another accordion doesn't close the previous accordion
- The graphical design of the list is based on the design of Orsi
- By default, the list is sorted by descending order of 'Created'
- There should be a bigger left and right border (see visualisation page design)
- The fonts are not the correct ones, use the default DE fonts
- Below the table, on the right side show a link to
Privacy Policy
3) The user clicks on the 'ACTIVATE VISUALISATION' button in the DE
The shared visualisation is activated. A DE page updates its localised content to:
- Page content:
Your active visualisations
The list of active visualisations is shown as described in step 2. The new visualisation item contains a green icon "new" and is expanded by default. The icon is from Material UI. The green color comes from the doc HL2 #8CC841
4) The user clicks a 'delete' link in the DE
A popup window appears on top of the list with the following message "Are you sure you want to delete shared object title - ID
?" Delete
and Cancel
buttons.
The background is greyed out.
The row corresponding to the visualisation to be deleted should change background color to orange (HL1 #f7a42c from the color palette).
5) The user clicks on the 'DELETE' button in the popup window
The shared visualisation is deleted. A DE page updates its localised content to:
- Page content:
Active visualisations
The list of active visualisations is shown as described in step 2
Case 2: expired token (email confirmed more than 4 hours)
1) The user clicks on the share link more than 4 hours after activation
The page displays:
This link has expired. Enter your email address to receive a new link
- an email text field
- a
Request new link
button - the
Privacy policy
link on the bottom right of the page.
Request new link
2) The user enters his email address and clicks on The user receives an email.
- email title:
Email confirmation for shared visualisation
- email body:
Dear [app title] user, to refresh your link, please confirm your email by clicking the button below.
- email button:
Confirm your email
Confirm your email
button
3) The user clicks on It opens the list of active visualisations.
-
The share service is not localised yet.
And it cannot access to translation from config service or translation has to be pass through DE.
This is a can be a next feature that can be done in a new ticket. New email text will be provided by (@j3an-baptiste) -
let the button only blue, let as is. -
Title is in the email is enough. No need be repeated. -
list order. -
left as is. -
open in new tab icon should be hidden > 1280px (share options). -
left as is. -
add policy link. -
No title there because there is no specific title for this email. Add generic label if no title (@j3an-baptiste). @mike.velluet add for mails without DF name as follow "Shared visualisation(s): Confirm your email" -
facebook link is not working, but LinkedIn is fine.