67 lines
1.3 KiB
HTML
67 lines
1.3 KiB
HTML
<table class="table table-bordered table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">#</th>
|
|
<th scope="col">First</th>
|
|
<th scope="col">Last</th>
|
|
<th scope="col">Handle</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr data-bs-toggle="modal" data-bs-target="#AgregarSectores">
|
|
<th scope="row">1</th>
|
|
<td>Mark</td>
|
|
<td>Otto</td>
|
|
<td>@mdo</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">2</th>
|
|
<td>Jacob</td>
|
|
<td>Thornton</td>
|
|
<td>@fat</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">3</th>
|
|
<td>Larry</td>
|
|
<td>the Bird</td>
|
|
<td>@twitter</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<pre *ngIf="dato">
|
|
<code>{{dato | json}}</code>
|
|
|
|
</pre>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<table class="table table-bordered table-hover" *ngIf="usuarios" border="2">
|
|
<thead >
|
|
<tr>
|
|
<td scope="col">id</td><td scope="col">nombre</td><td scope="col">roles</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let r of usuarios.data" data-bs-toggle="modal" data-bs-target="#ModificarUsuarios">
|
|
<td>{{r.id}}</td>
|
|
<td>{{r.nombre}}</td>
|
|
<td> <span *ngFor="let f of r.roles" class="badge badge-success spam_magin">{{f}}</span> </td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#AgregarUsuarios">
|
|
Agregar
|
|
</button>
|
|
<app-modal></app-modal>
|