|
14 | 14 | </div> |
15 | 15 |
|
16 | 16 | <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4"> |
17 | | - <h1 class="section-title h2 mb-0">Opiniones de clientes</h1> |
18 | | - <a sec:authorize="isAuthenticated()" th:href="@{/reviews/new}" |
19 | | - class="btn btn-success"> |
20 | | - <i class="fa-solid fa-plus me-1"></i> Nueva opinión |
21 | | - </a> |
| 17 | + <h1 class="section-title h2 mb-0"> |
| 18 | + <span th:text="${currentPath == '/reviews/desactivated'} ? 'Opiniones Desactivadas' : 'Opiniones de clientes'"></span> |
| 19 | + </h1> |
| 20 | + |
| 21 | + <div class="d-flex gap-2"> |
| 22 | + <a sec:authorize="isAuthenticated()" th:href="@{/reviews/new}" |
| 23 | + class="btn btn-success"> |
| 24 | + <i class="fa-solid fa-plus me-1"></i> Nueva opinión |
| 25 | + </a> |
| 26 | + |
| 27 | + <a sec:authorize="hasRole('ADMIN')" |
| 28 | + th:if="${currentPath != '/reviews/desactivated'}" |
| 29 | + th:href="@{/reviews/desactivated}" |
| 30 | + class="btn btn-outline-secondary"> |
| 31 | + <i class="fa-solid fa-eye-slash me-1"></i> Ver desactivadas |
| 32 | + </a> |
| 33 | + |
| 34 | + <a sec:authorize="hasRole('ADMIN')" |
| 35 | + th:if="${currentPath == '/reviews/desactivated'}" |
| 36 | + th:href="@{/reviews-productos}" |
| 37 | + class="btn btn-outline-primary"> |
| 38 | + <i class="fa-solid fa-eye me-1"></i> Ver activas |
| 39 | + </a> |
| 40 | + </div> |
22 | 41 | </div> |
23 | 42 |
|
24 | 43 | <div th:if="${#lists.isEmpty(reviewsproductos)}" class="empty-state text-center py-5"> |
@@ -91,15 +110,25 @@ <h5 class="mb-1" th:text="${review.title}">Título</h5> |
91 | 110 | class="btn btn-sm btn-outline-secondary"> |
92 | 111 | <i class="fa-solid fa-pen me-1"></i> Editar |
93 | 112 | </a> |
94 | | - <a sec:authorize="hasRole('ADMIN')" th:href="@{/reviews/desactivate/{id}(id=${review.id})}" |
95 | | - class="btn btn-sm btn-outline-danger" |
96 | | - data-bs-toggle="modal" |
97 | | - data-bs-target="#userActionModal" |
98 | | - th:attr="data-url=@{/reviews/desactivate/{id}(id=${review.id})}" |
99 | | - data-action="desactivar" |
100 | | - data-name="esta opinión"> |
101 | | - <i class="fa-solid fa-trash me-1"></i> Desactivar |
102 | | - </a> |
| 113 | + <div sec:authorize="hasRole('ADMIN')"> |
| 114 | + <a th:if="${review.active}" |
| 115 | + href="#" |
| 116 | + class="btn btn-sm btn-outline-danger" |
| 117 | + data-bs-toggle="modal" |
| 118 | + data-bs-target="#userActionModal" |
| 119 | + th:attr="data-url=@{/reviews/desactivate/{id}(id=${review.id})}, data-action='desactivar', data-name='esta opinión'"> |
| 120 | + <i class="fa-solid fa-trash me-1"></i> Desactivar |
| 121 | + </a> |
| 122 | + |
| 123 | + <a th:unless="${review.active}" |
| 124 | + href="#" |
| 125 | + class="btn btn-sm btn-outline-success" |
| 126 | + data-bs-toggle="modal" |
| 127 | + data-bs-target="#userActionModal" |
| 128 | + th:attr="data-url=@{/reviews/activate/{id}(id=${review.id})}, data-action='activar', data-name='esta opinión'"> |
| 129 | + <i class="fa-solid fa-check me-1"></i> Activar |
| 130 | + </a> |
| 131 | + </div> |
103 | 132 | </div> |
104 | 133 | </div> |
105 | 134 | </div> |
|
0 commit comments