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

pening interest

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-08-21 08:15:11 -04:00
parent b73f951706
commit e5e53159e7
12 changed files with 182 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/waitinterest/waitinterest.component.html
+17
View File
@@ -0,0 +1,17 @@
<div class="lesson">
<div class="video" *ngFor="let item of interestJobsData" (click)="jobInterest(item)">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.title}}</ion-label>
<ion-label class="grey_text">{{item.description}}</ion-label>
<ion-label class="price_line">{{item.offer_code}} {{item.price*0.01}} {{item.currency}} </ion-label>
<ion-label class="due_date">Received: {{item.sent}}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
</div>
</div>
src/app/components/waitinterest/waitinterest.component.scss
+57
View File
@@ -0,0 +1,57 @@
.lesson {
margin-top: 20px;
.bold {
font-family: 'semi-bold';
}
.color {
color: var(--ion-color-primary);
}
.grey {
color: grey;
}
.sec {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.video {
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
padding: 15px;
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-top: 20px;
.left {
display: flex;
}
.men_image {
height: 40px;
width: 40px;
border-radius: 100%;
}
.text {
margin-left: 10px;
}
.bold_text {
font-size: 16px;
font-family: 'bold';
}
.grey_text {
font-size: 14px;
color: grey;
}
}
}
src/app/components/waitinterest/waitinterest.component.spec.ts
+24
View File
@@ -0,0 +1,24 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
import { WaitinterestComponent } from './waitinterest.component';
describe('WaitinterestComponent', () => {
let component: WaitinterestComponent;
let fixture: ComponentFixture<WaitinterestComponent>;
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ WaitinterestComponent ],
imports: [IonicModule.forRoot()]
}).compileComponents();
fixture = TestBed.createComponent(WaitinterestComponent);
component = fixture.componentInstance;
fixture.detectChanges();
}));
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/components/waitinterest/waitinterest.component.ts
+45
View File
@@ -0,0 +1,45 @@
import {Component, Input, OnInit} from '@angular/core';
import {SessionDataProviderService} from "../../store/session-data-provider.service";
import {WrenchService} from "../../services/wrench.service";
@Component({
selector: 'app-waitinterest',
templateUrl: './waitinterest.component.html',
styleUrls: ['./waitinterest.component.scss'],
})
export class WaitinterestComponent implements OnInit {
//@Input('interestJobsData') interestJobsData:any;
constructor( public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService) { }
ngOnInit() {
this.getInterestList();
}
usrData: {
action: number, member_id: number, uid: string, sessionid: string, limit: 20, page: 1, offset: 0
};
interestTotalData: any;
interestJobsData: [];
total_jobs: number = 0;
getInterestList() {
this.usrData = {
action: 13005,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1, offset: 0
}
this.wrenchService.getWaitingInterest(this.usrData).subscribe(
interestTotalData => {
this.interestTotalData = interestTotalData;
console.log("interestTotalData RETURN->", this.interestTotalData);
this.interestJobsData = this.interestTotalData.result_list;
this.total_jobs = this.interestJobsData.length;
console.log("jobManagerJobsData RETURN DATA->", this.interestJobsData);
}
);
}
}
src/app/pages/my-course/my-course-routing.module.ts
-8
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
src/app/pages/my-course/my-course.module.ts
+2 -9
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@@ -15,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
import { MyCoursePageRoutingModule } from './my-course-routing.module';
import { MyCoursePage } from './my-course.page';
import {WaitinterestComponent} from "../../components/waitinterest/waitinterest.component";
@NgModule({
imports: [
@@ -23,6 +16,6 @@ import { MyCoursePage } from './my-course.page';
IonicModule,
MyCoursePageRoutingModule
],
declarations: [MyCoursePage]
declarations: [MyCoursePage,WaitinterestComponent]
})
export class MyCoursePageModule { }
src/app/pages/my-course/my-course.page.html
+10 -10
View File
@@ -18,7 +18,7 @@
<ion-label>Available</ion-label>
</ion-segment-button>
<ion-segment-button value="done">
<ion-label>Last Minute</ion-label>
<ion-label>Pending</ion-label>
</ion-segment-button>
</ion-segment>
@@ -37,15 +37,15 @@
</div>
<div *ngIf="tabs =='done'">
<div class="content" *ngFor="let item of jobsData;" (click)="onCourseDetail()">
<div class="flex">
<div class="text">
<ion-label class="bold_text">{{item.title}}</ion-label>
<ion-label class="due_date">available till : {{item.expire}}</ion-label>
</div>
</div>
</div>
<app-waitinterest></app-waitinterest>
<!-- <div class="content" *ngFor="let item of jobsData;" (click)="onCourseDetail()">-->
<!-- <div class="flex">-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">{{item.title}}</ion-label>-->
<!-- <ion-label class="due_date">available till : {{item.expire}}</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
src/app/pages/my-course/my-course.page.scss
-8
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
ion-header {
ion-toolbar {
--background: var(--ion-color-primary);
src/app/pages/my-course/my-course.page.spec.ts
-8
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
src/app/pages/pendinterest/pendinterest.module.ts
+2 -1
View File
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
import { PendinterestPageRoutingModule } from './pendinterest-routing.module';
import { PendinterestPage } from './pendinterest.page';
import {WaitinterestComponent} from "../../components/waitinterest/waitinterest.component";
@NgModule({
imports: [
@@ -15,6 +16,6 @@ import { PendinterestPage } from './pendinterest.page';
IonicModule,
PendinterestPageRoutingModule
],
declarations: [PendinterestPage]
declarations: [PendinterestPage,WaitinterestComponent]
})
export class PendinterestPageModule {}
src/app/pages/pendinterest/pendinterest.page.html
+1
View File
@@ -36,6 +36,7 @@
<!-- <ion-label>Certificate</ion-label>-->
<!-- </div>-->
</div>
<app-waitinterest></app-waitinterest>
<div class="lesson">
<div class="video" *ngFor="let item of interestJobsData" (click)="jobInterest(item)">
src/app/pages/pendinterest/pendinterest.page.ts
+24 -24
View File
@@ -22,7 +22,7 @@ export class PendinterestPage implements OnInit {
}
ngOnInit() {
this.getInterestList();
// this.getInterestList();
}
onBack() {
@@ -42,27 +42,27 @@ export class PendinterestPage implements OnInit {
action: number, member_id: number, uid: string, sessionid: string, limit: 20, page: 1, offset: 0
};
interestTotalData: any;
interestJobsData: [];
total_jobs: number = 0;
getInterestList() {
this.usrData = {
action: 13005,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1, offset: 0
}
this.wrenchService.getWaitingInterest(this.usrData).subscribe(
interestTotalData => {
this.interestTotalData = interestTotalData;
console.log("interestTotalData RETURN->", this.interestTotalData);
this.interestJobsData = this.interestTotalData.result_list;
this.total_jobs = this.interestJobsData.length;
console.log("jobManagerJobsData RETURN DATA->", this.interestJobsData);
}
);
}
// interestTotalData: any;
// interestJobsData: [];
// total_jobs: number = 0;
//
// getInterestList() {
// this.usrData = {
// action: 13005,
// member_id: this.sessionDataProviderService.member_id,
// uid: this.sessionDataProviderService.member_uid,
// sessionid: this.sessionDataProviderService.session,
// limit: 20, page: 1, offset: 0
// }
//
// this.wrenchService.getWaitingInterest(this.usrData).subscribe(
// interestTotalData => {
// this.interestTotalData = interestTotalData;
// console.log("interestTotalData RETURN->", this.interestTotalData);
// this.interestJobsData = this.interestTotalData.result_list;
// this.total_jobs = this.interestJobsData.length;
// console.log("jobManagerJobsData RETURN DATA->", this.interestJobsData);
// }
// );
// }
}