Untitled

mail@pastecode.io avatar
unknown
plain_text
3 years ago
3.2 kB
1
Indexable
Never
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
        name="viewport">
  <meta content="ie=edge" http-equiv="X-UA-Compatible">

  <title>Invoice</title>
</head>

<body>
<div>

<pre>
  <strong>Invoice No : </strong><span th:text="${invoiceData.invoiceNo}"></span>
</pre>
  <hr/>
  <pre>
    <strong>Project : </strong><span th:text="${invoiceData.projectId}"></span>
    <strong>Issue Date : </strong><span th:text="${invoiceData.metadata.day}"></span>/<span th:text="${invoiceData.metadata.month}"></span>/<span th:text="${invoiceData.metadata.year}"></span>
    <strong>Period : </strong><span th:text="${#temporals.format(invoiceData.startDate, 'dd/MM/yyyy')}"></span> - <span th:text="${#temporals.format(invoiceData.endDate, 'dd/MM/yyyy')}"></span>
  </pre>
  <hr/>
  <p style="text-align: right;">
    <strong>Total Price : </strong><span th:text="${#numbers.formatDecimal(invoiceData.totalPrice, 1, 'COMMA', 5, 'POINT')}"></span>
  </p>
  <table>
    <thead>
    <tr>
      <th>Service</th>
      <th>Skus</th>
      <th>Description</th>
      <th>Amount</th>
      <th>Amount Unit</th>
      <th>Price Per Unit(<span th:text="${invoiceData.priceUnit}"></span>)</th>
      <th>Total Price(<span th:text="${invoiceData.priceUnit}"></span>)</th>
    </tr>
    </thead>
    <tbody th:each="item : ${invoiceData.items}">
    <tr>
      <td><span th:text="${item.metadata.serviceId}"></span></td>
      <td><span th:text="${item.name}"></span></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>
        <p th:each="price : ${item.prices}">
          <span th:text="${price.description}"></span>
        </p>
      </td>
      <td class="text-right">
        <p th:each="price : ${item.prices}">
          <span th:text="${#numbers.formatDecimal(price.amount, 1, 'COMMA', 5, 'POINT')}"></span>
        </p>
      </td>
      <td class="text-center">
        <p th:each="price : ${item.prices}">
          <span th:text="${price.amountUnit}"></span>
        </p>
      </td>
      <td class="text-right">
        <p th:each="price : ${item.prices}">
          <span th:text="${#numbers.formatDecimal(price.pricePerUnit, 1, 'COMMA', 5, 'POINT')}"></span>
        </p>
      </td>
      <td class="text-right">
        <p th:each="price : ${item.prices}">
          <span th:text="${#numbers.formatDecimal(price.price, 1, 'COMMA', 5, 'POINT')}"></span>
        </p>
      </td>
    </tr>
    </tbody>
    <tfoot>
    </tfoot>
  </table>
</div>
</body>

<style>
  body {
    width: 210mm;
    height: 297mm;
  }

  table, th {
    border: 1px solid black;
    border-collapse: collapse;
  }

  tr {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
  }

  td {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }
</style>

</html>