WrenchBoardIonic2023/src/app/components/offers-received/offers-received.component.html

<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>