2024-01-23 12:19:22 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html
2024-01-30 14:42:59 +00:00
xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
>
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< title > Updates on issue< / title >
< style type = "text/css" emogrify = "no" >
html {
font-family: system-ui;
}
p,
h1,
h2,
h3,
h4,
ol,
ul {
margin: 0;
}
h-full {
height: 100%;
}
a:hover {
color: #3358d4 !important;
}
< / style >
< style >
*[class="gmail-fix"] {
display: none !important;
}
< / style >
< style type = "text/css" emogrify = "no" >
@media (max-width: 600px) {
.gmx-killpill {
content: " \03D1";
}
}
< / style >
< / head >
< body
bgcolor="#ffffff"
text="#3b3f44"
link="#3f76ff"
yahoo="fix"
style="background-color: #f7f9ff; margin: 20px"
2024-01-24 15:04:32 +00:00
>
2024-01-30 14:42:59 +00:00
< div
style="
width: 600px;
table-layout: fixed;
height: 100%;
margin-left: auto;
margin-right: auto;
"
>
<!-- Header -->
< div >
< table style = "width: 600px" cellspacing = "0" >
< tr >
< td >
< div
style="margin-left: 30px; margin-bottom: 20px; margin-top: 20px"
>
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/plane-logo.png"
2024-01-30 14:42:59 +00:00
width="130"
height="40"
border="0"
/>
< / div >
< / td >
< / tr >
< / table >
< / div >
<!-- Body -->
< div
2024-01-24 15:04:32 +00:00
style="
2024-01-30 14:42:59 +00:00
color: #1f2d5c;
padding: 30px;
border-radius: 4px;
background-color: #fcfcfd;
max-width: 100%;
2024-01-24 15:04:32 +00:00
"
>
2024-01-30 14:42:59 +00:00
< div >
< table style = "width: 100%" >
< tr >
< td >
< p style = "font-size: 1rem; color: #1f2d5c; font-weight: 600" >
{{ issue.issue_identifier }} updates
< / p >
< p style = "font-size: 1rem; font-weight: 500; color: #1f2d5c; line-height: 28px" >
{{workspace}}/< a target = "_blank" style = "color: #1f2d5c; text-decoration: none;" href = "{{project_url}}" > {{project}}< / a > /< a style = "color: #1f2d5c; text-decoration: none;" target = "_blank" href = "{{issue_url}}" > {{issue.issue_identifier}}< / a > : {{ issue.name }}
< / p >
< / td >
< / tr >
< / table >
< hr
style="
background-color: #f0f0f3;
height: 1px;
border: 0;
margin-top: 15px;
margin-bottom: 15px;
"
/>
2024-02-07 09:44:30 +00:00
{% if actors_involved == 1 %}
< p style = "font-size: 1rem;color: #1f2d5c; line-height: 28px" >
{{summary}}
< span style = "font-size: 1rem; font-weight: 700; line-height: 28px" >
{% if data|length > 0 %}
{{ data.0.actor_detail.first_name}}
{{data.0.actor_detail.last_name}}
{% else %}
{{ comments.0.actor_detail.first_name}}
{{comments.0.actor_detail.last_name}}
{% endif %}
< / span > .
< / p >
{% else %}
< p style = "font-size: 1rem;color: #1f2d5c; line-height: 28px" >
{{summary}}
< span style = "font-size: 1rem; font-weight: 700; line-height: 28px" >
{% if data|length > 0 %}
{{ data.0.actor_detail.first_name}}
{{data.0.actor_detail.last_name}}
{% else %}
{{ comments.0.actor_detail.first_name}}
{{comments.0.actor_detail.last_name}}
{% endif %}
< / span > and others.
< / p >
{% endif %}
2024-01-31 14:46:47 +00:00
<!-- {% if actors_involved == 1 %}
2024-01-30 14:42:59 +00:00
{% if data|length > 0 and comments|length == 0 %}
< p style = "font-size: 1rem;color: #1f2d5c; line-height: 28px" >
< span style = "font-size: 1rem; font-weight: 700; line-height: 28px" >
{{ data.0.actor_detail.first_name}}
{{data.0.actor_detail.last_name }}
2024-01-24 15:04:32 +00:00
< / span >
2024-01-31 14:46:47 +00:00
made {{total_updates}} {% if total_updates > 1 %}updates{% else %}update{% endif %} to the issue.
2024-01-30 14:42:59 +00:00
< / p >
{% elif data|length == 0 and comments|length > 0 %}
< p style = "font-size: 1rem;color: #1f2d5c; line-height: 28px" >
< span style = "font-size: 1rem; font-weight: 700; line-height: 28px" >
{{ comments.0.actor_detail.first_name}}
{{comments.0.actor_detail.last_name }}
< / span >
2024-01-31 14:46:47 +00:00
added {{total_comments}} new {% if total_comments > 1 %}comments{% else %}comment{% endif %}.
2024-01-30 14:42:59 +00:00
< / p >
{% elif data|length > 0 and comments|length > 0 %}
< p style = "font-size: 1rem;color: #1f2d5c; line-height: 28px" >
< span style = "font-size: 1rem; font-weight: 700; line-height: 28px" >
{{ data.0.actor_detail.first_name}}
{{data.0.actor_detail.last_name }}
< / span >
2024-01-31 14:46:47 +00:00
made {{total_updates}} {% if total_updates > 1 %}updates{% else %}update{% endif %} and added {{total_comments}} new {% if total_comments > 1 %}comments{% else %}comment{% endif %} on the issue.
2024-01-30 14:42:59 +00:00
< / p >
{% endif %}
{% else %}
< p style = "font-size: 1rem;color: #1f2d5c; line-height: 28px" >
2024-01-31 14:46:47 +00:00
There are {{ total_updates }} new updates and {{total_comments}} new comments on the issue.
2024-01-30 14:42:59 +00:00
< / p >
2024-01-31 14:46:47 +00:00
{% endif %} -->
2024-01-30 14:42:59 +00:00
{% for update in data %} {% if update.changes.name %}
<!-- Issue title updated -->
< p style = "font-size: 1rem; line-height: 28px; color: #1f2d5c" >
The issue title has been updated to {{ issue.name}}
< / p >
{% endif %}
<!-- Outer update Box start -->
{% if data %}
< div
style="
background-color: #f7f9ff;
border-radius: 8px;
border-style: solid;
border-width: 1px;
border-color: #c1d0ff;
padding: 20px;
margin-top: 15px;
max-width: 100%;
"
2024-01-23 12:19:22 +00:00
>
2024-01-30 14:42:59 +00:00
<!-- Block Heading -->
< div style = "padding-bottom: 20px" >
< p style = "font-size: 0.8rem; font-weight: 600; color: #121a26" >
Updates
< / p >
< / div >
<!-- Property Updates -->
< div
style="
background-color: white;
max-width: 100%;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
padding-left: 15px;
padding-bottom: 15px;
border-radius: 8px;
"
>
<!-- action performer -->
< table
role="presentation"
cellspacing="0"
cellpadding="0"
style="max-width: 100%"
>
< tr style = "border-radius: 8px; margin-top: 20px" >
< td style = "width: 30px" >
{% if update.actor_detail.avatar_url %}
< img src = "{{ update.actor_detail.avatar_url }}" width = "25" height = "25" border = "0" / >
{% else %}
< table cellspacing = "0" cellpadding = "0" >
< tr >
< td
style="
width: 25px;
height: 25px;
background-color: #4f3422;
border-radius: 50%;
text-align: center;
"
>
< span
style="
color: white;
font-weight: 500;
font-size: 13px;
line-height: 25px;
display: inline-block;
"
>
{{ update.actor_detail.first_name.0 }}
< / span >
< / td >
< / tr >
< / table >
{% endif %}
< / td >
< td style = "padding-top: 20px; padding-bottom: 20px" >
< p
style="
font-weight: 500;
font-size: 0.8rem;
color: #1c2024;
width: fit-content;
margin-left: 5px;
"
>
{{ update.actor_detail.first_name }} {{ update.actor_detail.last_name }}
< / p >
< / td >
< td >
< p
style="
font-weight: 500;
font-size: 0.6rem;
color: #80838d;
margin-left: 10px;
"
>
{{ update.activity_time }}
< / p >
< / td >
< / tr >
< / table >
{% if update.changes.target_date %}
<!-- due date changed -->
< table
role="presentation"
style="max-width: 100%; padding-bottom: 15px"
>
< tr >
< td >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/due-date.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: block"
/>
< / td >
< td style = "padding: 0px; text-align: center" >
< div >
< p
style="
padding: 0px;
margin: 0px;
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Due Date:
< / p >
< / div >
< / td >
< td >
{% if update.changes.target_date.new_value.0 %}
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #171717;
margin-left: 5px;
padding: 0px;
"
>
{{ update.changes.target_date.new_value.0 }}
< / p >
{% else %}
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #171717;
margin-left: 5px;
padding: 0px;
text-decoration: line-through;
"
>
{{ update.changes.target_date.old_value.0 }}
< / p >
{% endif %}
< / td >
< / tr >
< / table >
{% endif %} {% if update.changes.duplicate %}
<!-- duplicate changed -->
< table
role="presentation"
style="max-width: 100%; padding-bottom: 15px"
>
< tr >
< td >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/duplicate.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: inline-block"
/>
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Duplicate:
< / span >
< / td >
{% if update.changes.duplicate.new_value.0 %}
< td style = "padding-left: 5px;overflow-wrap: break-word;" >
{% for duplicate in update.changes.duplicate.new_value|slice:":2" %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #3a5bc7;
margin-right: 3px;
padding-top: 0px;
"
>
{{ duplicate }}
< / span >
{% endfor %}
< / td >
{% endif %}
{% if update.changes.duplicate.new_value.2 %}
< td >
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #3a5bc7;
margin-right: 3px;
padding-top: 0px;
"
>
+{{ update.changes.duplicate.new_value|length|add:"-2" }}
more
< / span >
< / td >
{% endif %}
{% if update.changes.duplicate.old_value.0 %}
< td style = "padding-left: 8px;" >
{% for duplicate in update.changes.duplicate.old_value|slice:":2" %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #641723;
margin-right: 3px;
padding-top: 0px;
text-decoration: line-through;
"
>
{{ duplicate }}
< / span >
{% endfor %}
< / td >
{% endif %}
{% if update.changes.duplicate.old_value.2 %}
< td >
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #641723;
margin-right: 3px;
padding-top: 0px;
"
>
+{{ update.changes.duplicate.old_value|length|add:"-2" }}
more
< / span >
< / td >
{% endif %}
< / tr >
< / table >
{% endif %}
<!-- Assignee changed -->
{% if update.changes.assignees %}
< table
role="presentation"
style="padding-bottom: 15px; max-width: 100%; padding-right: 10px;"
>
< tr >
< td valign = "top" style = "white-space: nowrap; padding: 0px;" >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/assignee.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: inline-block"
/>
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
padding-right: 5px;
"
>
Assignee:
< / span >
< / td >
< td style = "overflow-wrap: anywhere;word-break: break-all; padding: 0px;" >
{% if update.changes.assignees.new_value.0 %}
< span
style="
font-size: 0.8rem;
color: #0d74ce;
background-color: #e6f4fe;
margin-right: 5px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: 500;
border-radius: 2px;
max-lines: 1;
"
>
{{update.changes.assignees.new_value.0}}
< / span >
{% endif %}
{% if update.changes.assignees.new_value.1 %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #0d74ce;
margin-left: 2px;
margin-right: 5px;
white-space: nowrap;
padding: 0px;
"
>
+{{ update.changes.assignees.new_value|length|add:"-1"}} more
< / span >
{% endif %}
{% if update.changes.assignees.old_value.0 %}
< span
style="
font-size: 0.8rem;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: 500;
text-decoration: line-through;
color: #641723;
background-color: #feebec;
margin-right: 5px;
border-radius: 2px;
"
>
{{update.changes.assignees.old_value.0}}
< / span >
{% endif %}
{% if update.changes.assignees.old_value.1 %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #641723;
margin-left: 2px;
white-space: nowrap;
"
>
+{{ update.changes.assignees.old_value|length|add:"-1"}} more
< / span >
{% endif %}
< / td >
< / tr >
< / table >
{% endif %} {% if update.changes.labels %}
<!-- Labels -->
< table
role="presentation"
style="padding-bottom: 15px; max-width: 100%; padding-right: 10px;"
>
< tr >
< td valign = "top" style = "white-space: nowrap; padding: 0px;" >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/labels.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: inline-block;"
/>
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
padding-right: 5px;
"
>
Labels:
< / span >
< / td >
< td style = "overflow-wrap: anywhere;word-break: break-all; padding: 0px;" >
{% if update.changes.labels.new_value.0 %}
< span
style="
font-size: 0.8rem;
line-height: 1px;
color: #0d74ce;
background-color: #e6f4fe;
margin-right: 5px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: 500;
border-radius: 2px;
max-lines: 1;
"
>
{{update.changes.labels.new_value.0}}
< / span >
{% endif %}
{% if update.changes.labels.new_value.1 %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #0d74ce;
margin-left: 2px;
margin-right: 5px;
white-space: nowrap;
"
>
+{{ update.changes.labels.new_value|length|add:"-1"}} more
< / span >
{% endif %}
{% if update.changes.labels.old_value.0 %}
< span
style="
font-size: 0.8rem;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: 500;
text-decoration: line-through;
color: #641723;
background-color: #feebec;
margin-right: 5px;
border-radius: 2px;
"
>
{{update.changes.labels.old_value.0}}
< / span >
{% endif %}
{% if update.changes.labels.old_value.1 %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #641723;
margin-left: 2px;
white-space: nowrap;
"
>
+{{ update.changes.labels.old_value|length|add:"-1"}} more
< / span >
{% endif %}
< / td >
< / tr >
< / table >
{% endif %}
<!-- State changed -->
{% if update.changes.state %}
< table
role="presentation"
style="padding-bottom: 15px; max-width: 100%"
>
< tr >
< td >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/state.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: block"
/>
< / td >
< td >
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
State:
< / p >
< / td >
2024-02-07 14:50:54 +00:00
{% if update.changes.state.old_value.0 == 'Backlog' or update.changes.state.old_value.0 == 'In Progress' or update.changes.state.old_value.0 == 'Done' or update.changes.state.old_value.0 == 'Cancelled' %}
< td >
2024-01-30 14:42:59 +00:00
< img
2024-02-07 14:50:54 +00:00
src="{% if update.changes.state.old_value.0 == 'Backlog' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/backlog.png{% endif %}{% if update.changes.state.old_value.0 == 'In Progress' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/in-progress.png{% endif %}{% if update.changes.state.old_value.0 == 'Done' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/done.png{% endif %}{% if update.changes.state.old_value.0 == 'Cancelled' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/cancelled.png{% endif %}"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: block; margin-left: 5px;"
/>
< / td >
2024-02-07 14:50:54 +00:00
{% endif %}
2024-01-30 14:42:59 +00:00
< td >
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #60646C;
"
>
{{ update.changes.state.old_value.0 }}
< / p >
< / td >
< td style = "padding-left: 10px; padding-right: 10px;" >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/forward-arrow.png"
2024-01-30 14:42:59 +00:00
width="16"
height="16"
border="0"
style="display: block;"
/>
< / td >
2024-02-07 14:50:54 +00:00
{% if update.changes.state.new_value|last == 'Backlog' or update.changes.state.new_value|last == 'In Progress' or update.changes.state.new_value|last == 'Done' or update.changes.state.new_value|last == 'Cancelled' %}
< td >
2024-01-30 14:42:59 +00:00
< img
2024-02-07 14:50:54 +00:00
src="{% if update.changes.state.new_value|last == 'Backlog' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/backlog.png{% elif update.changes.state.new_value|last == 'In Progress' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/in-progress.png{% elif update.changes.state.new_value|last == 'Todo' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/todo.png{% elif update.changes.state.new_value|last == 'Done' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/done.png{% elif update.changes.state.new_value|last == 'Cancelled' %}https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/cancelled.png{% endif %}"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: block;"
/>
< / td >
2024-02-07 14:50:54 +00:00
{% endif %}
2024-01-30 14:42:59 +00:00
< td >
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #60646c;
"
>
{{update.changes.state.new_value|last }}
< / p >
< / td >
< / tr >
< / table >
{% endif %} {% if update.changes.link %}
<!-- Link Added -->
< table
role="presentation"
style="padding-bottom: 15px; max-width: 100%"
>
< tr >
< td valign = "top" >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/link.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: block; margin-top: 3px;"
/>
< / td >
< td valign = "top" >
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
margin-right: 5px;
"
>
Links:
< / p >
< / td >
< td >
{% for link in update.changes.link.new_value %}
< a
href="{{link}}"
style="
font-size: 0.8rem;
font-weight: 600;
color: #3a5bc7;
display: block;
padding-bottom: 5px;
"
>
{{ link }}
< / a >
{% endfor %}
{% if update.changes.link.old_value|length > 0 %}
{% if update.changes.link.old_value.0 != "None" %}
< p
href=""
style="
font-size: 0.8rem;
font-weight: 500;
color: #60646c;
"
>
2 Links were removed
< / p >
{% endif %}
{% endif %}
< / td >
< / tr >
< / table >
{% endif %}
{% if update.changes.priority %}
<!-- Priority changed -->
< table
role="presentation"
style="padding-bottom: 15px; max-width: 100%"
>
< tr >
< td >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/priority.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: block; margin: 0px; padding: 0px"
/>
< / td >
< td >
< p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
margin-right: 5px;
"
>
Priority:
< / p >
< / td >
< td >
< p
style="
font-size: 0.8rem;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 0px;
font-weight: 500;
border-radius: 2px;
text-transform: capitalize;
{% if update.changes.priority.old_value.0 == 'urgent' %}background-color: #FFDBDC; color: #CE2C31;{% endif %}
{% if update.changes.priority.old_value.0 == 'high' %}background-color: #FFE2C7; color: #F04610;{% endif %}
{% if update.changes.priority.old_value.0 == 'medium' %}background-color: #FEFBE9; color: #E2A336;{% endif %}
{% if update.changes.priority.old_value.0 == 'low' %}background-color: #E9F6E9; color: #2A7E3B;{% endif %}
"
>
{{ update.changes.priority.old_value.0 }}
< / p >
< / td >
< td style = "padding-left: 10px; padding-right: 10px;" >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/forward-arrow.png"
2024-01-30 14:42:59 +00:00
width="16"
height="16"
border="0"
style="display: block;"
/>
< / td >
< td >
< p
style="
font-size: 0.8rem;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 0px;
font-weight: 500;
border-radius: 2px;
text-transform: capitalize;
{% if update.changes.priority.new_value|last == 'urgent' %}background-color: #FFDBDC; color: #CE2C31;{% endif %}
{% if update.changes.priority.new_value|last == 'high' %}background-color: #FEEBEC; color: #CE2C31;{% endif %}
{% if update.changes.priority.new_value|last == 'medium' %}background-color: #FEFBE9; color: #E2A336;{% endif %}
{% if update.changes.priority.new_value|last == 'low' %}background-color: #E9F6E9; color: #2A7E3B;{% endif %}
"
>
{{ update.changes.priority.new_value|last }}
< / p >
< / td >
< / tr >
< / table >
{% endif %}
{% if update.changes.blocking.new_value %}
<!-- Blocking changed -->
< table
role="presentation"
style="padding-bottom: 15px; max-width: 100%"
>
< tr style = "overflow-wrap: break-word;" >
< td >
< img
2024-02-07 14:50:54 +00:00
src="https://plane-marketing.s3.ap-south-1.amazonaws.com/plane-assets/emails/blocking.png"
2024-01-30 14:42:59 +00:00
width="12"
height="12"
border="0"
style="display: inline-block;"
/>
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
margin-right: 5px;
"
>
Blocking:
< / span >
< / td >
{% if update.changes.blocking.new_value.0 %}
< td style = "padding-left: 5px;overflow-wrap: break-word;" >
{% for blocking in update.changes.blocking.new_value|slice:":2" %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #3a5bc7;
margin-right: 3px;
padding-top: 0px;
"
>
{{ blocking }}
< / span >
{% endfor %}
< / td >
{% endif %}
{% if update.changes.blocking.new_value.2 %}
< td >
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #3a5bc7;
margin-right: 3px;
padding-top: 0px;
"
>
+{{ update.changes.blocking.new_value|length|add:"-2" }}
more
< / span >
< / td >
{% endif %}
{% if update.changes.blocking.old_value.0 %}
< td style = "padding-left: 8px;" >
{% for blocking in update.changes.blocking.old_value|slice:":2" %}
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #641723;
margin-right: 3px;
padding-top: 0px;
text-decoration: line-through;
"
>
{{ blocking }}
< / span >
{% endfor %}
< / td >
{% endif %}
{% if update.changes.blocking.old_value.2 %}
< td >
< span
style="
font-size: 0.8rem;
font-weight: 500;
color: #641723;
margin-right: 3px;
padding-top: 0px;
"
>
+{{ update.changes.blocking.old_value|length|add:"-2" }}
more
< / span >
< / td >
{% endif %}
< / tr >
< / table >
{% endif %}
< / div >
< / div >
{% endif %}
<!-- Outer update Box end -->
{% endfor %} {% if comments.0 %}
<!-- Comments outer update Box -->
< div
style="
max-width: 100%;
background-color: #f7f9ff;
border-radius: 8px;
border-style: solid;
border-width: 1px;
border-color: #c1d0ff;
padding: 20px;
margin-top: 15px;
"
>
<!-- Block Heading -->
< p style = "font-size: 0.8rem; font-weight: 600; color: #121a26; padding-bottom: 20px;" >
Comments
2024-01-24 15:04:32 +00:00
< / p >
2024-01-30 14:42:59 +00:00
<!-- Comments -->
{% for comment in comments %}
< table cellspacing = "0" >
< tr style = "border-radius: 8px" >
< td valign = "top" >
{% if comment.actor_detail.avatar_url %}
< img
src="{{ comment.actor_detail.avatar_url }}"
width="25"
height="25"
border="0"
/>
{% else %}
< table cellspacing = "0" cellpadding = "0" >
< tr >
< td
style="
width: 25px;
height: 25px;
background-color: #4f3422;
border-radius: 50%;
text-align: center;
"
>
< span
style="
color: white;
font-weight: 500;
font-size: 13px;
line-height: 25px;
display: inline-block;
"
>
{{ comment.actor_detail.first_name.0 }}
< / span >
< / td >
< / tr >
< / table >
{% endif %}
< / td >
< td style = "padding-bottom: 15px" >
< table >
< tr >
< td >
< p
style="
font-weight: 500;
font-size: 0.8rem;
color: #1c2024;
margin-left: 8px;
"
>
{{ comment.actor_detail.first_name }} {{ comment.actor_detail.last_name }}
< / p >
< / td >
< / tr >
{% for actor_comment in comment.actor_comments.new_value %}
< tr >
< td >
< div
style="
padding: 6px 10px;
margin-left: 10px;
background-color: white;
font-size: 0.8rem;
color: #525252;
margin-top: 5px;
border-radius: 4px;
display: flex;
align-items: center;
"
>
< p >
{{ actor_comment|safe }}
< / p >
< / div >
< / td >
< / tr >
{% endfor %}
< / table >
< / td >
2024-01-24 15:04:32 +00:00
< / tr >
2024-01-30 14:42:59 +00:00
< / table >
{% endfor %}
< / div >
{% endif %}
< / div >
< a href = "{{ issue_url }}" style = "text-decoration: none;" >
< div
style="
max-width: min-content;
white-space: nowrap;
background-color: #3e63dd;
padding: 10px 15px;
border: 1px solid #2f4ba8;
border-radius: 4px;
margin-top: 15px;
cursor: pointer;
font-size: 0.8rem;
color: white;
"
>
View issue
< / div >
< / a >
< / div >
<!-- Footer -->
< table style = "width: 100%; padding: 20px; justify-content: center" >
< tr >
< td >
< div style = "font-size: 0.8rem; color: #1c2024" >
This email was sent to
< a
href="mailto:{{receiver.email}}"
style="color: #3a5bc7; font-weight: 500; text-decoration: none"
>{{ receiver.email }}.< /a
2024-01-23 12:19:22 +00:00
>
2024-01-30 14:42:59 +00:00
If you'd rather not receive this kind of email,
< a
href="{{ issue_url }}"
style="color: #3a5bc7; text-decoration: none"
>you can unsubscribe to the issue< /a
2024-01-23 12:19:22 +00:00
>
2024-01-30 14:42:59 +00:00
or
< a
href="{{ user_preference }}"
style="color: #3a5bc7; text-decoration: none"
>manage your email preferences< /a
>.
<!-- Github | LinkedIn | Twitter -->
< div style = "margin-top: 60px; float: right" >
< a
href="https://github.com/makeplane"
target="_blank"
style="margin-left: 10px; text-decoration: none"
>
< img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/github_32px.png"
width="25"
height="25"
border="0"
style="display: inline-block"
/>
< / a >
< a
href="https://www.linkedin.com/company/planepowers/"
target="_blank"
style="margin-left: 10px; text-decoration: none"
>
< img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/linkedin_32px.png"
width="25"
height="25"
border="0"
style="display: inline-block"
/>
< / a >
< a
href="https://twitter.com/planepowers"
target="_blank"
style="margin-left: 10px; text-decoration: none"
>
< img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/twitter_32px.png"
width="25"
height="25"
border="0"
style="display: inline-block"
/>
< / a >
< / div >
< / div >
< / td >
< / tr >
< / table >
2024-01-24 15:04:32 +00:00
< / div >
2024-01-30 14:42:59 +00:00
< / body >
< / html >
