diff --git a/src/app/pages/joblist/joblist.page.ts b/src/app/pages/joblist/joblist.page.ts
index 6fe0167..a51fd24 100644
--- a/src/app/pages/joblist/joblist.page.ts
+++ b/src/app/pages/joblist/joblist.page.ts
@@ -32,12 +32,20 @@ export class JoblistPage implements OnInit {
this.navctr.back();
}
+ jobOwnerJobDetails(item){
+ var jobEData ={
+ jobData: item,
+ session_image_server: this.session_image_server
+ };
+
+ this.router.navigate(['ownersjob'],{state: jobEData});
+ }
onMentor() {
this.router.navigate(['mentor']);
}
onEnroll() {
- this.router.navigate(['enroll']);
+
}
usrData: {
action:13005, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
diff --git a/src/app/pages/ownersjob/ownersjob-routing.module.ts b/src/app/pages/ownersjob/ownersjob-routing.module.ts
new file mode 100644
index 0000000..1496964
--- /dev/null
+++ b/src/app/pages/ownersjob/ownersjob-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { OwnersjobPage } from './ownersjob.page';
+
+const routes: Routes = [
+ {
+ path: '',
+ component: OwnersjobPage
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class OwnersjobPageRoutingModule {}
diff --git a/src/app/pages/ownersjob/ownersjob.module.ts b/src/app/pages/ownersjob/ownersjob.module.ts
new file mode 100644
index 0000000..3816a06
--- /dev/null
+++ b/src/app/pages/ownersjob/ownersjob.module.ts
@@ -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 { OwnersjobPageRoutingModule } from './ownersjob-routing.module';
+
+import { OwnersjobPage } from './ownersjob.page';
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ IonicModule,
+ OwnersjobPageRoutingModule
+ ],
+ declarations: [OwnersjobPage]
+})
+export class OwnersjobPageModule {}
diff --git a/src/app/pages/ownersjob/ownersjob.page.html b/src/app/pages/ownersjob/ownersjob.page.html
new file mode 100644
index 0000000..817e9c5
--- /dev/null
+++ b/src/app/pages/ownersjob/ownersjob.page.html
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+ This Jobs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{jobData.contract}}
+
+
+
+
+
+
+
Price: {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency}}
+
+
+
+
+ Timeline: {{jobData.timeline_days}} days
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Activities
+
+
+
+
+
+ Send Message
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/ownersjob/ownersjob.page.scss b/src/app/pages/ownersjob/ownersjob.page.scss
new file mode 100644
index 0000000..f9fda44
--- /dev/null
+++ b/src/app/pages/ownersjob/ownersjob.page.scss
@@ -0,0 +1,396 @@
+
+ion-content {
+ .back_image {
+ width: auto;
+ height: 130px;
+ background-repeat: no-repeat;
+ background-size: contain;
+
+ .back {
+ font-size: 25px;
+ color: black;
+ }
+ }
+ ion-card{
+ margin: 10px 0px 10px 0px;
+ ion-card-content{
+ margin:0px
+ }
+ ion-grid{
+ margin: 0px;
+ }
+ }
+
+ .flex {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ ion-icon {
+ font-size: 22px;
+ }
+ }
+
+ .row {
+ display: flex;
+ align-items: center;
+ margin-top: 10px;
+
+ .bg_text {
+ color: var(--ion-color-primary);
+ background: #dfe1f3;
+ font-size: 12px;
+ padding: 2px 5px;
+ border-radius: 5px;
+ margin-right: 10px;
+ }
+
+ .rate {
+ display: flex;
+ align-items: center;
+
+ .review {
+ margin-left: 5px;
+ }
+ }
+ }
+
+ .color_text {
+ margin-top: 10px;
+ font-size: 22px;
+ font-family: 'semi-bold';
+ color: var(--ion-color-primary);
+ }
+
+ .items {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ border-bottom: 1px solid lightgrey;
+ padding-bottom: 10px;
+
+ .stud {
+ display: flex;
+ align-items: center;
+
+ ion-icon {
+ margin-right: 5px;
+ }
+
+ ion-label {
+ color: grey;
+ }
+ }
+ }
+
+ .about {
+ margin-top: 10px;
+
+ .head_text {
+ font-size: 18px;
+ font-family: 'semi-bold';
+ margin-bottom: 10px;
+ }
+
+ .mentor {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20px;
+
+ .left {
+ display: flex;
+
+ .men_image {
+ height: 50px;
+ width: 50px;
+ border-radius: 100%;
+ }
+
+ .bold {
+ font-family: 'semi-bold';
+ }
+
+ .grey {
+ color: grey;
+ font-size: 14px;
+ }
+ }
+
+ ion-icon {
+ font-size: 25px;
+ }
+ }
+
+ .description {
+ color: grey;
+ margin-bottom: 5px;
+ }
+ }
+
+ .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;
+ }
+ }
+ }
+
+ .review_tab {
+ margin-top: 20px;
+
+ .total {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .star-rate {
+ display: flex;
+ align-items: center;
+
+ .bold {
+ font-size: 17px;
+ font-family: 'semi-bold';
+ margin-left: 5px;
+ }
+ }
+
+ .color {
+ color: var(--ion-color-primary);
+ font-size: 14px;
+ }
+ }
+
+
+ .story-item {
+ overflow: scroll;
+ display: flex;
+ flex-direction: row;
+ margin-top: 20px;
+
+ .menu {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+
+ .item {
+ padding: 5px;
+ margin: 5px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+
+ ion-thumbnail {
+ border-radius: 15px;
+ width: max-content;
+ height: 60px;
+ width: 60px;
+ --border-radius: 50%;
+ }
+
+ ion-label {
+ font-size: 14px;
+ font-family: "medium";
+ color: var(--ion-color-medium);
+ }
+ }
+
+ .text {
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ .select {
+ display: flex;
+ align-items: center;
+ border: 1px solid var(--ion-color-primary);
+ border-radius: 20px;
+ padding: 2px 15px;
+ margin-right: 10px;
+
+ .rate_num {
+ margin-left: 5px;
+ color: var(--ion-color-primary);
+ }
+ }
+
+ .show {
+ background-color: var(--ion-color-primary);
+ }
+
+ .white {
+ color: white !important;
+ }
+
+ .choice {
+ display: flex;
+ }
+ }
+ }
+ }
+
+ .reviw_list {
+ margin-top: 25px;
+
+ .profile {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 10px;
+
+ .left {
+ display: flex;
+ align-items: center;
+
+ .men_image {
+ height: 40px;
+ width: 40px;
+ border-radius: 100%;
+ }
+
+
+ .bold {
+ font-family: 'semi-bold';
+ }
+
+ .grey {
+ color: grey;
+ font-size: 14px;
+ }
+ }
+
+ .right {
+ display: flex;
+ align-items: center;
+
+ .select {
+ display: flex;
+ align-items: center;
+ border: 1px solid var(--ion-color-primary);
+ border-radius: 20px;
+ padding: 2px 15px;
+ margin-right: 10px;
+
+ .rate_num {
+ margin-left: 5px;
+ color: var(--ion-color-primary);
+ }
+ }
+
+ ion-icon {
+ font-size: 20px;
+ }
+ }
+ }
+
+ .like {
+ display: flex;
+ align-items: center;
+ margin-top: 10px;
+
+ .heart {
+ font-size: 25px;
+ margin-right: 5px;
+ }
+
+ .count {
+ margin-right: 10px;
+ }
+
+ .time {
+ color: grey;
+ font-size: 14px;
+ }
+ }
+ }
+ }
+
+
+
+ .bold_text {
+ font-size: 20px;
+ font-family: 'bold';
+ }
+}
+
+
+ion-footer {
+ --background: white;
+
+ ion-toolbar {
+ --border-width: 0px;
+ padding: 10px;
+ align-items: center;
+
+ ion-icon {
+ color: white;
+ font-size: 25px;
+ }
+
+ .button {
+ background-color: var(--ion-color-primary);
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ border-radius: 30px;
+ padding: 12px 0;
+
+ .text {
+ color: white;
+ }
+ }
+ }
+}
diff --git a/src/app/pages/ownersjob/ownersjob.page.spec.ts b/src/app/pages/ownersjob/ownersjob.page.spec.ts
new file mode 100644
index 0000000..459bf8b
--- /dev/null
+++ b/src/app/pages/ownersjob/ownersjob.page.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { OwnersjobPage } from './ownersjob.page';
+
+describe('OwnersjobPage', () => {
+ let component: OwnersjobPage;
+ let fixture: ComponentFixture
;
+
+ beforeEach(waitForAsync(() => {
+ TestBed.configureTestingModule({
+ declarations: [ OwnersjobPage ],
+ imports: [IonicModule.forRoot()]
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(OwnersjobPage);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ }));
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/pages/ownersjob/ownersjob.page.ts b/src/app/pages/ownersjob/ownersjob.page.ts
new file mode 100644
index 0000000..26696fc
--- /dev/null
+++ b/src/app/pages/ownersjob/ownersjob.page.ts
@@ -0,0 +1,37 @@
+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";
+
+@Component({
+ selector: 'app-ownersjob',
+ templateUrl: './ownersjob.page.html',
+ styleUrls: ['./ownersjob.page.scss'],
+})
+export class OwnersjobPage implements OnInit {
+ jobData: any;
+ item_banner:string = 'default.jpg';
+ session_image_server:string='';
+ curr_session:string="";
+ tabs = 'activities';
+ constructor(
+ private navctr: NavController,
+ private router: Router,
+ public sessionDataProviderService: SessionDataProviderService,
+ private wrenchService: WrenchService
+ ) {
+
+ this.jobData = this.router.getCurrentNavigation().extras.state.jobData;
+ this.session_image_server = this.router.getCurrentNavigation().extras.state.session_image_server;
+ this.item_banner = this.jobData.banner;
+ }
+ onBack() {
+ this.navctr.back();
+ }
+ ngOnInit() {
+ this.curr_session = this.sessionDataProviderService.session;
+ //this.activeJobMsgList();
+ }
+
+}