family dash

This commit is contained in:
CHIEFSOFT\ameye
2024-02-08 05:11:15 -05:00
parent 316699c133
commit afffc6bb4b
4 changed files with 53 additions and 17 deletions
@@ -2,6 +2,7 @@
<app-fastreward *ngIf="family_action=='FAMILY_ACTION_SEND_REWARD';"></app-fastreward> <app-fastreward *ngIf="family_action=='FAMILY_ACTION_SEND_REWARD';"></app-fastreward>
<app-familiy-nokids *ngIf="family_action=='FAMILY_ACTION_NO_KIDS';"></app-familiy-nokids> <app-familiy-nokids *ngIf="family_action=='FAMILY_ACTION_NO_KIDS';"></app-familiy-nokids>
<app-familiy-notask *ngIf="family_action=='FAMILY_ACTION_NO_TASKS';"></app-familiy-notask> <app-familiy-notask *ngIf="family_action=='FAMILY_ACTION_NO_TASKS';"></app-familiy-notask>
<!-- <app-familiy-notask ></app-familiy-notask>-->
<app-familiy-addfamily *ngIf="family_action=='FAMILY_ACTION_ADD_FAMILY';"></app-familiy-addfamily> <app-familiy-addfamily *ngIf="family_action=='FAMILY_ACTION_ADD_FAMILY';"></app-familiy-addfamily>
<app-familiy-allowancen *ngIf="family_action=='FAMILY_ACTION_SETUP_ALLOWANCE';"></app-familiy-allowancen> <app-familiy-allowancen *ngIf="family_action=='FAMILY_ACTION_SETUP_ALLOWANCE';"></app-familiy-allowancen>
</div> </div>
@@ -37,8 +37,8 @@ export class FamiliyDashComponent implements OnInit {
}); });
addEventListener('app_familiy_notask_action', () => { addEventListener('app_familiy_notask_action', () => {
this.pageItem.family_action = ""; // this.pageItem.family_action = "FAMILY_ACTION_NO_TASKS";
this.router.navigate(['family'],{state: {page_name: 0, family_action: ''}}); this.router.navigate(['family'],{state: {page_name: 0, family_action: 'FAMILY_ACTION_NO_TASKS'}});
}); });
addEventListener('app_familiy_addfamily_action', () => { addEventListener('app_familiy_addfamily_action', () => {
@@ -1,14 +1,31 @@
<ion-card (click)="cardAction()"> <!--<ion-card (click)="cardAction()">-->
<!-- <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />--> <!-- &lt;!&ndash; <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />&ndash;&gt;-->
<ion-card-header> <!-- <ion-card-header>-->
<ion-card-title><span style="font-weight: bolder; color: #1880b0;">No Tasks</span></ion-card-title> <!-- <ion-card-title><span style="font-weight: bolder; color: #1880b0;">No Tasks</span></ion-card-title>-->
<ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle> <!-- <ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>-->
</ion-card-header> <!-- </ion-card-header>-->
<ion-card-content class="f-item"> <!-- <ion-card-content class="f-item">-->
<ion-item lines="none" style="background-color: lightyellow; font-weight: bold;"> <!-- <ion-item lines="none" style="background-color: lightyellow; font-weight: bold;">-->
. <!-- .-->
<ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon> <!-- <ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>-->
</ion-item> <!-- </ion-item>-->
</ion-card-content> <!-- </ion-card-content>-->
<!-- <ion-button fill="clear">Action 1</ion-button>--> <!-- &lt;!&ndash; <ion-button fill="clear">Action 1</ion-button>&ndash;&gt;-->
</ion-card> <!--</ion-card>-->
<ion-grid class="task-rover" (click)="cardAction()">
<ion-row>
<ion-col></ion-col>
<ion-col></ion-col>
<ion-col style="padding-top: 150px;">
<ion-button (click)="cardAction()">Assign Task</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<!--<ion-card (click)="cardAction()">-->
<!-- <img alt="Assign Task" src="https://www.wrenchboard.com/assets/images/apps/family-assign-task.jpg" />-->
<!-- <div>-->
<!-- <div>Assign Task</div>-->
<!-- </div>-->
<!--</ion-card>-->
@@ -1,4 +1,22 @@
ion-card{ ion-card {
margin: 20px 0px 0px 0px;
background-color: #186875;
color: white;
ion-card-title{
color: white;
}
}
.task-rover{
background-image: url("https://www.wrenchboard.com/assets/images/apps/family-assign-task.jpg");
background-size: contain;
background-repeat: no-repeat;
//background-color: #186875;
min-height: 350px;
border-radius: 20px;
color:white;
}
ion-card44{
margin:20px 0px 0px 0px; margin:20px 0px 0px 0px;
height: 150px; height: 150px;
padding: 0px; padding: 0px;