I have made a Notification with below HTML Code
<!DOCTYPE html>
<html>
<head>
<style>
table {
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
th {
background-color: #f2f2f2;
}
.action-buttons {
margin-top: 20px;
}
.action-button {
padding: 10px 20px;
margin-right: 10px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
}
.reject-button {
background-color: #dc3545;
}
</style>
</head>
<body>
<h2 style="margin-top:-20px;">EXPENSE CLAIM</h2>
<p><strong>Employee ID :</strong> {{ doc.employee }}</p>
<p><strong>Employee Name :</strong> {{ doc.employee_name }}</p>
<h1>HIIIIIII</h1>
<table>
<thead>
<tr>
<th>Expense Date</th>
<th>Expense Claim Type</th>
<th>Description</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
{% for x in doc.expenses %}
<tr>
<td>{{ loop.index }}. {{ x.expense_date }}</td>
<td>{{ x.expense_type }}</td>
<td>{{ x.description }}</td>
<td>{{ x.amount }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<p><strong>Grand Total :</strong> {{ doc.grand_total }}</p>
<div class="action-buttons">
<a href="http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname={{ doc.name }}&action=Pending+Manager¤t_state={{ doc.workflow_state }}&user={{ frappe.session.user }}&last_modified={{ doc.modified }}&_signature=1234"
class="action-button">Pending Manager</a>
<a href="http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname={{ doc.name }}&action=Reject¤t_state={{ doc.workflow_state }}&user={{ frappe.session.user }}&last_modified={{ doc.modified }}&_signature=1234"
class="action-button reject-button">Reject</a>
</div>
</body>
</html>
This is what email is send
This is the error coming when any of the button is clicked (Pending Manager, Reject)
Below is the URL for the above image
http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname=HR-EXP-2024-00106&action=Pending+Manager¤t_state=Pending%20Manager&user=ayush@gmail.com&last_modified=2024-06-04%2012:18:26.572291&_signature=1234
How to resolve this so that, it opens likes this
Anyone know the solution ?