[Developer] #424 show VPD policy details

src/main/resources/templates/vpd-policies.html

@@ -40,7 +40,15 @@
             <strong th:text="${policy.objectDisplayName()}">ADMIN.TABLE</strong>
             <div class="text-muted small" th:text="${policy.policyGroup()}">SYS_DEFAULT</div>
           </td>
-          <td><code th:text="${policy.policyName()}">POLICY</code></td>
+          <td>
+            <button class="btn btn-sm btn-outline-secondary policy-function-button"
+                    type="button"
+                    th:hx-get="@{/vpd-policies/policy-detail(objectOwner=${policy.objectOwner()},objectName=${policy.objectName()},policyName=${policy.policyName()})}"
+                    th:hx-target="${'#policy-source-' + iter.index}"
+                    hx-swap="innerHTML">
+              <code th:text="${policy.policyName()}">POLICY</code>
+            </button>
+          </td>
           <td>
             <button class="btn btn-sm btn-outline-secondary policy-function-button"
                     type="button"
@@ -66,7 +74,7 @@
         <tr>
           <td colspan="7" class="policy-source-cell">
             <div th:id="${'policy-source-' + iter.index}" class="text-muted small">
-              Policy function을 클릭하면 소스가 표시됩니다.
+              Policy 또는 policy function을 클릭하면 상세 내역이 표시됩니다.
             </div>
           </td>
         </tr>