Activities + Schedule Services

src/app/activities/activities.component.html

@@ -0,0 +1,14 @@
+<app-header></app-header>
+
+<h1> List of Activities</h1>
+<div *ngFor="let activity of activities">
+  <h3>{{activity.data.name}}</h3>
+  <ul>
+    <li>Country: {{activity.data.country}}</li>
+    <li>City: {{activity.data.city}}</li>
+    <li>Description: {{activity.data.description}}</li>
+    <li>Duration: {{activity.data.duration}} minutes</li>
+    <li>Id: {{activity.id}}</li>
+    <button (click)="addActivitiesIntoSchedule(activity.id)">Add</button>
+  </ul>
+</div>