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

Job manager

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-08-07 07:23:54 -04:00
parent d09ff04b4a
commit dbb01c8eeb
10 changed files with 130 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app-routing.module.ts
+4
View File
@@ -162,6 +162,10 @@ const routes: Routes = [
path: 'jobinterest',
loadChildren: () => import('./pages/jobinterest/jobinterest.module').then(m => m.JobinterestPageModule)
},
{
path: 'joblist',
loadChildren: () => import('./pages/joblist/joblist.module').then(m => m.JoblistPageModule)
},
];
@NgModule({
src/app/pages/family/family.page.html
+1 -1
View File
@@ -30,7 +30,7 @@
</div>
<div class="stud">
<ion-icon slot="start" name="time" color="primary"></ion-icon>
<ion-label>0 Tasks</ion-label>
<ion-label>{{family_active}} Tasks</ion-label>
</div>
<div class="stud">
<ion-icon slot="start" name="document-text" color="primary"></ion-icon>
src/app/pages/joblist/joblist-routing.module.ts
+17
View File
@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { JoblistPage } from './joblist.page';
const routes: Routes = [
{
path: '',
component: JoblistPage
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class JoblistPageRoutingModule {}
src/app/pages/joblist/joblist.module.ts
+20
View File
@@ -0,0 +1,20 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { JoblistPageRoutingModule } from './joblist-routing.module';
import { JoblistPage } from './joblist.page';
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
JoblistPageRoutingModule
],
declarations: [JoblistPage]
})
export class JoblistPageModule {}
src/app/pages/joblist/joblist.page.html
+9
View File
@@ -0,0 +1,9 @@
<ion-header>
<ion-toolbar>
<ion-title>joblist</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>
src/app/pages/joblist/joblist.page.scss
View File
src/app/pages/joblist/joblist.page.spec.ts
+24
View File
@@ -0,0 +1,24 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
import { JoblistPage } from './joblist.page';
describe('JoblistPage', () => {
let component: JoblistPage;
let fixture: ComponentFixture<JoblistPage>;
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ JoblistPage ],
imports: [IonicModule.forRoot()]
}).compileComponents();
fixture = TestBed.createComponent(JoblistPage);
component = fixture.componentInstance;
fixture.detectChanges();
}));
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/pages/joblist/joblist.page.ts
+15
View File
@@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-joblist',
templateUrl: './joblist.page.html',
styleUrls: ['./joblist.page.scss'],
})
export class JoblistPage implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/pages/jobmanager/jobmanager.page.html
+36 -115
View File
@@ -15,7 +15,7 @@
<div class="row">
<ion-label class="bg_text">3D Design</ion-label>
<div class="rate">
<ion-button size="small" fill="outline">
<ion-button size="small" fill="outline" (click)="onMyJobs()">
<ion-icon name="star-half-outline" color="warning"></ion-icon>
My Jobs</ion-button>
</div>
@@ -39,60 +39,19 @@
</div>
<ion-segment [(ngModel)]="tabs">
<ion-segment-button value="about">
<ion-segment-button value="active">
<ion-label>Active</ion-label>
</ion-segment-button>
<ion-segment-button value="lesson">
<ion-segment-button value="review">
<ion-label>Review</ion-label>
</ion-segment-button>
<ion-segment-button value="review">
<ion-segment-button value="pastdue">
<ion-label>Past Due</ion-label>
</ion-segment-button>
</ion-segment>
<div *ngIf="tabs =='about'" class="about">
<ion-label class="head_text">Mentor</ion-label>
<div class="mentor" (click)="onMentor()">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/p3.jpg)'"></div>
<div style="margin-left: 10px;">
<ion-label class="bold">Jonathon Williams</ion-label>
<ion-label class="grey">Senier UI/UX designer at google</ion-label>
</div>
</div>
<ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>
</div>
<ion-label class="head_text">About Course</ion-label>
<ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
commodi
</ion-label>
<ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
commodi
</ion-label>
<ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
commodi
</ion-label>
<ion-label class="head_text">Tools</ion-label>
<ion-label>Figma</ion-label>
</div>
<div *ngIf="tabs =='lesson'" 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 1 - Introduction</ion-label>
<ion-label class="color">15 min</ion-label>
</div>
<div *ngIf="tabs =='active'" class="lesson">
<ion-label class="head_text">Currently Active</ion-label>
<div class="video" *ngFor="let item of [1,2]">
<div class="left">
@@ -108,83 +67,45 @@
</div>
</div>
<div class="sec">
<ion-label class="grey">Section 2 - Figma Basic</ion-label>
<ion-label class="color">60 min</ion-label>
</div>
<div class="video" *ngFor="let item of [1,2,3,4,5,6]">
<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">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 class="sec">
<ion-label class="grey">Section 3 - Let's Practice</ion-label>
<ion-label class="color">75 min</ion-label>
</div>
<div class="video" *ngFor="let item of [1,2,3,4,5,6]">
<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">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 =='review'" class="review_tab">
<div class="total">
<div class="star-rate">
<ion-icon name="star-half-outline" color="warning"></ion-icon>
<ion-label class="bold">4.8 (5456 Reviews)</ion-label>
</div>
<ion-label class="color">See all</ion-label>
</div>
<div *ngIf="tabs =='review'" class="lesson">
<ion-label class="head_text">Jobs Ready for Review</ion-label>
<div class="video" *ngFor="let item of [1,2]">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
<div class="reviw_list" *ngFor="let item of [1,2,3,4,5]">
<div class="profile">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
<div style="margin-left: 10px;">
<ion-label class="bold">Jonathon Williams</ion-label>
</div>
</div>
<div class="right">
<div class="select">
<ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>
<ion-label class="rate_num">5</ion-label>
</div>
<ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>
<div class="text">
<ion-label class="bold_text">Why Using Figma ?</ion-label>
<ion-label class="grey_text">10 mins</ion-label>
</div>
</div>
<ion-label>The course is very good. the experience of the menter is very clear and easy to understand
</ion-label>
<div class="like">
<ion-icon slot="start" name="heart" color="danger" class="heart"></ion-icon>
<ion-label class="count">330</ion-label>
<ion-label class="time">2 Days ago</ion-label>
<div class="right">
<ion-icon name="lock-closed-outline"></ion-icon>
</div>
</div>
</div>
<div *ngIf="tabs =='pastdue'" class="lesson">
<ion-label class="head_text">Jobs Past Due Date</ion-label>
<div class="video" *ngFor="let item of [1,2]">
<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">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>
src/app/pages/jobmanager/jobmanager.page.ts
+4 -1
View File
@@ -11,7 +11,7 @@ import { NavController } from '@ionic/angular';
export class JobmanagerPage implements OnInit {
tabs = 'about';
tabs = 'active';
constructor(
private navctr: NavController,
@@ -21,6 +21,9 @@ export class JobmanagerPage implements OnInit {
ngOnInit() {
}
onMyJobs(){
this.router.navigate(['joblist']);
}
onBack() {
this.navctr.back();
}