From 6dbf60cb570b98346402efffdeab532ce518335f Mon Sep 17 00:00:00 2001
From: Anton Romanov <a.romanov@ulstu.ru>
Date: Tue, 25 Apr 2023 15:53:25 +0400
Subject: [PATCH] #91 -- add accordion

---
 src/main/resources/templates/assessments.html | 63 ++++++++++++++++---
 1 file changed, 53 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/templates/assessments.html b/src/main/resources/templates/assessments.html
index 98db8ac..d9a3721 100644
--- a/src/main/resources/templates/assessments.html
+++ b/src/main/resources/templates/assessments.html
@@ -35,17 +35,60 @@
         </div>
     </form>
     <div th:if="${assessments != null && #lists.size(assessments) > 0}">
-        <h5>Состояние репозитория описывается следующими выражениями:</h5>
-        <div th:each="assessment, itemStat: ${assessments}">
-            <span th:text="${itemStat.index+1} + '.' "></span>
-            <span th:text="${assessment.consequent}"></span>
-            вследствие тенденции '<span th:text="${assessment.firstAntecedentTendency}"></span>' показателя '<span
-                th:text="${assessment.firstAntecedent.description}"></span>'
-            и тенденции '<span th:text="${assessment.secondAntecedentTendency}"></span>' показателя '<span
-                th:text="${assessment.secondAntecedent.description}"></span>';
-            <span class="badge badge-warning" th:text="${#numbers.formatDecimal(assessment.degree,1, 5)}"></span>
-            <hr/>
+        <h5 class="m-5">На основе прогноза тенденций показателей репозитория отмечаются следующие характеристики:</h5>
+        <div class="accordion" id="accordionExample">
+            <div class="card" th:each="assessment, itemStat: ${assessments}">
+                <div class="card-header" id="headingOne">
+                    <h2 class="mb-0">
+                        <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse"
+                                th:data-target="'#collapse' + ${itemStat.index}"
+                                aria-expanded="true"
+                                aria-controls="collapseOne"
+                                th:text="${itemStat.index+1} + '. ' + ${assessment.consequent}">
+                        </button>
+                    </h2>
+                </div>
+
+                <div th:id="'collapse' + ${itemStat.index}" class="collapse" aria-labelledby="headingOne"
+                     data-parent="#accordionExample">
+                    <div class="card-body">
+                        вследствие тенденции '<span th:text="${assessment.firstAntecedentTendency}"></span>' показателя
+                        '<span
+                            th:text="${assessment.firstAntecedent.description}"></span>'
+                        и тенденции '<span th:text="${assessment.secondAntecedentTendency}"></span>' показателя '<span
+                            th:text="${assessment.secondAntecedent.description}"></span>';
+                        <span class="badge badge-warning"
+                              th:text="${#numbers.formatDecimal(assessment.degree,1, 5)}"></span>
+                    </div>
+                </div>
+            </div>
         </div>
+
+        <!--        <div class="accordion">-->
+        <!--            <div class="card" th:each="assessment, itemStat: ${assessments}">-->
+        <!--                <h2 class="card-header" id="headingOne">-->
+        <!--                    <span th:text="${itemStat.index+1} + '.' "></span>-->
+        <!--                    <button th:text="${assessment.consequent}" class="accordion-button" type="button"-->
+        <!--                            data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"-->
+        <!--                            aria-controls="collapseOne">-->
+        <!--                        Accordion Item #1-->
+        <!--                    </button>-->
+        <!--                </h2>-->
+        <!--                <div id="collapseOne1" class="collapse show" aria-labelledby="headingOne"-->
+        <!--                     data-bs-parent="#accordionExample">-->
+        <!--                    <div class="card-body">-->
+        <!--                        вследствие тенденции '<span th:text="${assessment.firstAntecedentTendency}"></span>' показателя-->
+        <!--                        '<span-->
+        <!--                            th:text="${assessment.firstAntecedent.description}"></span>'-->
+        <!--                        и тенденции '<span th:text="${assessment.secondAntecedentTendency}"></span>' показателя '<span-->
+        <!--                            th:text="${assessment.secondAntecedent.description}"></span>';-->
+        <!--                        <span class="badge badge-warning"-->
+        <!--                              th:text="${#numbers.formatDecimal(assessment.degree,1, 5)}"></span>-->
+        <!--                    </div>-->
+        <!--                </div>-->
+        <!--            </div>-->
+        <!--            <hr/>-->
+        <!--        </div>-->
     </div>
     <div th:if="${assessments != null && #lists.size(assessments) == 0}">
         <h5>Нет результатов</h5>