Step 23.26: Add name, description ad RSVPs to the view

Urigo · Dec 14, 2016 · ab609b6 · ab609b6
1 parent 6b4e250
commit ab609b6
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/client/imports/app/mobile/parties-list.component.mobile.html b/client/imports/app/mobile/parties-list.component.mobile.html
@@ -4,5 +4,28 @@
   </ion-navbar>
 </ion-header>
 <ion-content>
-  Parties!
+  <ion-card *ngFor="let party of parties | async">
+    <ion-card-content>
+      <ion-card-title>
+        {{party.name}}
+      </ion-card-title>
+      <p>
+        {{party.description}}
+      </p>
+    </ion-card-content>
+
+    <ion-row no-padding>
+      <ion-col text-right>
+        <ion-badge>
+          yes {{party | rsvp:'yes'}}
+        </ion-badge>
+        <ion-badge item-center dark>
+          maybe {{party | rsvp:'maybe'}}
+        </ion-badge>
+        <ion-badge item-center danger>
+          no {{party | rsvp:'no'}}
+        </ion-badge>
+      </ion-col>
+    </ion-row>
+  </ion-card>
 </ion-content>