Revize 93a318b7

#1 Add links to AP Detail

- added links to anti-pattern detail in result table header
- added some basic comments in edited files
- html code rafactor

src/main/java/cz/zcu/fav/kiv/antipatterndetectionapp/model/AntiPattern.java

@@ -65 +65 @@
         this.configurations = configurations;
     }
 
+    public String getUrl() {
+        return "<a href='/anti-patterns/" + this.id.toString() + "'>Detail</a>";
+    }
+
     @Override
     public String toString() {
         return "AntiPattern{" +
@@ -72 +76 @@
                 ", printName='" + printName + '\'' +
                 ", name='" + name + '\'' +
                 ", description='" + description + '\'' +
+                ", configurations=" + configurations +
                 '}';
     }
 }

src/main/webapp/WEB-INF/templates/result.html

@@ -28 +28 @@
 <!-- Navigation bar imported -->
 <div th:replace="fragments/navbar :: navBar"></div>
 <!-- ./Navigation bar imported -->
+
+<!-- Result table container -->
 <div class="container">
     <h1>Results</h1>
     <table class="table table-bordered table-hover">
+        <!-- Result table header -->
         <thead>
         <tr>
             <th scope="col">#</th>
             <th scope="col">Project Name</th>
-            <th scope="col" th:text="${antiPattern.getAntiPattern().printName}"
-                th:each="antiPattern: ${queryResults.get(0).getQueryResultItems()}"></th>
+            <th scope="col" th:each="antiPattern: ${queryResults.get(0).getQueryResultItems()}">
+                <a data-toggle="popover"
+                   title="Anti-Pattern info"
+                   data-html="true"
+                   data-content=""
+                   th:text="${antiPattern.getAntiPattern().printName}"
+                   th:attr="data-content=${antiPattern.getAntiPattern().getUrl()}"
+                >
+                </a>
+            </th>
         </tr>
         </thead>
+        <!-- ./Result table header -->
+
+        <!-- Result table content -->
         <tbody>
         <tr th:each="queryResult : ${queryResults}">
             <td th:text="${queryResult.getProject().id}"></td>
@@ -47 +61 @@
 
                 <div th:if="${resultItems.isDetected()}">
                     <div class="container">
-                        <a data-toggle="popover" title="Detection details" data-html="true" data-content="" th:attr="data-content=${resultItems.resultDetailsToString()}">
+                        <a data-toggle="popover"
+                           title="Detection details"
+                           data-html="true"
+                           data-content=""
+                           th:attr="data-content=${resultItems.resultDetailsToString()}">
                             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
-                                fill="currentColor" class="bi bi-check my-center found-bg icon-style" viewBox="0 0 16 16">
+                                 fill="currentColor" class="bi bi-check my-center found-bg icon-style"
+                                 viewBox="0 0 16 16">
                                 <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
                             </svg>
                         </a>
@@ -57 +76 @@
                 </div>
                 <div th:unless="${resultItems.isDetected()}">
                     <div class="container">
-                        <a data-toggle="popover" title="Detection details" data-html="true" data-content="" th:attr="data-content=${resultItems.resultDetailsToString()}">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x not-found-bg icon-style" viewBox="0 0 16 16">
-                            <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
-                        </svg>
+                        <a data-toggle="popover"
+                           title="Detection details"
+                           data-html="true" data-content=""
+                           th:attr="data-content=${resultItems.resultDetailsToString()}">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
+                                 class="bi bi-x not-found-bg icon-style" viewBox="0 0 16 16">
+                                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+                            </svg>
                         </a>
                     </div>
                 </div>
             </td>
         </tr>
         </tbody>
+        <!-- ./Result table content -->
     </table>
+
+    <!-- Table legend -->
     <h6>Legend:</h6>
     <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
          fill="currentColor" class="bi bi-check my-center found-bg icon-style" viewBox="0 0 16 16">
@@ -75 +101 @@
     </svg>
     - Anti-pattern detected
     <br>
-    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x not-found-bg icon-style" viewBox="0 0 16 16">
+    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
+         class="bi bi-x not-found-bg icon-style" viewBox="0 0 16 16">
         <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
     </svg>
     - Anti-pattern NOT detected
@@ -84 +111 @@
             <button type="submit" class="btn btn-primary btn-lg btn-block">Back Home</button>
         </form>
     </div>
+    <!-- ./Table legend -->
 </div>
+<!-- ./Result table container -->
 
-
+<!-- Script to popover -->
 <script>
-    $(document).ready(function(){
+    $(document).ready(function () {
         $('[data-toggle="popover"]').popover();
     });
 </script>
+<!-- ./Script to popover -->
+
 </body>
 </html>