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

family reward

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-11-08 22:45:29 -05:00
parent 23b1a91521
commit 703d8e4b26
6 changed files with 197 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/fastreward/fastreward.component.html
+77 -16
View File
@@ -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>-->
src/app/components/fastreward/fastreward.component.scss
+49
View File
@@ -3,8 +3,57 @@ ion-card{
height: 250px;
padding: 0px;
--background: red;
.left-col{
background-color: yellow;
height: 100%;
}
}
.left-col_pic{
background-image: url("/assets/images/reward.png");
background-size: contain;
background-repeat: no-repeat;
}
.fast1{
ion-list{
--background-color: transparent;
ion-item{
--background: aliceblue;
}
}
.title{
font-weight: bolder;
margin-left: 10px;
}
.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;
}
}
}
src/app/components/fastreward/fastreward.component.ts
+47 -2
View File
@@ -1,4 +1,8 @@
import { Component, OnInit } from '@angular/core';
import {NavController} from "@ionic/angular";
import {Router} from "@angular/router";
import {SessionDataProviderService} from "../../store/session-data-provider.service";
import {WrenchService} from "../../services/wrench.service";
@Component({
selector: 'app-fastreward',
@@ -6,9 +10,50 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./fastreward.component.scss'],
})
export class FastrewardComponent implements OnInit {
total_family:number = 0;
family_active:number = 0;
session_image_server:string='';
curr_session:string='';
constructor(private navctr: NavController,
private router: Router,
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService) { }
constructor() { }
ngOnInit() {
this.getFamilyData();
}
familyAcc(){
this.router.navigate(['family']);
}
usrData: {
action:number, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
};
familyTotalData:any;
familyData: [];
getFamilyData(){
this.usrData = {action:22010,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,offset: 0};
this.curr_session = this.sessionDataProviderService.session;
ngOnInit() {}
this.wrenchService.getFamilyList(this.usrData).subscribe(
familyTotalData => {
this.familyTotalData = familyTotalData;
console.log("FAMILY RETURN->", this.familyTotalData);
this.familyData = this.familyTotalData.result_list.slice(0,3);
// debugger;
this.session_image_server = this.familyTotalData.session_image_server;
console.log("FAMILY RETURN DATA->", this.familyData);
this.total_family = this.familyData.length;
}
);
}
familyMemebr(item){
}
}
src/app/pages/blogdetail/blogdetail.page.html
+23 -9
View File
@@ -1,8 +1,22 @@
<ion-header mode="ios" class="ion-no-border">
<ion-toolbar>
<ion-buttons slot="start" (click)="onBack()">
<ion-button>
<ion-icon name="arrow-back-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-buttons slot="end">
<!-- <ion-button>-->
<!-- <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>-->
<!-- </ion-button>-->
</ion-buttons>
<ion-title>{{blogData.post_title}}</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="bg_image back_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+blogData.meta_value+')'">
<div class="ion-padding">
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
</div>
</div>
@@ -207,10 +221,10 @@
</div>
</ion-content>
<ion-footer>
<ion-toolbar>
<div class="button" (click)="onBack()">
<ion-label class="text">Return</ion-label>
</div>
</ion-toolbar>
</ion-footer>
<!--<ion-footer>-->
<!-- <ion-toolbar>-->
<!-- <div class="button" (click)="onBack()">-->
<!-- <ion-label class="text">Return</ion-label>-->
<!-- </div>-->
<!-- </ion-toolbar>-->
<!--</ion-footer>-->
src/app/pages/home/home.page.html
+1 -1
View File
@@ -118,7 +118,7 @@
</ion-buttons>
<!-- <ion-title>{{walletDescription}}</ion-title>-->
</ion-toolbar>
<!-- <app-fastreward></app-fastreward>-->
<app-fastreward></app-fastreward>
<ion-card class="map-sec" *ngIf="enableTracking > 0">
<app-tracking></app-tracking>
<ion-card-content>
src/assets/images/reward.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB