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

family page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-11-15 07:02:16 -05:00
parent 0909bfb7fb
commit 3fb2d9af6a
6 changed files with 88 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/family/family.page.html
+1 -1
View File
@@ -15,7 +15,7 @@
</ion-header>
<ion-content>
<div class="boxed_contents">
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/family.jpg)'">
<div class="bg_image back_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/familybanner/'+member_uid+')'">
<div class="ion-padding">
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
</div>
src/app/pages/family/family.page.ts
+2
View File
@@ -29,7 +29,9 @@ export class FamilyPage implements OnInit {
}
member_uid:string='';
ngOnInit() {
this.member_uid= this.sessionDataProviderService.member_uid
this.getFamilyData();
this.getFamilyPeningData();
this.getFamilyActiveJobsData();
src/app/pages/familysettings/familysettings.page.html
+2 -2
View File
@@ -38,12 +38,12 @@
</ion-list>
<ion-card>
<img alt="Silhouette of mountains" src="assets/images/family.jpg" />
<ion-card-header>
<!-- <ion-card-title>Card Title</ion-card-title>-->
<ion-card-subtitle>Family Banner</ion-card-subtitle>
</ion-card-header>
<img alt="Family" src="{{session_image_server}}/{{curr_session}}/familybanner/{{member_uid}}" />
<ion-card-content>
Change Banner
</ion-card-content>
src/app/pages/familysettings/familysettings.page.ts
+6
View File
@@ -20,8 +20,14 @@ export class FamilysettingsPage implements OnInit {
}
member_uid:string='';
curr_session:string='';
session_image_server:string='';
ngOnInit() {
this.member_uid= this.sessionDataProviderService.member_uid;
this.curr_session = this.sessionDataProviderService.session;
this.session_image_server = this.sessionDataProviderService.session_image_server;
}
onBack() {
src/app/pages/transaction/transaction.page.html
+72 -21
View File
@@ -45,31 +45,82 @@
<!-- <ion-label class="bold">Wallet(s)</ion-label>-->
<!-- &lt;!&ndash; <ion-label class="color">.</ion-label>&ndash;&gt;-->
<!-- </div>-->
<div class="video wallets" *ngFor="let item of walletData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>
</div>
<div class="text">
<ion-label class="bold_text">{{item.description}}</ion-label>
<ion-label class="grey_text"><span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-label>
<ion-grid>
<ion-row>
<ion-col></ion-col>
<ion-col>
<ion-button size="small" shape="round" expand="block" (click)="addCredit(item)">Add Credit</ion-button>
</ion-col>
<ion-col>
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >
<ion-button color="success" shape="round" size="small" expand="block" (click)="startRedeem(item)">Redeem</ion-button>
</div>
</ion-col>
<ion-accordion-group>
<ion-accordion *ngFor="let item of walletData" value="{{item.wallet_uid}}">
<ion-item slot="header" color="light">
<ion-label><span style="font-weight: bolder">{{item.description}}</span> Balance {{item.amount*0.01 | number : '1.2-2'}}</ion-label>
</ion-item>
<div class="ion-padding acc-item" slot="content">
<div class="video wallets">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>
</div>
<div class="text">
<ion-label class="bold_text">{{item.description}}</ion-label>
<ion-label class="grey_text"><span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-label>
<ion-grid>
<ion-row>
<ion-col></ion-col>
<ion-col>
<ion-button size="small" shape="round" expand="block" (click)="addCredit(item)">Add Credit</ion-button>
</ion-col>
<ion-col>
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >
<ion-button color="success" shape="round" size="small" expand="block" (click)="startRedeem(item)">Redeem</ion-button>
</div>
</ion-col>
</ion-row>
</ion-grid>
</div>
</div>
</ion-row>
</ion-grid>
</div>
</div>
</ion-accordion>
<!-- <ion-accordion value="second">-->
<!-- <ion-item slot="header" color="light">-->
<!-- <ion-label>Second Accordion</ion-label>-->
<!-- </ion-item>-->
<!-- <div class="ion-padding" slot="content">Second Content</div>-->
<!-- </ion-accordion>-->
<!-- <ion-accordion value="third">-->
<!-- <ion-item slot="header" color="light">-->
<!-- <ion-label>Third Accordion</ion-label>-->
<!-- </ion-item>-->
<!-- <div class="ion-padding" slot="content">Third Content</div>-->
<!-- </ion-accordion>-->
</ion-accordion-group>
<!-- <div class="video wallets" *ngFor="let item of walletData">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>-->
<!-- </div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">{{item.description}}</ion-label>-->
<!-- <ion-label class="grey_text"><span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-label>-->
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col></ion-col>-->
<!-- <ion-col>-->
<!-- <ion-button size="small" shape="round" expand="block" (click)="addCredit(item)">Add Credit</ion-button>-->
<!-- </ion-col>-->
<!-- <ion-col>-->
<!-- <div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >-->
<!-- <ion-button color="success" shape="round" size="small" expand="block" (click)="startRedeem(item)">Redeem</ion-button>-->
<!-- </div>-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
<!-- </div>-->
<!-- </div>-->
</div>
src/app/pages/transaction/transaction.page.scss
+5 -1
View File
@@ -15,8 +15,12 @@ ion-header {
ion-content {
.acc-item{
background-color: #3171e0;
}
.wallets{
background-color: #dddae1;
background-color: #f3f2f4;
width: 100%;
min-height: 110px;
padding: 0px;