family reward

src/app/components/fastreward/fastreward.component.html

@@ -1,19 +1,80 @@
-<ion-card>
-  <ion-card-header>
-    Send Reward
-  </ion-card-header>
-  <ion-card-content>
-  <ion-grid style="height: 100%; padding: 0px">
+<ion-grid class="fast1">
+  <ion-row>
+    <ion-col class="title">Reward a Kid</ion-col>
+  </ion-row>
+  <ion-row>
+    <ion-col size="2" class="left-col_pic">
 
-    <ion-row style="padding: 0px; margin: 0px">
-      <ion-col class="left-col" size="4">
-        1
-      </ion-col>
-    <ion-col>
-      2
     </ion-col>
-    </ion-row>
-  </ion-grid>
+    <ion-col>
+      <ion-list [inset]="true">
+        <ion-item [button]="true" *ngFor="let item of familyData" (click)="familyMemebr(item)">
+            <ion-note slot="start">
+                <img class="list_img" alt="WrenchBoard" src="{{session_image_server}}}/{{curr_session}}/family/{{item.family_uid}}" />
+            </ion-note>
+          <ion-label>{{item.firstname}} ({{item.age}})</ion-label>
+        </ion-item>
+<!--        <ion-item [button]="true">-->
+<!--          <ion-icon color="tertiary" slot="start" name="list-circle" size="large"></ion-icon>-->
+<!--          <ion-label>Shopping</ion-label>-->
+<!--          <ion-note slot="end">15</ion-note>-->
+<!--        </ion-item>-->
+<!--        <ion-item [button]="true">-->
+<!--          <ion-icon color="success" slot="start" name="list-circle" size="large"></ion-icon>-->
+<!--          <ion-label>Cleaning</ion-label>-->
+<!--          <ion-note slot="end">3</ion-note>-->
+<!--        </ion-item>-->
+        <ion-item [button]="true" (click)="familyAcc()">
+<!--          <ion-icon color="warning" slot="start" name="list-circle" size="large"></ion-icon>-->
+          <ion-label>Family Acounts</ion-label>
+          <ion-note slot="end"></ion-note>
+        </ion-item>
+      </ion-list>
 
-  </ion-card-content>
-</ion-card>
+    </ion-col>
+  </ion-row>
+
+</ion-grid>
+
+
+
+<!--<ion-card>-->
+<!--  <ion-card-header>-->
+<!--    Send Reward-->
+<!--  </ion-card-header>-->
+<!--  <ion-card-content>-->
+<!--  <ion-grid style="height: 100%; padding: 0px">-->
+
+<!--    <ion-row style="padding: 0px; margin: 0px">-->
+<!--      <ion-col class="left-col" size="4">-->
+<!--        1-->
+<!--      </ion-col>-->
+<!--    <ion-col>-->
+<!--      <ion-list [inset]="true">-->
+<!--        <ion-item [button]="true">-->
+<!--          <ion-icon color="danger" slot="start" name="list-circle" size="large"></ion-icon>-->
+<!--          <ion-label>General</ion-label>-->
+<!--          <ion-note slot="end">6</ion-note>-->
+<!--        </ion-item>-->
+<!--        <ion-item [button]="true">-->
+<!--          <ion-icon color="tertiary" slot="start" name="list-circle" size="large"></ion-icon>-->
+<!--          <ion-label>Shopping</ion-label>-->
+<!--          <ion-note slot="end">15</ion-note>-->
+<!--        </ion-item>-->
+<!--        <ion-item [button]="true">-->
+<!--          <ion-icon color="success" slot="start" name="list-circle" size="large"></ion-icon>-->
+<!--          <ion-label>Cleaning</ion-label>-->
+<!--          <ion-note slot="end">3</ion-note>-->
+<!--        </ion-item>-->
+<!--        <ion-item [button]="true">-->
+<!--          <ion-icon color="warning" slot="start" name="list-circle" size="large"></ion-icon>-->
+<!--          <ion-label>Reminders</ion-label>-->
+<!--          <ion-note slot="end">8</ion-note>-->
+<!--        </ion-item>-->
+<!--      </ion-list>-->
+<!--    </ion-col>-->
+<!--    </ion-row>-->
+<!--  </ion-grid>-->
+
+<!--  </ion-card-content>-->
+<!--</ion-card>-->