[#175] Card de error y de exito

metas-frsf · Oct 13, 2023 · 7e00079 · 7e00079
1 parent a5010f3
commit 7e00079
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 0 deletions.
diff --git a/src/app/_models/padron.ts b/src/app/_models/padron.ts
@@ -0,0 +1,6 @@
+export class Estudiante{
+  dni: number;
+  legajo: number;
+  nombre: string;
+  carrera: string;
+}
diff --git a/src/app/padron/padron.component.html b/src/app/padron/padron.component.html
@@ -24,3 +24,34 @@ <h2>CONSULTA DE PADRÓN 2023</h2>
     </div>
   </div>
 </div>
+
+<div class="row mt-2" *ngIf="consultado && votante!==null">
+  <div class="col-md-6 offset-md-3">
+    <div class="card text-center">
+      <div class="card-header bg-success text-light">
+        <h2>Tschopp, Juan Blas</h2>
+      </div>
+      <div class="card-body">
+        <b>DNI:</b> 42.530.052 <br />
+        <b>Legajo:</b> 26063 <br />
+        <b>Carrera:</b> Ing. Sist. Inf. <br />
+        <br />
+        <b>Habilitado/a para votar</b>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row mt-2" *ngIf="consultado && votante===null">
+  <div class="col-md-6 offset-md-3">
+    <div class="card text-center">
+      <div class="card-header bg-danger text-light">
+        <h2>DNI no encontrado</h2>
+      </div>
+      <div class="card-body">
+        No encontramos tu DNI en el padrón. <br />
+        Contactate con la Junta Electoral antes del 20/10.
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/padron/padron.component.ts b/src/app/padron/padron.component.ts
@@ -1,4 +1,5 @@
 import { Component, inject } from "@angular/core";
+import { Estudiante } from "@app/_models/padron";
 import { PadronService } from "@app/_services/padron.service";
 
 @Component({
@@ -8,6 +9,8 @@ import { PadronService } from "@app/_services/padron.service";
 })
 export class PadronComponent {
   dni: string;
+  consultado: boolean = false;
+  votante: Estudiante = null;
 
   private padronService = inject(PadronService);
 
@@ -22,5 +25,6 @@ export class PadronComponent {
         console.log(error);
       }
     );
+    this.consultado = true;
   }
 }