Interesrt Stats

This commit is contained in:
CHIEFSOFT\ameye
2024-07-21 07:30:37 -04:00
parent 5a765b5ff8
commit d8e8a1c813
8 changed files with 122 additions and 133 deletions
@@ -20,46 +20,9 @@
<div class="ion-padding">
<div class="flex">
<ion-label class="bold_text">Jobs Interest</ion-label>
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
</div>
<div class="row">
<ion-label class="bg_text">....</ion-label>
<div class="rate">
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<!-- <ion-label class="review">4.8 (4478 reviews)</ion-label>-->
</div>
</div>
<!-- <ion-label class="color_text">$40</ion-label>-->
<div class="items">
<!-- <div class="stud">-->
<!-- <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
<!-- <ion-label>9876 Students</ion-label>-->
<!-- </div>-->
<!-- <div class="stud">-->
<!-- <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
<!-- <ion-label>2.5 hours</ion-label>-->
<!-- </div>-->
<!-- <div class="stud">-->
<!-- <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
<!-- <ion-label>Certificate</ion-label>-->
<!-- </div>-->
</div>
<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">Section 1 - Introduction</ion-label>-->
<!-- <ion-label class="color">15 min</ion-label>-->
<!-- </div>-->
<div class="video" *ngFor="let item of jobManagerOffersJobsData" (click)="processJobInt(item)">
<div class="left">
@@ -68,7 +31,7 @@
<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.client_name}} : {{item.offer_code}} {{item.price*0.01}} {{item.currency}} </ion-label>
<ion-label class="price_line">{{item.client_name}} : {{item.price*0.01 | number : '1.2-2'}} {{item.currency}} </ion-label>
<ion-label class="due_date">Expire: {{item.expire}}</ion-label>
</div>
</div>
@@ -76,49 +39,8 @@
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
</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>
</div>
</ion-content>
@@ -23,25 +23,36 @@
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
</div>
<div class="row">
<ion-label class="bg_text">{{jobData.offer_code}}</ion-label>
<div class="rate">
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<ion-label class="review"> ({{jobData.interest_count}} interest)</ion-label>
</div>
</div>
<!-- <div class="row">-->
<!-- <ion-label class="bg_text">{{jobData.offer_code}}</ion-label>-->
<!-- <div class="rate">-->
<!-- &lt;!&ndash; <ion-icon name="star-half-outline" color="warning"></ion-icon>&ndash;&gt;-->
<!-- <ion-label class="review"> ({{jobData.interest_count}} interest)</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<ion-label class="color_text">Price: {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency}}</ion-label>
<!-- <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="time" color="primary"></ion-icon>-->
<!-- <ion-label>Timeline: {{jobData.timeline_days}} days</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<ion-label style="font-size: 16px; color: #0b5e86; font-weight: bolder;">Reward : {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency_code}}</ion-label>
<div class="items">
<div class="stud">
<ion-icon slot="start" name="time" color="primary"></ion-icon>
<ion-label>Timeline: {{jobData.timeline_days}} days</ion-label>
</div>
<div class="stud">
<ion-icon slot="start" name="document-text" color="primary"></ion-icon>
<ion-label>Interest:{{jobData.interest_count}}</ion-label>
</div>
</div>
<ion-accordion-group>
<ion-accordion *ngFor="let item of filterIntList" value="{{item.interest_uid}}" >
<ion-item class="arcord_head" slot="header" color="secondary">
@@ -13,6 +13,10 @@ ion-content {
}
}
.job-hx-part{
font-size: 12px;
font-weight: normal;
}
.flex {
display: flex;
justify-content: space-between;
@@ -28,6 +28,7 @@ export class JobintprocessPage implements OnInit {
console.log("XXXXX 1", this.router.getCurrentNavigation().extras);
console.log("XXXXX 2", this.router.getCurrentNavigation().extras.state);
//console.log("XXXXX 3", this.router.getCurrentNavigation().extras.state.ID);
// debugger;
if (this.jobData==undefined){
this.onBack();
}