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

fix template

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-02-07 14:46:48 -05:00
parent 53c6b691c0
commit 00cc4bb1fa
3 changed files with 37 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/familiy-dash/familiy-dash.component.ts
+16 -6
View File
@@ -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
+14 -89
View File
@@ -1,91 +1,16 @@
<div *ngIf = "total_family == 0;">
</div>
<div *ngIf = "total_family > 0;">
<ion-card (click)="familyAcc()">
<!-- <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />-->
<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-card (click)="familyAcc()">
<img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/family-no-kid.jpg" />
<ion-card-header>
<ion-card-title>Send a Reward</ion-card-title>
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
</ion-card-header>
<!-- <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">-->
<!-- &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-card-content>
Rewards for chores, goals met, or simply allowance.
<div
style="font-weight: bold; background-color: #4e0650; color:white; text-align: right;">
<ion-icon name="arrow-forward-circle-outline" size="medium" slot="end"></ion-icon>
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- <ion-row>-->
<!-- <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>-->
</div>
</ion-card-content>
</ion-card>
src/app/components/familycards/fastreward/fastreward.component.scss
+7 -88
View File
@@ -1,89 +1,8 @@
ion-card{
margin:20px 0px 0px 0px;
height: 150px;
padding: 0px;
--background: #f3f9fd;
ion-card-header{
--margin-bottom: 0px;
margin-bottom: 0px;
ion-card {
margin: 20px 0px 0px 0px;
background-color: #4e0650;
color: white;
ion-card-title{
color: white;
}
.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;
}
}
}
}