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

family types

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-02-07 13:07:12 -05:00
parent a10e091858
commit 53c6b691c0
17 changed files with 674 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/familiy-dash/familiy-dash.component.html
+34 -5
View File
@@ -1,7 +1,36 @@
<div *ngIf="family_dash_show> 0">
<app-fastreward></app-fastreward>
<app-familiy-nokids></app-familiy-nokids>
<app-familiy-notask></app-familiy-notask>
<app-familiy-addfamily></app-familiy-addfamily>
<app-familiy-allowance></app-familiy-allowance>
<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-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>
<div
*ngFor="let item of bannerData; let i = index"
class="bg_white {{item.short_style}} {{item.card_type}} "
(click)="onDetails(item)"
>
<div class="list">
<div *ngIf="item.banner_location === 'URL' ">
<!-- code to render a large video block-->
<div
class="bg_image back_image banner_image"
[style.backgroundImage]="'url('+item.banner+')'"
></div>
</div>
<div *ngIf="item.banner_location === 'LOCAL' ">
<div
class="bg_image back_image banner_image"
[style.backgroundImage]="'url(assets/images/'+item.banner+')'"
></div>
</div>
<div class="detail">
<ion-label class="name">{{item.short_title}}</ion-label>
<ion-label class="bg_text ovf" style="background-color: white"
>{{item.short_description}}</ion-label
>
</div>
</div>
<!-- <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
</div>
src/app/components/familiy-dash/familiy-dash.component.scss
+162
View File
@@ -0,0 +1,162 @@
.bg_white {
display: flex;
align-items: flex-start;
background-color: white;
padding: 5px;
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-bottom: 20px;
&.OFFERS{
background-color: #186875;
.name{
color: white;
}
.bg_text{
--background-color: white;
}
}
&.INTEREST{
background-color: #6b6b08;
.name{
color: white;
}
}
&.PASTDUEJOB{
background-color: #e0b4b4;
}
&.REVIEWJOB{
background-color: #dbefda;
}
&.bg_alice{
background-color: aliceblue;
padding: 1px;
ion-row{
padding:1px;
}
.detail{
font-size: 14px;
font-weight: bolder;
margin-top: 15px;
}
}
.list {
display: flex;
align-items: center;
width: 100%;
.back_image {
height: 95px;
width: 95px;
border-radius: 10px;
}
.banner_image{
min-width: 90px;
}
.detail {
width: 100%;
margin-left: 10px;
.bg_text {
color: var(--ion-color-primary);
background-color: rgba(246, 246, 248, 0.9);
font-size: 12px;
padding: 2px 5px;
border-radius: 5px;
//width: 80px;
text-align: center;
height: 38px;
width: 100%;
overflow: hidden;
.ovf{
overflow: hidden;
}
}
.name {
font-family: 'bold';
margin-top: 5px;
padding: 5px;
}
.price {
margin-top: 3px;
color: var(--ion-color-primary);
font-family: 'semi-bold';
}
.row {
display: flex;
align-items: center;
margin-top: 3px;
ion-icon {
font-size: 18px;
}
.small {
margin-left: 8px;
color: grey;
font-size: 14px;
}
}
}
}
.blog_list {
//background-color: lightgrey !important;
display: flex;
align-items: center;
.back_image {
height: 95px;
width: 95px !important;
border-radius: 10px;
}
.banner_image{
min-width: 90px;
//float: right;
//display: flex;
//justify-content: flex-end
}
.detail {
margin-left: 10px;
.bg_text {
color: var(--ion-color-primary);
background-color: #dfe1f3;
font-size: 12px;
padding: 2px 5px;
border-radius: 5px;
//width: 80px;
text-align: center;
}
.name {
font-family: 'bold';
margin-top: 5px;
}
.price {
margin-top: 3px;
color: var(--ion-color-primary);
font-family: 'semi-bold';
}
.row {
display: flex;
align-items: center;
margin-top: 3px;
ion-icon {
font-size: 18px;
}
.small {
margin-left: 8px;
color: grey;
font-size: 14px;
}
}
}
}
}
src/app/components/familiy-dash/familiy-dash.component.ts
+63 -3
View File
@@ -1,8 +1,9 @@
import { Component, OnInit } from '@angular/core';
import {Component, Input, 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";
import {BannersDataService} from "../../store/banners-data.service";
@Component({
selector: 'app-familiy-dash',
@@ -10,13 +11,17 @@ import {WrenchService} from "../../services/wrench.service";
styleUrls: ['./familiy-dash.component.scss'],
})
export class FamiliyDashComponent implements OnInit {
family_dash_show:number = 0;
@Input('bannerData') bannerData:any;
homebannerCount:number=0;
family_action:string="";
family_dash_show:number =10;
pageItem:{
page_name: number
}
constructor(private navctr: NavController,
private router: Router,
public bannersDataService:BannersDataService,
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService) {
@@ -25,7 +30,7 @@ export class FamiliyDashComponent implements OnInit {
});
addEventListener('app_familiy_nokids_action', () => {
this.router.navigate(['family'],{state: this.pageItem});
this.router.navigate(['addfamilykid'],{state: this.pageItem});
});
addEventListener('app_familiy_notask_action', () => {
@@ -40,6 +45,61 @@ export class FamiliyDashComponent implements OnInit {
this.router.navigate(['family'],{state: this.pageItem});
});
var interval = setInterval( ()=> {
this.bannerData = this.bannersDataService.bannerData;
this.homebannerCount = this.bannersDataService.homebannerCount;
console.log("IM THE FAM HOME DASH ****** ");
}, 5000);
this.family_action = this.sessionDataProviderService.family_action;
}
onDetails(item) {
// var pageToNavigate = 'detail';
var pageToNavigate = '';
// alert(item.link_path);
switch (item.link_path){
case 'referral':
pageToNavigate = 'invite';
break;
case 'mytask': // offers waiting to start
pageToNavigate = 'joboffers';
break;
case 'my-coupon':
pageToNavigate = 'mycoupons';
break;
case 'blog-page':
// this.blogDetails(this.getOneBlog(item));
// this.getOneBlog(item);
break;
case 'my-review-jobs':
pageToNavigate = 'jobmanager';
break
case 'my-pastdue-jobs':
pageToNavigate = 'jobmanager';
break
case 'pend-interest':
pageToNavigate ='pendinterest';
break;
case 'offer-interest':
pageToNavigate = 'jobinterest';
break
case 'acc-family':
pageToNavigate = 'family';
break;
}
if(pageToNavigate !=''){
this.router.navigate([pageToNavigate],{state: item});
}
}
ngOnInit() {}
src/app/components/familycards/familiy-nokids/familiy-nokids.component.html
+31 -14
View File
@@ -1,19 +1,36 @@
<!--<ion-card (click)="cardAction()">-->
<!-- <ion-card-header>-->
<!-- <ion-card-title><span-->
<!-- style="margin-left: 100px;-->
<!-- font-weight: bolder;-->
<!-- color: white;">Add Kids</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;-->
<!-- border-radius: 10px;-->
<!-- margin-left: 150px; font-weight: bold;">-->
<!-- .-->
<!-- <ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>-->
<!-- </ion-item>-->
<!-- </ion-card-content>-->
<!--</ion-card>-->
<ion-card (click)="cardAction()">
<img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/family-no-kid.jpg" />
<ion-card-header>
<ion-card-title><span
style="margin-left: 100px;
font-weight: bolder;
color: white;">Add Kids</span>
</ion-card-title>
<ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>
<ion-card-title>Add Kids</ion-card-title>
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
</ion-card-header>
<ion-card-content class="f-item">
<ion-item lines="none"
style="background-color: lightyellow;
border-radius: 10px;
margin-left: 150px; font-weight: bold;">
.
<ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>
</ion-item>
<ion-card-content>
Add kids, invite relatives or groups, and plan and send rewards in one place.
<div
style="font-weight: bold; background-color: #186875; color:white; text-align: right;">
<ion-icon name="arrow-forward-circle-outline" size="medium" slot="end"></ion-icon>
</div>
</ion-card-content>
</ion-card>
src/app/components/familycards/familiy-nokids/familiy-nokids.component.scss
+11 -2
View File
@@ -1,6 +1,15 @@
ion-card{
ion-card {
margin: 20px 0px 0px 0px;
background-color: #186875;
color: white;
ion-card-title{
color: white;
}
}
ion-card_2{
margin:20px 0px 0px 0px;
height: 130px;
height: 230px;
padding: 0px;
background-image: url("https://www.wrenchboard.com/assets/images/apps/dash-family-card-nokid.png");
background-size: cover;