nuevas vistas

frontend/src/app/components/sectores/sectores.component.html

@@ -0,0 +1,52 @@
+<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="auth.user$ | async as user">
+<code>{{user | 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>