Marcelino trabalho1

src/app/Evento.ts

@@ -9,9 +9,16 @@ export class Evento {
     public estado : string;
     public local : string;
 
-    constructor(id: number, nome: string, sigla: string) {
+    constructor(id: number, nome: string, sigla: string, inicio: string,
+       termino: string, url: string, cidade: string, estado: string, local: string) {
         this.id = id;
         this.nome = nome;
         this.sigla = sigla;
+        this.inicio = inicio;
+        this.termino = termino;
+        this.url = url;
+        this.cidade = cidade;
+        this.estado = estado;
+        this.local = local;
     }
-}
+}

src/app/evento-manager.component.html

@@ -19,27 +19,90 @@ <h2>Cadastro de eventos</h2>
             placeholder="Sigla do evento" required>
         <div class="alert alert-danger" [hidden]="sigla.valid || sigla.pristine">Você deve informar a sigla do evento.</div> 
     </div>
+
+	<div class="form-group">
+        <label for="inicio">
+        Início
+        </label>
+        <input type="text" id="inicio" name="inicio" class="form-control"
+            [(ngModel)]="evento.inicio" #inicio="ngModel"
+            placeholder="Início do Evento" required>
+        <div class="alert alert-danger" [hidden]="inicio.valid || inicio.pristine">Você deve informar a data determinada para o início do evento.</div>
+    </div>
+
+	<div class="form-group">
+        <label for="termino">
+        Témino
+        </label>
+        <input type="text" id="termino" name="termino" class="form-control"
+            [(ngModel)]="evento.termino" #termino="ngModel"
+            placeholder="Término do Evento" required>
+        <div class="alert alert-danger" [hidden]="termino.valid || termino.pristine">Você deve informar a data determinada para o término do evento.</div>
+    </div>
+
+	<div class="form-group">
+        <label for="url">
+        URL
+        </label>
+        <input type="text" id="url" name="url" class="form-control"
+            [(ngModel)]="evento.url" #url="ngModel"
+            placeholder="URL do Evento" required>
+        <div class="alert alert-danger" [hidden]="url.valid || url.pristine">Você deve informar a url do evento.</div>
+    </div>
+
+	<div class="form-group">
+        <label for="cidade">
+        Cidade
+        </label>
+        <input type="text" id="cidade" name="cidade" class="form-control"
+            [(ngModel)]="evento.cidade" #cidade="ngModel"
+            placeholder="Cidade do Evento" required>
+        <div class="alert alert-danger" [hidden]="cidade.valid || cidade.pristine">Você deve informar a cidade do evento.</div>
+    </div>
+
+	<div class="form-group">
+        <label for="estado">
+        Estado
+        </label>
+        <input type="text" id="estado" name="estado" class="form-control"
+            [(ngModel)]="evento.estado" #estado="ngModel"
+            placeholder="Estado do Evento" required>
+        <div class="alert alert-danger" [hidden]="estado.valid || estado.pristine">Você deve informar o estado do evento.</div>
+    </div>
+
+	<div class="form-group">
+        <label for="local">
+        Local
+        </label>
+        <input type="text" id="local" name="local" class="form-control"
+            [(ngModel)]="evento.local" #local="ngModel"
+            placeholder="Local do Evento" required>
+        <div class="alert alert-danger" [hidden]="local.valid || local.pristine">Você deve informar o local do evento.</div>
+    </div>
 
     <button type="submit" class="btn btn-success" [disabled]="!formCadastro.form.valid">Salvar</button> 
     <button type="button" class="btn btn-default" (click)="novoEvento(); formCadastro.reset()">Novo</button>
     </form>
 </div>
 <div [hidden]="!enviado" class="alert alert-success">
     <p>Dados cadastrados com sucesso!</p>
-    <p><button class="btn btn-default" (click)="novoEvento(); enviado = false">Cadastrar novo evento</button>
+    <p><button class="btn btn-default" (click)="novoEvento(); enviado = false;editar=false">Cadastrar novo evento</button>
 </div>
 
 <h2>Eventos existentes</h2>
-<ul>
-    <li *ngFor="let evento of eventos">
-    {{ evento.sigla }} <button (click)="mostrarDetalhes(evento)">Detalhes</button>
-    </li>
-</ul>
+<table>
+    <tr *ngFor="let evento of eventos">
+    <td>{{ evento.sigla }} </td>
+	<td><button (click)="mostrarDetalhes(evento)">Detalhes</button><td>
+	<td><button (click)="editarEvento(evento)">Editar</button><td>
+	<td><button (click)="excluirEvento(evento)">Excluir</button><td>
+    </tr>
+</table>
 
 <div *ngIf="eventoSelecionado">
     <h3>{{eventoSelecionado.nome}} - {{eventoSelecionado.sigla}}</h3>
     <p>De {{eventoSelecionado.inicio}} a {{eventoSelecionado.termino}},
         em {{eventoSelecionado.cidade}} - {{eventoSelecionado.estado}},
     no(a) {{eventoSelecionado.local}}.</p>
     <p>Mais informações no site <a [href]="eventoSelecionado.url">{{eventoSelecionado.url}}</a>.</p>        
-</div>
+</div>

src/app/evento-manager.component.ts

@@ -8,19 +8,21 @@ import { Evento } from './Evento';
 export class EventoManagerComponent {
   eventos: Evento[];
   eventoSelecionado: Evento = null;
-  evento: Evento = new Evento(0, '', '');
+  id: number = 3;
+  evento: Evento = new Evento(this.id+1, '', '', '','','','','','');
   enviado: boolean = false;
+  pos: number;
 
   constructor() {
     this.eventos = [
-      new Evento(1, 'XIX Congresso de Computação e Sistemas de Informação', 'ENCOINFO'),
-      new Evento(2, 'XIII Simpósio Brasileiro de Sistemas de Informação', 'SBSI'),
-      new Evento(3, 'XXXVII Congresso da Sociedade Brasileira de Computação', 'CSBC')
+      new Evento(1, 'XIX Congresso de Computação e Sistemas de Informação', 'ENCOINFO','15-05-2017','18-05-2017','http://ulbra-to.br/encoinfo/site/','Palmas','TO','CEULP/ULBRA'),
+      new Evento(2, 'XIII Simpósio Brasileiro de Sistemas de Informação', 'SBSI','05-06-2017','08-06-2017','http://sbsi2017.dcc.ufla.br/','Lavras','MG','UFLA'),
+      new Evento(3, 'XXXVII Congresso da Sociedade Brasileira de Computação', 'CSBC','02-06-2017','06-06-2017','http://csbc2017.mackenzie.br/','São Paulo','SP','Universidade Presbiteriana Mackenzie')
     ];
   }
 
   preencherNovoEvento(): void {
-    this.evento = new Evento(0, "", "");
+    this.evento = new Evento(this.id + 1, '', '', '','','','','','');
   }
 
   mostrarDetalhes(evento: Evento) : void {
@@ -36,4 +38,24 @@ export class EventoManagerComponent {
   novoEvento() : void {
     this.preencherNovoEvento();
   }
+  editarEvento(evento: Evento){
+
+    this.pos = this.eventos.indexOf(evento);
+    this.evento.id = evento.id;
+    this.evento.nome = evento.nome;
+    this.evento.sigla = evento.sigla;
+    this.evento.inicio = evento.inicio;
+    this.evento.termino = evento.termino;
+    this.evento.url = evento.url;
+    this.evento.cidade = evento.cidade;
+    this.evento.estado = evento.estado;
+    this.evento.local = evento.local;
+    this.eventos.splice(this.pos,1, this.evento);
+
+  }
+
+  excluirEvento(evento: Evento): void{
+    let pos = this.eventos.indexOf(evento);
+    this.eventos.splice(pos,1);
+  }
 }