Kshitij-Dhakal · April 29, 2021 13:00
diff --git a/export-to-pdf.html b/export-to-pdf.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link rel="preconnect" href="https://fonts.gstatic.com"/>
  <link
          href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900;display=swap"
          rel="stylesheet"
  />
  <title>Export To Pdf</title>
  <style>
    * {
      font-family: "Roboto", sans-serif;
    }

    td,
    th {
      border-bottom: 1px solid #f0f0f0;
      padding: 14px;
    }

    td {
      font-size: 14px;
      line-height: 22px;
    }

    .status-start {
      width: 61px;
      height: 22px;
      background: #d5e6fb;
      border-radius: 2px;
      padding: 2px 7px;
    }

    .status-todo {
      width: 46px;
      height: 22px;
      background: #fdecce;
      border-radius: 2px;
      padding: 2px 7px;
      color: #eca911;
    }
  </style>
 </head>
 <body>
 <div class="logo" style="text-align: center; margin-top: 50px">
  <img src="data:image/png;base64,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"
       alt=""/>
 </div>
 <div
        class="tickets"
        style="
        margin: 18px 0 0 42px;
        color: #909090;
        line-height: 22px;
        font-size: 20px;
        line-height: 16px;
        letter-spacing: 0.14px;
      "
 >
  Tickets
 </div>
 <div
        style="
        display: flex;
        justify-content: space-between;
        margin: 30px 76px 0 42px;
        color: #393838;
        font-size: 18px;
        line-height: 16px;
        letter-spacing: 0.14px;
      "
 >
  <div class="total">Total $!total</div>
  <div class="date">$!startDate - $!endDate</div>
 </div>
 <table style="width: 100%; padding: 20px 30px 0 30px; text-align: center">
  <tr style="font-size: 14px; line-height: 22px; color: #919191">
    <th>Id</th>
    <th>Ticket Type</th>
    <th>Summary</th>
    <th>Created Date</th>
    <th>Due Date</th>
    <th>Priority</th>
    <th>Status</th>
    <th>Assignee</th>
  </tr>
  #foreach($ticket in $tickets)
    <tr>
      <td>$!ticket.getTicketId()</td>
      <td>$!ticket.getTicketType()</td>
      <td>$!ticket.getSummary()</td>
      <td>$!ticket.getCreatedDate()</td>
      <td>$!ticket.getDueDate()</td>
      <td style="display: flex; justify-content: space-around">
        <img
                src="$!ticket.getPriorityImg()"
                alt=""
                style="align-self: center"
        />
        <span>$!ticket.getPriority()</span>
      </td>
      <td><span class="status-start" style="color: #2f80ed;">$!ticket.getStatus()</span></td>
      <td style="display: flex; justify-content: center">
        <img
                style="align-self: center; margin-right: 8px"
                src="$!ticket.getImgUrl()"
                alt=""
        />
        <span>$!ticket.getAssignee()</span>
      </td>
    </tr>
  #end
 </table>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link rel="preconnect" href="https://fonts.gstatic.com"/>
	<link
	href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900;display=swap"
	rel="stylesheet"
	/>
	<title>Export To Pdf</title>
	<style>
	* {
	font-family: "Roboto", sans-serif;
	}

	td,
	th {
	border-bottom: 1px solid #f0f0f0;
	padding: 14px;
	}

	td {
	font-size: 14px;
	line-height: 22px;
	}

	.status-start {
	width: 61px;
	height: 22px;
	background: #d5e6fb;
	border-radius: 2px;
	padding: 2px 7px;
	}

	.status-todo {
	width: 46px;
	height: 22px;
	background: #fdecce;
	border-radius: 2px;
	padding: 2px 7px;
	color: #eca911;
	}
	</style>
	</head>
	<body>
	<div class="logo" style="text-align: center; margin-top: 50px">
	<img src="data:image/png;base64,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"
	alt=""/>
	</div>
	<div
	class="tickets"
	style="
	margin: 18px 0 0 42px;
	color: #909090;
	line-height: 22px;
	font-size: 20px;
	line-height: 16px;
	letter-spacing: 0.14px;
	"
	>
	Tickets
	</div>
	<div
	style="
	display: flex;
	justify-content: space-between;
	margin: 30px 76px 0 42px;
	color: #393838;
	font-size: 18px;
	line-height: 16px;
	letter-spacing: 0.14px;
	"
	>
	<div class="total">Total $!total</div>
	<div class="date">$!startDate - $!endDate</div>
	</div>
	<table style="width: 100%; padding: 20px 30px 0 30px; text-align: center">
	<tr style="font-size: 14px; line-height: 22px; color: #919191">
	<th>Id</th>
	<th>Ticket Type</th>
	<th>Summary</th>
	<th>Created Date</th>
	<th>Due Date</th>
	<th>Priority</th>
	<th>Status</th>
	<th>Assignee</th>
	</tr>
	#foreach($ticket in $tickets)
	<tr>
	<td>$!ticket.getTicketId()</td>
	<td>$!ticket.getTicketType()</td>
	<td>$!ticket.getSummary()</td>
	<td>$!ticket.getCreatedDate()</td>
	<td>$!ticket.getDueDate()</td>
	<td style="display: flex; justify-content: space-around">
	<img
	src="$!ticket.getPriorityImg()"
	alt=""
	style="align-self: center"
	/>
	<span>$!ticket.getPriority()</span>
	</td>
	<td><span class="status-start" style="color: #2f80ed;">$!ticket.getStatus()</span></td>
	<td style="display: flex; justify-content: center">
	<img
	style="align-self: center; margin-right: 8px"
	src="$!ticket.getImgUrl()"
	alt=""
	/>
	<span>$!ticket.getAssignee()</span>
	</td>
	</tr>
	#end
	</table>
	</body>
	</html>