tuanicom / incap / 1797

coverage: 88.983% (-0.4%) from 89.354%
1797

push

circleci

web-flow 
Merge pull request #618 from tuanicom/tailwind-primeng

Migrate from Bootstrap to Tailwind CSS and PrimeNG

241 of 276 branches covered (87.32%)

Branch coverage included in aggregate %.

169 of 206 new or added lines in 16 files covered. (82.04%)

3 existing lines in 3 files now uncovered.

599 of 668 relevant lines covered (89.67%)

4.25 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

68.42
/frontend/src/app/admin/users/components/list/list.component.html
1 
<div class="overflow-x-auto">
5✔
2 
  <table class="w-full border-collapse border border-gray-200 rounded-lg overflow-hidden shadow-sm">
3 
    <caption class="caption-top mb-4 text-lg font-semibold text-gray-900">Users list</caption>
5✔
4 
    <thead class="bg-gray-50 border-b border-gray-200">
5✔
5 
      <tr>
6 
        <th id="userId" class="px-6 py-3 text-left text-sm font-medium text-gray-900">Name</th>
5✔
7 
        <th id="userActions" class="px-6 py-3 text-right text-sm font-medium text-gray-900">Actions</th>
5✔
8 
      </tr>
9 
    </thead>
10 
    <tbody class="divide-y divide-gray-200">
5✔
11 
      @for (user of users$ | async; track user) {
10✔
NEW
12 
        <tr class="hover:bg-gray-50 transition-colors">
×
NEW
13 
          <td class="px-6 py-4 text-sm text-gray-900">{{user.name}}</td>
×
NEW
14 
          <td class="px-6 py-4 text-right flex gap-2 justify-end">
×
15 
            <button
NEW
16 
              (click)="deleteUser(user._id)"
×
17 
              class="inline-flex items-center justify-center rounded-md px-2 py-1 bg-gray-100 text-gray-900 hover:bg-gray-200 transition-colors"
18 
              title="Delete">
NEW
19 
              <fa-icon [icon]="icons['trash']" class="w-4 h-4"></fa-icon>
×
UNCOV
20 
            </button>
×
21 
          </td>
22 
        </tr>
23 
      }
24 
    </tbody>
5✔
25 
    <tfoot class="bg-gray-50 border-t border-gray-200">
5✔
26 
      <tr>
27 
        <td colspan="2" class="px-6 py-4">
28 
          <button
29 
            (click)="addUser()"
5✔
30 
            class="inline-flex items-center gap-2 px-4 py-2 rounded-md bg-gray-100 text-gray-900 hover:bg-gray-200 transition-colors font-medium">
31 
            <fa-icon [icon]="icons['plus']" class="w-4 h-4"></fa-icon>
10✔
32 
            Add User
5✔
33 
          </button>
5✔
34 
        </td>
35 
      </tr>
36 
    </tfoot>
37 
  </table>
38 
</div>