Evento

src/app/categorias/categorias.component.html

@@ -6,15 +6,38 @@
 		<ion-title>Home</ion-title>
 	</ion-toolbar>
 </ion-header>
-
+<!--
 <ion-content>
 	<ion-card *ngFor="let categoria of categorias">
 		<img src="{{'data:image/jpg;base64,' + categoria.icone}}" />
 		<ion-card-header>
-			<a routerLink="/eventos/{{categoria.idCategoria}}">Ver Eventos</a>
-			<ion-card-subtitle>{{categoria.dataDeCadastro}}</ion-card-subtitle>
+			<a routerLink="/eventos/{{categoria.idCategoria}}"></a>Ver Eventos</a>
 			<ion-card-title>{{categoria.nome}}</ion-card-title>
 		</ion-card-header>
 		<ion-card-content>{{categoria.descricao}}</ion-card-content>
 	</ion-card>
+</ion-content>
+-->
+
+
+<ion-content>
+	<ion-list>
+		<ion-list-header>
+			CATEGORIAS
+		</ion-list-header>
+
+		<ion-item *ngFor="let categoria of categorias">
+			<ion-avatar slot="start">
+				<a routerLink="/eventos/{{categoria.idCategoria}}">
+					<img src="{{'data:image/jpg;base64,' + categoria.icone}}"/>
+				</a>
+			</ion-avatar>
+			<ion-label>
+				<a routerLink="/eventos/{{categoria.idCategoria}}">
+					<h2>{{categoria.nome}}</h2>
+					<p>{{categoria.descricao}}</p>
+				</a>
+			</ion-label>
+		</ion-item>
+	</ion-list>
 </ion-content>

src/app/categorias/categorias.component.scss

@@ -1,4 +1,4 @@
-.welcome-card img {
-  max-height: 35vh;
-  overflow: hidden;
+a {
+  text-decoration: none;
+  color: blueviolet;
 }

src/app/evento/evento.component.html

@@ -1,3 +1,19 @@
-<p>
-  evento works!
-</p>
+<ion-header>
+	<ion-toolbar>
+		<ion-buttons slot="start">
+			<ion-menu-button></ion-menu-button>
+		</ion-buttons>
+		<ion-title>Home</ion-title>
+	</ion-toolbar>
+</ion-header>
+
+<ion-content fullscreen>
+	<ion-card>
+		<img src="{{'data:image/jpg;base64,' + evento?.imagemPrincipal}}"/>
+		<ion-card-header>
+			<ion-card-subtitle>{{evento?.dataDeInicio | date:'d/M/yy, h:mm a'}}</ion-card-subtitle>
+			<ion-card-title>{{evento?.titulo}}</ion-card-title>
+		</ion-card-header>
+		<ion-card-content [innerHTML]="evento?.corpo"></ion-card-content>
+	</ion-card>
+</ion-content>

src/app/evento/evento.component.ts

@@ -5,7 +5,7 @@ import { Evento } from '../eventos/evento.model';
 import { EventoService } from '../eventos/eventos.service';
 
 @Component({
-	selector: 'app-evento',
+	selector: 'evento',
 	templateUrl: './evento.component.html',
 	styleUrls: ['./evento.component.scss'],
 })
@@ -24,10 +24,8 @@ export class EventoComponent implements OnInit {
 			if (params['idEvento']) {
 				this.eventoService.buscarEventoPorId(parseInt(params['idEvento'])).subscribe(
 					(res) => {
-						if (res) {
-							this.evento = res;
-							this.presentToast(res.titulo);
-						}
+						this.evento = res;
+						this.presentToast(res.titulo);
 					},
 					(erro) => {
 						this.presentToast("Não foi possivel visualizar este evento. Tente novamente.");

src/app/eventos/eventos.component.html

@@ -12,7 +12,7 @@
 		<img src="{{'data:image/jpg;base64,' + evento.imagemPrincipal}}" />
 		<ion-card-header>
 			<a routerLink="/evento/{{evento.idEvento}}">Ver evento</a>
-			<ion-card-subtitle>{{evento.dataDeInicio}}</ion-card-subtitle>
+			<ion-card-subtitle>{{evento.dataDeInicio | date:'d/M/yy, h:mm a'}}</ion-card-subtitle>
 			<ion-card-title>{{evento.titulo}}</ion-card-title>
 		</ion-card-header>
 		<ion-card-content>{{evento.descricao}}</ion-card-content>

src/app/https-request-interceptor.ts

@@ -20,15 +20,12 @@ export class HttpsRequestInterceptor implements HttpInterceptor {
 		return next.handle(dupReq);
 	}
 }
-
-
+
 @NgModule({
 	providers: [{
 		provide: HTTP_INTERCEPTORS,
 		useClass: HttpsRequestInterceptor,
 		multi: true,
 	}]
-})
-
-
+})    
 export class Interceptor {}