Place Bid Modal Template | Artisio Webapp + Timed Auctions

Name: placeBidModalTemplate
Url: #/lots/{LOT_UUID} (mobile/modal overlay)
Description: Template for the mobile-friendly bid placement modal that appears when a user taps the bid button on a lot listing item. This modal provides a condensed version of the lot's bidding information and inputs, optimized for smaller screens.

Default Template

<ModalLotDetails :lot="lot"/>

<div class="ta-lot-bidding lot-bidding-layout-grid">
  <lot-view-lot-no :label="$t('Lot Number')"/>
  <lot-countdown-timer :lot="lot"/>
  <bidding-start-price/>
  <div class="mb-2">
    <label class="muted-label">{{ $t('Current Bid') }}</label>
    <LotActualPrice :lot="lot"/>
  </div>
  <div class="mb-2">
    <label class="muted-label">{{ $t('Buy now') }}</label>
    <div class="text-black-600">{{ lot.buy_now_price || '(Empty)' }}</div>
  </div>
  <div class="mb-2">
    <label class="muted-label">{{ $t('No of bids') }}</label>
    <LotNumberOfBids :lot="lot"/>
  </div>
</div>

<bidding-actions>
  <div class="ta-lot-bidding-max-bid-wrapper">
    <bidding-input :label="true" class="mb-3" :for-mobile="true"/>
  </div>
  <bidding-max-bid-input/>
  <bidding-buy-now-button :for-mobile="true" class="mt-4"/>
</bidding-actions>

Available Components

`<ModalLotDetails />`

Displays a summary header for the modal with the lot's image and title side by side.

Component props

lot

Type: object
Required

The lot object.

`<LotViewLotNo />`

Displays the lot number with a configurable label.

Component props

label

Type: string, boolean
Default: true (shows "Lot:")

The label displayed before the lot number. Pass a string to customize or false to hide.

`<LotCountdownTimer />`

Displays the lot countdown timer. Does not render if the lot is already sold or unsold.

`<BiddingStartPrice />`

Displays the lot's start price formatted in the auction currency.

`<LotActualPrice />`

Displays the current actual price of the lot (last bid amount, or start price if no bids have been placed).

Component props

lot

Type: object
Required

`<LotNumberOfBids />`

Displays the number of bids placed on the lot. Only rendered when enableBidding is enabled.

`<BiddingActions />`

A wrapper that conditionally renders its slot content only when bidding is enabled and the lot is still open for bids. Also handles offline detection and "Register as Bidder" state.