..

src/main/resources/templates/content/home.html

@@ -11,11 +11,7 @@
     <script type="text/javascript" th:src="@{/js/test.js}"></script>
     <link th:href="@{/css/toast-ui-dark.css}" rel="stylesheet" />
     <script th:inline="javascript">
-        // document.addEventListener("DOMContentLoaded", onLoaded);
-        function goToViewer(item) {
-            let uploadUrl = getMainPath() + "/blog/viewer/"+item.attributes['data'].value;
-            location.href = uploadUrl
-        }
+
     </script>
 </th:block>
 <th:block layout:fragment="content" id="content">
@@ -51,7 +47,7 @@
             <div class="row" th:each="row : ${Posts}">
                 <section class="col-6 col-12-narrower" th:each="post : ${row}">
                     <!--                    <span th:text="${cell}"></span>-->
-                    <div class="box post" onclick="goToViewer(this)" th:data="${post.id}">
+                    <div class="box post" onclick="goToViewer(this)" th:id="${post.id}">
                         <a href="#" class="image left"><img  th:src="${#strings.length(post.thumb) > 0} ? ${post.thumb} : 'images/pic01.jpg'" alt="" /></a>
                         <div class="inner">
                             <h3 th:text="${#strings.length(post.title) > 0} ? ${post.title} : ('untitled[' + ${#temporals.format(T(java.time.Instant).ofEpochMilli(post.writeTime).atZone(T(java.time.ZoneId).systemDefault()).toLocalDateTime(), 'yyyy-MM-dd HH:mm:ss')} + ']')"></h3>