From 885b95866cf257c0ae96c6d80db3557927b537d5 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Wed, 22 Nov 2023 16:14:45 -0500
Subject: [PATCH] offer page

---
 src/app/pages/joboffers/joboffers.page.html | 179 +++++++++++++-------
 src/app/pages/joboffers/joboffers.page.scss |   3 +
 2 files changed, 119 insertions(+), 63 deletions(-)

diff --git a/src/app/pages/joboffers/joboffers.page.html b/src/app/pages/joboffers/joboffers.page.html
index f0a93e3..fc60477 100644
--- a/src/app/pages/joboffers/joboffers.page.html
+++ b/src/app/pages/joboffers/joboffers.page.html
@@ -13,91 +13,144 @@
 <ion-content>
     <div class="boxed_contents">
         <div class="ion-padding">
-            <div class="flex">
+            <div class="flex hdt">
                 <ion-label class="bold_text">You have {{total_offers}} Offer(s)</ion-label>
-                <!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
             </div>
 
-            <div *ngFor="let item of myOffersData">
-                <div class="offers_div">
+            <div *ngIf="total_offers>3;">
+                <ion-accordion-group>
+                    <ion-accordion  *ngFor="let item of myOffersData" value="{{item.offer_uid}}">
+                        <ion-item slot="header" color="light">
+                            <ion-label>{{item.title}}</ion-label>
+                        </ion-item>
+                        <div class="ion-padding" slot="content">
+                            <div class="offers_div">
 
-                    <ion-grid>
-                        <ion-row>
-                            <ion-col>
-                                <img class="offer_banner" alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
-                            </ion-col>
-                            <ion-col>
-                                <div>
-                                    <div class="offer_title">{{item.title}}</div>
-                                    <div class="expire">Expiration : {{item.expire | date}}</div>
-                                    <div class="price">Price : {{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
-                                </div>
-
-                                <div class="detail_txt">
-                                    {{(item.job_description.length<95)? item.job_description :item.job_description.substring(0,95)+'...' }}
-                                </div>
-
-
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col>
-                                <ion-grid class="action_area">
+                                <ion-grid>
                                     <ion-row>
                                         <ion-col>
-                                            <ion-button size="small" (click)="requestReject(item)" color="danger" fill="solid" shape="round">Reject</ion-button>
+                                            <img class="offer_banner" alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
                                         </ion-col>
                                         <ion-col>
+                                            <div>
+                                                <div class="offer_title">{{item.title}}</div>
+                                                <div class="expire">Expiration : {{item.expire | date}}</div>
+                                                <div class="price">Price : {{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
+                                            </div>
+
+                                            <div class="detail_txt">
+                                                {{(item.job_description.length<95)? item.job_description :item.job_description.substring(0,95)+'...' }}
+                                            </div>
+
 
                                         </ion-col>
+                                    </ion-row>
+                                    <ion-row>
                                         <ion-col>
-                                            <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>
+                                            <ion-grid class="action_area">
+                                                <ion-row>
+                                                    <ion-col>
+                                                        <ion-button size="small" (click)="requestReject(item)" color="danger" fill="solid" shape="round">Reject</ion-button>
+                                                    </ion-col>
+                                                    <ion-col>
+
+                                                    </ion-col>
+                                                    <ion-col>
+                                                        <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>
+                                                    </ion-col>
+                                                </ion-row>
+                                            </ion-grid>
+
                                         </ion-col>
                                     </ion-row>
                                 </ion-grid>
 
-                            </ion-col>
-                        </ion-row>
-                    </ion-grid>
-
-
-                </div>
-
-                <!--      <div class="top_banner">-->
-                <!--&lt;!&ndash;        <img class="offer_banner" alt="{{item.title}}" src="https://www.wrenchboard.com/assets/images/apps/offerslist/{{item.banner}}" />&ndash;&gt;-->
-                <!--        <img class="offer_banner" alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />-->
-
-                <!--      </div>-->
-                <!--      <ion-card-header>-->
-                <!--        <ion-card-title class="offer_title">{{item.title}}</ion-card-title>-->
-                <!--        <ion-card-subtitle>Expiration:{{item.expire | date}}</ion-card-subtitle>-->
-                <!--      </ion-card-header>-->
-
-                <!--      <ion-card-content>-->
-                <!--        {{item.job_description}}-->
-                <!--      </ion-card-content>-->
-
-                <!--      <ion-grid>-->
-                <!--        <ion-row>-->
-                <!--          <ion-col>-->
-                <!--            <ion-button size="small" (click)="requestReject(item)" color="danger" fill="outline">Reject</ion-button>-->
-                <!--          </ion-col>-->
-                <!--          <ion-col>-->
-
-                <!--          </ion-col>-->
-                <!--          <ion-col>-->
-                <!--            <ion-button size="small" (click)="requestStart(item)" color="success" fill="outline">Start Now</ion-button>-->
-                <!--          </ion-col>-->
-                <!--        </ion-row>-->
-                <!--      </ion-grid>-->
-
 
+                            </div>
+                        </div>
+                    </ion-accordion>
+                </ion-accordion-group>
             </div>
 
+            <div *ngIf="total_offers>0 && total_offers<4;">
+                <div *ngFor="let item of myOffersData">
+                    <div class="offers_div">
+
+                        <ion-grid>
+                            <ion-row>
+                                <ion-col>
+                                    <img class="offer_banner" alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
+                                </ion-col>
+                                <ion-col>
+                                    <div>
+                                        <div class="offer_title">{{item.title}}</div>
+                                        <div class="expire">Expiration : {{item.expire | date}}</div>
+                                        <div class="price">Price : {{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
+                                    </div>
+
+                                    <div class="detail_txt">
+                                        {{(item.job_description.length<95)? item.job_description :item.job_description.substring(0,95)+'...' }}
+                                    </div>
+
+
+                                </ion-col>
+                            </ion-row>
+                            <ion-row>
+                                <ion-col>
+                                    <ion-grid class="action_area">
+                                        <ion-row>
+                                            <ion-col>
+                                                <ion-button size="small" (click)="requestReject(item)" color="danger" fill="solid" shape="round">Reject</ion-button>
+                                            </ion-col>
+                                            <ion-col>
+
+                                            </ion-col>
+                                            <ion-col>
+                                                <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>
+                                            </ion-col>
+                                        </ion-row>
+                                    </ion-grid>
+
+                                </ion-col>
+                            </ion-row>
+                        </ion-grid>
+
+
+                    </div>
+                </div>
+            </div>
 
 
         </div>
     </div>
+
+    <!--      <div class="top_banner">-->
+    <!--&lt;!&ndash;        <img class="offer_banner" alt="{{item.title}}" src="https://www.wrenchboard.com/assets/images/apps/offerslist/{{item.banner}}" />&ndash;&gt;-->
+    <!--        <img class="offer_banner" alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />-->
+
+    <!--      </div>-->
+    <!--      <ion-card-header>-->
+    <!--        <ion-card-title class="offer_title">{{item.title}}</ion-card-title>-->
+    <!--        <ion-card-subtitle>Expiration:{{item.expire | date}}</ion-card-subtitle>-->
+    <!--      </ion-card-header>-->
+
+    <!--      <ion-card-content>-->
+    <!--        {{item.job_description}}-->
+    <!--      </ion-card-content>-->
+
+    <!--      <ion-grid>-->
+    <!--        <ion-row>-->
+    <!--          <ion-col>-->
+    <!--            <ion-button size="small" (click)="requestReject(item)" color="danger" fill="outline">Reject</ion-button>-->
+    <!--          </ion-col>-->
+    <!--          <ion-col>-->
+
+    <!--          </ion-col>-->
+    <!--          <ion-col>-->
+    <!--            <ion-button size="small" (click)="requestStart(item)" color="success" fill="outline">Start Now</ion-button>-->
+    <!--          </ion-col>-->
+    <!--        </ion-row>-->
+    <!--      </ion-grid>-->
 <!--  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">-->
 <!--    <div class="ion-padding">-->
 <!--      <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
diff --git a/src/app/pages/joboffers/joboffers.page.scss b/src/app/pages/joboffers/joboffers.page.scss
index 0a43f16..f3abc6b 100644
--- a/src/app/pages/joboffers/joboffers.page.scss
+++ b/src/app/pages/joboffers/joboffers.page.scss
@@ -39,6 +39,9 @@ ion-content {
       text-overflow:ellipsis;
     }
   }
+  .hdt{
+    padding-bottom: 10px;
+  }
   .back_image {
     width: 100%;
     height: 100px;