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

Job activities components

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-08-19 18:39:40 -04:00
parent f475da5331
commit 3740d6033c
11 changed files with 174 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/taskactivities/taskactivities.component.html
+27
View File
@@ -0,0 +1,27 @@
<div class="lesson">
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<div class="sec">
<ion-label class="grey">Due Date:{{jobData.delivery_date | date }}</ion-label>
<ion-label class="color">{{jobData.contract}}</ion-label>
</div>
<div class="video {{item.who}}" *ngFor="let item of msgListData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
<ion-label class="grey_text">{{item.message}}</ion-label>
</div>
</div>
<!-- <div class="right">-->
<!--&lt;!&ndash; <ion-icon name="lock-closed-outline"></ion-icon>&ndash;&gt;-->
<!-- </div>-->
</div>
</div>
src/app/components/taskactivities/taskactivities.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/taskactivities/taskactivities.component.spec.ts
+24
View File
@@ -0,0 +1,24 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
import { TaskactivitiesComponent } from './taskactivities.component';
describe('TaskactivitiesComponent', () => {
let component: TaskactivitiesComponent;
let fixture: ComponentFixture<TaskactivitiesComponent>;
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ TaskactivitiesComponent ],
imports: [IonicModule.forRoot()]
}).compileComponents();
fixture = TestBed.createComponent(TaskactivitiesComponent);
component = fixture.componentInstance;
fixture.detectChanges();
}));
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/components/taskactivities/taskactivities.component.ts
+54
View File
@@ -0,0 +1,54 @@
import { Component, OnInit,Input } from '@angular/core';
import {SessionDataProviderService} from "../../store/session-data-provider.service";
import {WrenchService} from "../../services/wrench.service";
@Component({
selector: 'app-taskactivities',
templateUrl: './taskactivities.component.html',
styleUrls: ['./taskactivities.component.scss'],
})
export class TaskactivitiesComponent implements OnInit {
@Input('jobData') jobData:any;
constructor(
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService
) { }
ngOnInit() {
console.log("IN COMPO ACT", this.jobData);
this.activeJobMsgList();
}
contrData: {
action:number,
member_id: number,
uid: string,
sessionid: string,
limit:20,
contract:string,
offset: 0
};
msgListTotalData:any;
msgListData:any;
activeJobMsgList(){
this.contrData = {
action:14011,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session ,
limit:20,
contract: this.jobData.contract,
offset: 0}
this.wrenchService.activeJobMsgList(this.contrData).subscribe(
msgListTotalData => {
this.msgListTotalData = msgListTotalData;
// console.log("REFER RETURN->", this.referTotalData);
this.msgListData = this.msgListTotalData.result_list;
console.log("REFER RETURN DATA->", this.msgListData);
}
);
}
}
src/app/pages/jobactive/jobactive.module.ts
+2 -1
View File
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
import { JobactivePageRoutingModule } from './jobactive-routing.module';
import { JobactivePage } from './jobactive.page';
import {TaskactivitiesComponent} from "../../components/taskactivities/taskactivities.component";
@NgModule({
imports: [
@@ -15,6 +16,6 @@ import { JobactivePage } from './jobactive.page';
IonicModule,
JobactivePageRoutingModule
],
declarations: [JobactivePage]
declarations: [JobactivePage,TaskactivitiesComponent]
})
export class JobactivePageModule {}
src/app/pages/jobactive/jobactive.page.html
+1 -67
View File
@@ -114,75 +114,9 @@
<!-- </div>-->
<div *ngIf="tabs =='activities'" class="lesson">
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<div class="sec">
<ion-label class="grey">Due Date:{{jobData.delivery_date}}</ion-label>
<ion-label class="color">{{jobData.contract}}</ion-label>
</div>
<div class="video {{item.who}}" *ngFor="let item of msgListData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
<ion-label class="grey_text">{{item.message}}</ion-label>
</div>
</div>
<!-- <div class="right">-->
<!--&lt;!&ndash; <ion-icon name="lock-closed-outline"></ion-icon>&ndash;&gt;-->
<!-- </div>-->
</div>
<app-taskactivities [jobData]="jobData"></app-taskactivities>
</div>
<div *ngIf="tabs =='activities222'" class="lesson">
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Section 3 - Let's Practice</ion-label>-->
<!-- <ion-label class="color">75 min</ion-label>-->
<!-- </div>-->
<ion-card>
<ion-card-header>
<ion-card-subtitle>Load messages</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
...
</ion-card-content>
</ion-card>
<!-- <div class="video">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/default.jpg)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div *ngIf="tabs =='message'" class="lesson">
src/app/pages/jobmanager/jobmanager.page.html
+3 -3
View File
@@ -63,7 +63,7 @@
<ion-label class="bold_text">{{item.title}}</ion-label>
<ion-label class="grey_text">{{item.description}}</ion-label>
<ion-label class="price_line">{{item.contract}} {{item.price*0.01}} {{item.currency}} </ion-label>
<ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
<ion-label class="due_date">Due Date: {{item.delivery_date | date}}</ion-label>
</div>
</div>
<div class="right">
@@ -84,7 +84,7 @@
<ion-label class="bold_text">{{item.title}}</ion-label>
<ion-label class="grey_text">{{item.description}}</ion-label>
<ion-label class="price_line">{{item.contract}} {{item.price*0.01}} {{item.currency}} </ion-label>
<ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
<ion-label class="due_date">Due Date: {{item.delivery_date | date}}</ion-label>
</div>
</div>
<div class="right">
@@ -104,7 +104,7 @@
<ion-label class="bold_text">{{item.title}}</ion-label>
<ion-label class="grey_text">{{item.description}}</ion-label>
<ion-label class="price_line">{{item.contract}} {{item.price*0.01}} {{item.currency}} </ion-label>
<ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
<ion-label class="due_date">Due Date: {{item.delivery_date | date}}</ion-label>
</div>
</div>
src/app/pages/jobpastdue/jobpastdue.module.ts
+2 -1
View File
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
import { JobpastduePageRoutingModule } from './jobpastdue-routing.module';
import { JobpastduePage } from './jobpastdue.page';
import {TaskactivitiesComponent} from "../../components/taskactivities/taskactivities.component";
@NgModule({
imports: [
@@ -15,6 +16,6 @@ import { JobpastduePage } from './jobpastdue.page';
IonicModule,
JobpastduePageRoutingModule
],
declarations: [JobpastduePage]
declarations: [JobpastduePage,TaskactivitiesComponent]
})
export class JobpastduePageModule {}
src/app/pages/jobpastdue/jobpastdue.page.html
+1 -39
View File
@@ -115,45 +115,7 @@
<!-- </div>-->
<div *ngIf="tabs =='activities'" class="lesson">
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Section 3 - Let's Practice</ion-label>-->
<!-- <ion-label class="color">75 min</ion-label>-->
<!-- </div>-->
<ion-card>
<ion-card-header>
<ion-card-subtitle>Load messages</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
...
</ion-card-content>
</ion-card>
<!-- <div class="video">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/default.jpg)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<app-taskactivities [jobData]="jobData"></app-taskactivities>
</div>
src/app/pages/jobreview/jobreview.module.ts
+2 -1
View File
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
import { JobreviewPageRoutingModule } from './jobreview-routing.module';
import { JobreviewPage } from './jobreview.page';
import {TaskactivitiesComponent} from "../../components/taskactivities/taskactivities.component";
@NgModule({
imports: [
@@ -15,6 +16,6 @@ import { JobreviewPage } from './jobreview.page';
IonicModule,
JobreviewPageRoutingModule
],
declarations: [JobreviewPage]
declarations: [JobreviewPage,TaskactivitiesComponent]
})
export class JobreviewPageModule {}
src/app/pages/jobreview/jobreview.page.html
+1 -40
View File
@@ -115,46 +115,7 @@
<!-- </div>-->
<div *ngIf="tabs =='activities'" class="lesson">
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Section 3 - Let's Practice</ion-label>-->
<!-- <ion-label class="color">75 min</ion-label>-->
<!-- </div>-->
<ion-card>
<ion-card-header>
<ion-card-subtitle>Load messages</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
...
</ion-card-content>
</ion-card>
<!-- <div class="video">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/default.jpg)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<app-taskactivities [jobData]="jobData"></app-taskactivities>
</div>
<div *ngIf="tabs =='message'" class="lesson">