WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

family dash

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/familiy-dash/familiy-dash.component.html
+1
View File
@@ -2,6 +2,7 @@
<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-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-allowancen *ngIf="family_action=='FAMILY_ACTION_SETUP_ALLOWANCE';"></app-familiy-allowancen>
</div>
src/app/components/familiy-dash/familiy-dash.component.ts
+2 -2
View File
@@ -37,8 +37,8 @@ export class FamiliyDashComponent implements OnInit {
});
addEventListener('app_familiy_notask_action', () => {
this.pageItem.family_action = "";
this.router.navigate(['family'],{state: {page_name: 0, family_action: ''}});
// this.pageItem.family_action = "FAMILY_ACTION_NO_TASKS";
this.router.navigate(['family'],{state: {page_name: 0, family_action: 'FAMILY_ACTION_NO_TASKS'}});
});
addEventListener('app_familiy_addfamily_action', () => {
src/app/components/familycards/familiy-notask/familiy-notask.component.html
+31 -14
View File
@@ -1,14 +1,31 @@
<ion-card (click)="cardAction()">
<!-- <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />-->
<ion-card-header>
<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-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-card (click)="cardAction()">-->
<!-- &lt;!&ndash; <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />&ndash;&gt;-->
<!-- <ion-card-header>-->
<!-- <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-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>-->
<!-- &lt;!&ndash; <ion-button fill="clear">Action 1</ion-button>&ndash;&gt;-->
<!--</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>-->
src/app/components/familycards/familiy-notask/familiy-notask.component.scss
+19 -1
View File
@@ -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;
height: 150px;
padding: 0px;