approve kids
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,102 @@
|
||||
<div class="video" style="background-color: #fbfdfd;" *ngFor="let item of familyPendingData" (click)="processFamilyPending(item)">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+item.banner+')'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text name_bg_text">{{item.firstname}} </ion-label>
|
||||
<ion-label class="bold_text">{{item.title}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.description}}</ion-label>
|
||||
<ion-label class="extra_text"><span class="title">Added:</span> {{item.added}}</ion-label>
|
||||
<ion-label class="extra_text"><span class="title">Status:</span> {{item.status_text}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="isModalOpenBackdrop==true">
|
||||
<ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
|
||||
<ion-modal class="common_modal" [isOpen]="isModalOpen"><ng-template>
|
||||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>{{modalTile}}</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button (click)="setCloseModal()">Close</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content class="ion-padding">
|
||||
<div>
|
||||
<div class="t_label">Title</div>
|
||||
<div class="t_item">{{selectedItem.title}}</div>
|
||||
|
||||
<div class="t_label">Description</div>
|
||||
<div class="t_item">{{selectedItem.description}}</div>
|
||||
|
||||
<ion-grid style="background-color: aliceblue; margin-top: 10px; margin-bottom: 10px;">
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<div class="t_label">Reward</div>
|
||||
<div class="t_item">real_data_hrere</div>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div class="t_label">Timeline</div>
|
||||
<div class="t_item">_data_hrere</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
|
||||
|
||||
<!-- <div class="t_label">Title</div>-->
|
||||
<!-- <div class="t_item">The_real_data_hrere</div>-->
|
||||
|
||||
<div class="t_label">Delivery Details</div>
|
||||
<div class="t_item">
|
||||
<ion-textarea label="Fixed label" labelPlacement="fixed" placeholder="Enter text"></ion-textarea>
|
||||
|
||||
<!-- <ion-list>-->
|
||||
<!-- -->
|
||||
<!-- <ion-item>-->
|
||||
<!-- <ion-textarea label="Fixed label" labelPlacement="fixed" placeholder="Enter text"></ion-textarea>-->
|
||||
<!-- </ion-item>-->
|
||||
<!-- <ion-item>-->
|
||||
<!-- <ion-textarea label="Stacked label" labelPlacement="stacked" placeholder="Enter text"></ion-textarea>-->
|
||||
<!-- </ion-item>-->
|
||||
<!-- </ion-list>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</ion-content>
|
||||
<ion-footer>
|
||||
<ion-grid style="background-color: lightgray;">
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-button
|
||||
(click)="setCloseModal()"
|
||||
shape="round"
|
||||
size="small"
|
||||
color="danger">
|
||||
Close
|
||||
</ion-button>
|
||||
</ion-col>
|
||||
<ion-col></ion-col>
|
||||
<ion-col>
|
||||
<ion-button
|
||||
shape="round"
|
||||
size="small"
|
||||
[disabled]="isProcessDisabled"
|
||||
(click)="processPayment(processor)">Assign Task </ion-button>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
|
||||
</ion-footer>
|
||||
</ng-template>
|
||||
</ion-modal>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
.men_image{
|
||||
min-width: 35px;
|
||||
}
|
||||
.t_label{
|
||||
font-weight: bolder;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.t_item{
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin: 2px 0px 2px 5px;
|
||||
padding: 2px;
|
||||
background-color: whitesmoke;
|
||||
font-size: 14px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { PendingSuggestedComponent } from './pending-suggested.component';
|
||||
|
||||
describe('PendingSuggestedComponent', () => {
|
||||
let component: PendingSuggestedComponent;
|
||||
let fixture: ComponentFixture<PendingSuggestedComponent>;
|
||||
|
||||
beforeEach(waitForAsync(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ PendingSuggestedComponent ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(PendingSuggestedComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,78 @@
|
||||
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";
|
||||
import {FamilysuggestPendingService} from "../../store/familysuggest-pending.service";
|
||||
|
||||
@Component({
|
||||
selector: 'app-pending-suggested',
|
||||
templateUrl: './pending-suggested.component.html',
|
||||
styleUrls: ['./pending-suggested.component.scss'],
|
||||
})
|
||||
export class PendingSuggestedComponent implements OnInit {
|
||||
familyPendingData: [];
|
||||
constructor( private navctr: NavController,
|
||||
private router: Router,
|
||||
public sessionDataProviderService: SessionDataProviderService,
|
||||
private wrenchService: WrenchService,
|
||||
public familysuggestPendingService: FamilysuggestPendingService) {
|
||||
|
||||
addEventListener('app-pending-suggested-closemodal', () => {
|
||||
this.setCloseModal();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
//this.getFamilyPeningData();
|
||||
this.familyPendingData = this.familysuggestPendingService.familyPendingData;
|
||||
|
||||
}
|
||||
suggestion_total:number=0;
|
||||
usrData: {
|
||||
action:number, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
|
||||
};
|
||||
|
||||
//familyPendingTotalData:any;
|
||||
// familyPendingData: [];
|
||||
// getFamilyPeningData(){
|
||||
// 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.wrenchService.getFamilyPeningList(this.usrData).subscribe(
|
||||
// familyPendingTotalData => {
|
||||
// this.familyPendingTotalData = familyPendingTotalData;
|
||||
// console.log("familyPendingTotalData RETURN->", this.familyPendingTotalData);
|
||||
// this.familyPendingData = this.familyPendingTotalData.result_list;
|
||||
// // debugger;
|
||||
// console.log("FAMILY familyPendingData DATA->", this.familyPendingData);
|
||||
// this.suggestion_total = this.familyPendingData.length;
|
||||
// }
|
||||
// );
|
||||
//
|
||||
// }
|
||||
isModalOpen:boolean = false;
|
||||
isModalOpenBackdrop:boolean = false;
|
||||
selectedItem:any;
|
||||
modalTile:string='';
|
||||
processFamilyPending(item){
|
||||
console.log("SUGGESTED ITEM - >", item);
|
||||
this.selectedItem = item;
|
||||
|
||||
this.modalTile = item.firstname+ ' Suggested Task';
|
||||
|
||||
this.isModalOpen = true;
|
||||
this.isModalOpenBackdrop= true;
|
||||
}
|
||||
|
||||
setCloseModal(){
|
||||
this.isModalOpen = false;
|
||||
setTimeout(()=>{
|
||||
this.isModalOpenBackdrop= false;
|
||||
},1000);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user