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

styles

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-11-23 06:34:07 -05:00
parent bd26d295f6
commit fb15dd14c1
4 changed files with 91 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
REMEMBER.txt
+2 -1
View File
@@ -62,11 +62,12 @@ ionic generate service waiting-interest
ionic generate component tracking
ionic generate page addcredit
ionic generate page ownersjob
ionic generate component latest-market
ionic generate service tasks-data
ionic generate service banners-data
src/app/pages/ownersjob/ownersjob.page.html
+47 -33
View File
@@ -5,7 +5,7 @@
<ion-icon name="arrow-back-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>This Jobs</ion-title>
<ion-title>{{jobData.title}}</ion-title>
</ion-toolbar>
</ion-header>
<!--{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}-->
@@ -18,25 +18,16 @@
<div class="ion-padding">
<div class="boxed_contents">
<!-- <div class="flex">-->
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
<!-- </div>-->
<div class="flex">
<!-- <ion-label class="bold_text">{{jobData.title}}</ion-label>-->
<ion-label class="bold_text">{{jobData.title}}</ion-label>
</div>
<div class="row">
<ion-label class="bg_text">{{jobData.contract}}</ion-label>
<div class="rate">
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<!-- <ion-label class="review"> Due date: {{jobData.delivery_date |date}} </ion-label>-->
</div>
</div>
<ion-label class="color_text">Price: {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency}}</ion-label>
<div class="items">
<div class="stud">
<!-- <ion-icon slot="start" name="money" color="primary"></ion-icon>-->
<ion-label>Price: {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency}}</ion-label>
</div>
<div class="stud">
<ion-icon slot="start" name="time" color="primary"></ion-icon>
<ion-label>Timeline: {{jobData.timeline_days}} days</ion-label>
</div>
@@ -87,18 +78,50 @@
<!-- </ion-row>-->
<!-- </ion-grid>-->
<ion-segment [(ngModel)]="tabs">
<ion-segment-button value="activities">
<ion-label>Activities</ion-label>
<ion-segment class="common_segment" [(ngModel)]="tabs">
<ion-segment-button value="assignjob">
<ion-label>Assign Job</ion-label>
</ion-segment-button>
<!-- <ion-segment-button value="lesson">-->
<!-- <ion-label>Show Interest</ion-label>-->
<!-- </ion-segment-button>-->
<ion-segment-button value="message">
<ion-label>Send Message</ion-label>
<ion-segment-button value="jobdetail">
<ion-label>Details</ion-label>
</ion-segment-button>
<ion-segment-button value="manage">
<ion-label>Manage</ion-label>
</ion-segment-button>
</ion-segment>
<div *ngIf="tabs =='assignjob'" class="jobowner">
<ion-accordion-group>
<ion-accordion value="first">
<ion-item slot="header" color="light">
<ion-label>Place in Market</ion-label>
</ion-item>
<div class="ion-padding" slot="content">First Content</div>
</ion-accordion>
<ion-accordion value="second">
<ion-item slot="header" color="light">
<ion-label>Assign to individual</ion-label>
</ion-item>
<div class="ion-padding" slot="content">Second Content</div>
</ion-accordion>
</ion-accordion-group>
</div>
<div *ngIf="tabs =='jobdetail'" class="lesson">
</div>
<div *ngIf="tabs =='manage'" class="lesson">
</div>
<!-- <div *ngIf="tabs =='about'" class="about">-->
<!-- <ion-label class="head_text">{{jobData.offer_code}}</ion-label>-->
@@ -123,16 +146,7 @@
<!-- </ion-label>-->
<!-- </div>-->
<div *ngIf="tabs =='activities'" class="lesson">
</div>
<div *ngIf="tabs =='message'" class="lesson">
</div>
</div>
src/app/pages/ownersjob/ownersjob.page.scss
+37 -27
View File
@@ -84,6 +84,14 @@ ion-content {
}
}
.jobowner{
padding: 10px;
border-radius: 10px;
background-color: aliceblue;
margin-top: 15px;
min-height: 250px;
}
.about {
margin-top: 10px;
@@ -93,35 +101,37 @@ ion-content {
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;
}
}
//.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;
src/app/pages/ownersjob/ownersjob.page.ts
+5 -2
View File
@@ -14,7 +14,7 @@ export class OwnersjobPage implements OnInit {
item_banner:string = 'default.jpg';
session_image_server:string='';
curr_session:string="";
tabs = 'activities';
tabs = 'assignjob';
constructor(
private navctr: NavController,
private router: Router,
@@ -22,9 +22,12 @@ export class OwnersjobPage implements OnInit {
private wrenchService: WrenchService
) {
this.jobData = this.router.getCurrentNavigation().extras.state.jobData;
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;
if (this.jobData== undefined){
this.onBack();
}
}
onBack() {
this.navctr.back();