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

Add credit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-11-11 05:46:50 -05:00
parent 49850a86f8
commit 11db8a167c
9 changed files with 897 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/fastreward/fastreward.component.html
+51 -35
View File
@@ -1,40 +1,56 @@
<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-col class="title">Reward a Kid</ion-col>-->
</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="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>
<div *ngIf = "total_family == 0;">
</div>
<div *ngIf = "total_family > 0;">
<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-col class="title">Reward a Kid</ion-col>-->
<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-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>-->
<!-- <ion-item>-->
<!-- -->
</ion-col>
</ion-row>
<!-- </ion-item>-->
<!--&lt;!&ndash; &lt;!&ndash; <ion-icon color="warning" slot="start" name="list-circle" size="large"></ion-icon>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash; <ion-label></ion-label>&ndash;&gt;-->
<!--&lt;!&ndash; <ion-note slot="end"></ion-note>&ndash;&gt;-->
<!-- </ion-item>-->
</ion-list>
</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-grid>
src/app/components/fastreward/fastreward.component.scss
+8 -2
View File
@@ -10,9 +10,14 @@ ion-card{
}
}
.left-col_pic{
background-image: url("/assets/images/reward.png");
// 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{
@@ -22,6 +27,7 @@ ion-card{
}
}
.title{
//font-family: "Lucida Console", "Courier New", monospace;
font-weight: bolder;
margin-left: 20px;
font-size: 28px;
@@ -32,7 +38,7 @@ ion-card{
border-radius: 100%;
}
margin:20px 0px 0px 0px;
height: 250px;
//height: 250px;
padding: 0px;
background: aliceblue; // rgba(78, 61, 130, 0.86);
border-radius: 20px;