Forráskód Böngészése

Replace table layout in end enactment

Arkadiusz Ryś 2 éve
szülő
commit
463028177a
1 módosított fájl, 15 hozzáadás és 24 törlés
  1. 15 24
      src/main/resources/templates/endEnactment.html

+ 15 - 24
src/main/resources/templates/endEnactment.html

@@ -5,30 +5,21 @@
 </head>
 <body>
 <main>
-  <h1>Wee: Workflow Enactment Engine</h1>
-  <div>
-    <h3 th:inline="text">Enactment of the Process Model: [[${session.pm.name}]] has ended!</h3>
-    <a th:href="@{/}"> HOME </a>
-  </div>
-  <div>
-    <h3 th:inline="text">Trace: [[${session.trace.name}]] </h3>
-    <h4 th:inline="text">Started at: [[${session.trace.timestampF}]] </h4>
-    <table>
-      <th:block th:each="ev : ${session.trace.events}">
-        <tr>
-          <td th:if="${ev.class.name == 'ua.be.wee.model.pt.StartActivityEvent'}">begin:</td>
-          <td th:if="${ev.class.name == 'ua.be.wee.model.pt.EndActivityEvent'}">end:</td>
-          <td colspan="2" th:if="${ev.class.name != 'ua.be.wee.model.pt.EndTraceEvent'}" th:text="${ev.relatesTo.activity.name}">...</td>
-          <td th:if="${ev.class.name == 'ua.be.wee.model.pt.EndTraceEvent'}">End of Trace at:</td>
-          <td colspan="2" th:if="${ev.class.name == 'ua.be.wee.model.pt.EndTraceEvent'}" th:text="${ev.timestampF}">...</td>
-        </tr>
-        <tr th:if="${ev.class.name != 'ua.be.wee.model.pt.EndTraceEvent'}">
-          <td colspan="2">port:</td>
-          <td>[[${ev.relatesTo.name}]]</td>
-        </tr>
-      </th:block>
-    </table>
-  </div>
+  <section class="pt-6 pb-6 pl-5 pr-5">
+    <h2 class="is-size-3 is-capitalized">Workflow Enactment Engine</h2>
+    <p th:inline="text">Enactment of the Process Model: [[${session.pm.name}]] has ended!</p>
+    <a th:href="@{/}">HOME</a>
+    <p th:inline="text">Trace: [[${session.trace.name}]]</p>
+    <p th:inline="text">Started at: [[${session.trace.timestampF}]]</p>
+    <th:block th:each="ev : ${session.trace.events}">
+      <p th:if="${ev.class.name == 'ua.be.wee.model.pt.StartActivityEvent'}">Begin:</p>
+      <p th:if="${ev.class.name == 'ua.be.wee.model.pt.EndActivityEvent'}">End:</p>
+      <p th:if="${ev.class.name != 'ua.be.wee.model.pt.EndTraceEvent'}" th:text="${ev.relatesTo.activity.name}"></p>
+      <p th:if="${ev.class.name == 'ua.be.wee.model.pt.EndTraceEvent'}">End of Trace at:</p>
+      <p th:if="${ev.class.name == 'ua.be.wee.model.pt.EndTraceEvent'}" th:text="${ev.timestampF}"></p>
+      <p th:if="${ev.class.name != 'ua.be.wee.model.pt.EndTraceEvent'}">port: [[${ev.relatesTo.name}]]</p>
+    </th:block>
+  </section>
 </main>
 </body>
 </html>