templates/marketplace/includes/market-sold.html.twig line 1

  1. <div class="grid-container">
  2.     <div class="grid-x grid-padding-y grid-padding-x">
  3.         <div class="small-2 cell">
  4.             <a href="{{ path('explorer_asset_detail', { id: marketItem.nftHub.id }) }}">
  5.                 <img src="{{ marketItem.nftHub.nftMetadata.imageUrl }}" />
  6.             </a>
  7.         </div>
  8.         <div class="small-4 cell">
  9.             <span style="font-size: .8em;">{{ marketItem.updatedAt|date }}</span> <br>
  10.             <span style="font-size: .7em;">{{ marketItem.nftHub.nftMetadata.nftCollection.name }} Series {{ marketItem.nftHub.nftMetadata.nftCollection.series }}</span><br>
  11.             <strong><span style="color: #999">#{{ marketItem.nftHub.nftMetadata.mint }}</span> {{ marketItem.nftHub.nftMetadata.name }}</strong><br>
  12.             <img height="15" width="15" src="{{ asset('build/images/web/tfuel-logo.svg') }}" style="vertical-align: center;" />
  13.             <span style="color: #ffa50d; font-size: .9em; vertical-align: center; font-weight: bold;">{{ marketItem.price }}</span> <span style="color: #ffa50d; font-size: .9em; vertical-align: center; font-weight: bold;">TFUEL</span>
  14.             <br>
  15.             <span style="font-size: .9em;">
  16.             {% if marketItem.seller.user is not null and marketItem.seller.user is defined %}
  17.                 <a href="{{ path('user_profile', { userId: marketItem.seller.user.id, domain: app_domain }) }}">
  18.                 {{ marketItem.seller.user.username is defined ? marketItem.seller.user.username : marketItem.seller.address|slice(0,6) ~ '...' ~ marketItem.seller.address|slice(38,42) }}
  19.             </a>
  20.             {% else %}
  21.                 {{ marketItem.seller.user.username is defined ? marketItem.seller.user.username : marketItem.seller.address|slice(0,6) ~ '...' ~ marketItem.seller.address|slice(38,42) }}
  22.             {% endif %}
  23.             </span>
  24.             <svg xmlns="http://www.w3.org/2000/svg" width="23.828" height="14.769" style=" margin: 0 5px; filter: invert(96%) sepia(78%) saturate(2%) hue-rotate(181deg) brightness(111%) contrast(100%);"><path d="m13.616 2.828 2.585 2.586H0v4h16.143l-2.527 2.526 2.828 2.829 7.384-7.384L16.444 0l-2.828 2.828z"/></svg>
  25.             <span style="font-size: .9em;">
  26.             {% if marketItem.buyer.user is not null and marketItem.buyer.user is defined %}
  27.                 <a href="{{ path('user_profile', { userId: marketItem.buyer.user.id, domain: app_domain }) }}">
  28.                 {{ marketItem.buyer.user.username is defined ? marketItem.buyer.user.username : marketItem.buyer.address|slice(0,6) ~ '...' ~ marketItem.buyer.address|slice(38,42) }}
  29.             </a>
  30.             {% else %}
  31.                 {{ marketItem.buyer.user.username is defined ? marketItem.buyer.user.username : marketItem.buyer.address|slice(0,6) ~ '...' ~ marketItem.buyer.address|slice(38,42) }}
  32.             {% endif %}
  33.             </span>
  34.         </div>
  35.         <div class="small-6 cell">
  36.             {% if marketItem.sellerPayout is not null %}
  37.             <span style="display:block; font-size: .9em;">Seller Payout: {{ marketItem.sellerPayout }}</span>
  38.             <span style="display:block; font-size: .9em;">Market Fee: {{ marketItem.fee }}</span>
  39.             <span style="display:block; font-size: .9em;"><a href="https://explorer.thetatoken.org/txs/{{ marketItem.tx }}" target="_blank">Transaction Details</a></span>
  40.             {% endif %}
  41.         </div>
  42.     </div>
  43. </div>