fix template

src/app/components/familiy-dash/familiy-dash.component.ts

@@ -17,7 +17,8 @@ export class FamiliyDashComponent implements OnInit {
   family_dash_show:number =10;
 
   pageItem:{
-    page_name: number
+    page_name: number,
+    family_action: string
   }
   constructor(private navctr: NavController,
               private router: Router,
@@ -26,25 +27,34 @@ export class FamiliyDashComponent implements OnInit {
               private wrenchService: WrenchService) {
 
     addEventListener('app_fastreward_action', () => {
-      this.router.navigate(['family'],{state: this.pageItem});
+     // this.pageItem.family_action = "FAMILY_ACTION_SEND_REWARD";
+      this.router.navigate(['family'],{state: {page_name: 0, family_action: 'FAMILY_ACTION_SEND_REWARD'}});
     });
 
     addEventListener('app_familiy_nokids_action', () => {
-      this.router.navigate(['addfamilykid'],{state: this.pageItem});
+     // this.pageItem.family_action = "FAMILY_ACTION_NO_KIDS";
+      this.router.navigate(['addfamilykid'],{state: {page_name: 0, family_action: 'FAMILY_ACTION_NO_KIDS'}});
     });
 
     addEventListener('app_familiy_notask_action', () => {
-      this.router.navigate(['family'],{state: this.pageItem});
+      this.pageItem.family_action = "";
+      this.router.navigate(['family'],{state: {page_name: 0, family_action: ''}});
     });
 
     addEventListener('app_familiy_addfamily_action', () => {
-      this.router.navigate(['family'],{state: this.pageItem});
+      this.pageItem.family_action = "";
+      this.router.navigate(['family'],{state: {page_name: 0, family_action: ''}});
     });
 
     addEventListener('app_familiy_allowance_action', () => {
-      this.router.navigate(['family'],{state: this.pageItem});
+      this.pageItem.family_action = "";
+      this.router.navigate(['family'],{state: {page_name: 0, family_action: ''}});
     });
 
+
+    this.bannerData = this.bannersDataService.bannerData;
+    this.homebannerCount = this.bannersDataService.homebannerCount;
+    // let us keep refreshing - internal so serve call
       var interval = setInterval( ()=> {
         this.bannerData = this.bannersDataService.bannerData;
         this.homebannerCount = this.bannersDataService.homebannerCount;

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

@@ -1,91 +1,16 @@
-<div *ngIf = "total_family == 0;">
+<ion-card (click)="familyAcc()">
-</div>
+    <img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/family-no-kid.jpg" />
-<div *ngIf = "total_family > 0;">
+    <ion-card-header>
-    <ion-card (click)="familyAcc()">
+        <ion-card-title>Send a Reward</ion-card-title>
-<!--        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />-->
+        <!--    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
-        <ion-card-header>
+    </ion-card-header>
-            <ion-card-title><span class="kid-card-title">Send a Reward</span></ion-card-title>
-            <ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>
-        </ion-card-header>
-        <ion-card-content class="f-item">
-            <ion-item lines="none" style="background-color: lightyellow; font-weight: bold;">
-                .
-                <ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>
-            </ion-item>
-        </ion-card-content>
-<!--        <ion-button fill="clear">Action 1</ion-button>-->
-    </ion-card>
 
-<!--    <ion-grid class="fast1">-->
+    <ion-card-content>
-<!--        <ion-row>-->
+        Rewards for chores, goals met, or simply allowance.
-<!--            <ion-col class="title">Reward a Kid</ion-col>-->
+        <div
-<!--        </ion-row>-->
+                style="font-weight: bold; background-color: #4e0650; color:white; text-align: right;">
-<!--        <ion-row>-->
+            <ion-icon name="arrow-forward-circle-outline" size="medium"  slot="end"></ion-icon>
-<!--            <ion-col size="2" class="left-col_pic">-->
-<!--                &lt;!&ndash;        <ion-col class="title">Reward a Kid</ion-col>&ndash;&gt;-->
-<!--                <img  alt="" src="{{session_image_server}}}/{{curr_session}}/reward/{{sessionDataProviderService.member_uid}}" />-->
-<!--            </ion-col>-->
-<!--            <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="" src="{{session_image_server}}}/{{curr_session}}/family/{{item.family_uid}}" />-->
-<!--                        </ion-note>-->
-<!--                        <ion-label>{{item.firstname}} ({{item.age}})</ion-label>-->
-<!--                    </ion-item>-->
-<!--                </ion-list>-->
 
-<!--            </ion-col>-->
+        </div>
-<!--        </ion-row>-->
+    </ion-card-content>
-<!--        <ion-row>-->
+</ion-card>
-<!--            <ion-col>-->
-<!--                <ion-button shape="round" size="small" expand="block" (click)="familyAcc()">Family Acounts</ion-button>-->
-<!--            </ion-col>-->
-<!--        </ion-row>-->
-<!--    </ion-grid>-->
-
-</div>
-
-
-
-
-<!--<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>-->

src/app/components/familycards/fastreward/fastreward.component.scss

@@ -1,89 +1,8 @@
-ion-card{
+ion-card {
-  margin:20px 0px 0px 0px;
+  margin: 20px 0px 0px 0px;
-  height: 150px;
+  background-color: #4e0650;
-  padding: 0px;
+  color: white;
-  --background: #f3f9fd;
+  ion-card-title{
-  ion-card-header{
+    color: white;
-    --margin-bottom: 0px;
-    margin-bottom: 0px;
   }
-  .kid-card-title{
+}
-    margin-left: 10px;
-    font-weight: bolder;
-  }
-  ion-card-content{
-    --margin-top: 0px;
-    --margin-bottom: 0px;
-    f-item,  ion-item{
-      //--background-color: #3dc2ff;
-      font-size: 14px;
-    }
- //   background-color: #3dc2ff;
-  //  font-weight: bolder;
-   // background-image: linear-gradient(to top, #3dc2ff, #ffffff);
-  }
-  .left-col{
-    background-color: yellow;
-    height: 100%;
-  }
-}
-.kid-line{
-  color: #3dc2ff;
-  line-height: 3px;
-  background-color: #3dc2ff;
-}
-.left-col_pic{
- // background-image: url("/assets/images/reward.png");
-  background-size: contain;
-  background-repeat: no-repeat;
-  margin: auto 5px auto 5px;
-  img {
-    border-radius: 4px;
-    width: 150px;
-  }
-}
-.fast1{
-  ion-list{
-    --background-color: transparent;
-    ion-item{
-    --background: aliceblue;
-  }
-  }
-  .title{
-    //font-family: "Lucida Console", "Courier New", monospace;
-    font-weight: bolder;
-    margin-left: 20px;
-    font-size: 28px;
-  }
-  .list_img {
-    height: auto;
-    max-width: 20px;
-    border-radius: 100%;
-  }
-  margin:20px 0px 0px 0px;
-  //height: 250px;
-  padding: 0px;
-  background: aliceblue; // rgba(78, 61, 130, 0.86);
-  border-radius: 20px;
-  .left-col{
-    background-color: yellow;
-    height: 100%;
-  }
-
-  .name_bg_text{
-    color: #8b198e;
-    font-weight: bolder;
-  }
-
-  .back_image {
-    margin-top: 10px;
-    width: 100%;
-    height: 200px;
-
-    .back {
-      font-size: 25px;
-      color: white;
-    }
-  }
-
-}