Browse Source

WIP: Use fragments for automated activities

Arkadiusz Ryś 1 year ago
parent
commit
1b20548bdd

+ 1 - 16
src/main/resources/templates/enact.html

@@ -5,22 +5,7 @@
 </head>
 <body>
 <main>
-  <article class="panel is-primary automated-activities">
-    <p class="panel-heading">Automated Activities</p>
-    <a class="panel-block automated-activity">
-      <progress class="progress is-medium is-success activity" value= "100" max="100"></progress>
-      <span>Example Completed Activity 1</span>
-    </a>
-
-    <a class="panel-block automated-activity">
-      <progress class="progress is-medium is-info activity" max="100"></progress>
-      <span>Example In Progress Activity 2</span>
-    </a>
-
-    <a class="panel-block">
-      <button class="button is-primary"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
-    </a>
-  </article>
+  <article th:replace="fragments/activities.html :: article"></article>
 
   <section class="pt-6 pb-6 pl-5 pr-5">
     <div class="columns">

+ 22 - 0
src/main/resources/templates/fragments/activities.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<article th:fragment="article" class="panel is-primary automated-activities">
+  <p class="panel-heading">Automated Activities</p>
+  <a class="panel-block automated-activity">
+    <progress class="progress is-medium is-success activity" value= "100" max="100"></progress>
+    <span>Example Completed Activity 1</span>
+  </a>
+
+  <a class="panel-block automated-activity">
+    <progress class="progress is-medium is-info activity" max="100"></progress>
+    <span>Example In Progress Activity 2</span>
+  </a>
+
+  <a class="panel-block">
+    <button class="button is-primary"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
+  </a>
+</article>
+<body>
+
+</body>
+</html>