templates/network/auction/widgets/auction_widget_auctionhouse.html.twig line 1

Open in your IDE?
  1. {# Address #}
  2. {% set title = 'auctionhouse'|trans %}
  3. {% embed 'network/widget/widget.html.twig' %}
  4.   {% block content %}
  5.     <div class="flex">
  6.       <div class="w-4 mr-4">
  7.         {% include 'icons/auction-house.svg.twig' with { class: 'w-4 h-4' } %}
  8.       </div>
  9.       <address class="flex flex-col not-italic leading-snug">
  10.         <span class="font-medium">{{ auction.auctionhouse.name }}</span>
  11.         <span>{{ auction.auctionhouse.street }}</span>
  12.         <span>{{ auction.auctionhouse.postalCode }} {{ auction.auctionhouse.city }}</span>
  13.         <span>{{ auction.auctionhouse.country|country_name }}</span>
  14.       </address>
  15.     </div>
  16.   {% endblock %}
  17. {% endembed %}
  19. {# Contact #}
  21. {% set title = null %}
  22. {% embed 'network/widget/widget.html.twig' %}
  23.   {% block content %}
  24.     {% import 'macros/button.macro.twig' as button %}
  25.     <div class="grid gap-2">
  26.       {% if auction.auctionhouse.phone %}
  27.         <div class="flex items-center text-neutral-900">
  28.           <div class="w-4 mr-4">
  29.             {% include 'icons/phone.svg.twig' with { class: 'w-4 h-4' } %}
  30.           </div>
  31.           <a data-turbo='false' class="font-bold no-underline" href="tel:+{{ auction.auctionhouse.phone }}">
  32.             {{ auction.auctionhouse.phone|trim }}
  33.           </a>
  34.         </div>
  35.       {% endif %}
  36.       {% if auction.auctionhouse.fax %}
  37.         <div class="flex items-center text-neutral-900">
  38.           <div class="w-4 mr-4">
  39.             {% include 'icons/fax.svg.twig' with { class: 'w-5 h-5 -ml-1px' } %}
  40.           </div>
  41.           <div class="font-bold">
  42.             {{ auction.auctionhouse.fax|trim }}
  43.           </div>
  44.         </div>
  45.       {% endif %}
  46.       {% if auction.auctionhouse.email %}
  47.         <div class="flex items-center text-neutral-900">
  48.           <div class="w-4 mr-4">
  49.             {% include 'icons/mail.svg.twig' with { class: 'w-4 h-4' } %}
  50.           </div>
  51.           <a data-turbo='false' class="font-bold no-underline" href="mailto:{{ auction.auctionhouse.email }}">
  52.             {{ auction.auctionhouse.email|trim }}
  53.           </a>
  54.         </div>
  55.       {% endif %}
  56.       {% if auction.auctionhouse.website %}
  57.         <div class="flex items-center truncate text-neutral-900">
  58.           <div class="w-5 mr-3">
  59.             {% include 'icons/weblink.svg.twig' with { class: 'w-5 h-5' } %}
  60.           </div>
  61.           <div class="font-bold">
  62.             <a data-turbo='false'  href="{{ auction.auctionhouse.website }}" target="_blank" rel="noopener noreferrer">
  63.               {{ auction.auctionhouse.website|default(auction.auctionhouse.website) }}
  64.             </a>
  65.           </div>
  66.         </div>
  67.       {% endif %}
  69.       {% set auctionhouseLink = pimcore_url({ object: auction.auctionhouse }) %}
  70.       {% if auctionhouseLink %}
  71.         {{
  72.           button.link(
  73.             'auctionhouse-link'|trans,
  74.             'primary',
  75.             auctionhouseLink,
  76.             { size: 'sm', icon_after: 'arrow-right-tail', attr: { class: 'mt-2', 'data-turbo': 'false' } }
  77.           )
  78.         }}
  79.       {% endif %}
  80.     </div>
  81.   {% endblock %}
  82. {% endembed %}
  84. {# Map #}
  85. {% embed 'network/widget/widget.html.twig' %}
  86.   {% block content %}
  87.     {% if auction.auctionhouse.geolocation %}
  88.       <div class="hidden xl:block aspect-w-16 aspect-h-9 xl:aspect-w-1 xl:aspect-h-1"
  89.         data-controller="leaflet"
  90.         data-leaflet-options-value="{{ {
  91.           center: [
  92.             auction.auctionhouse.geolocation.latitude,
  93.             auction.auctionhouse.geolocation.longitude
  94.           ],
  95.           zoom: 12
  96.         }|json_encode }}"
  97.         data-leaflet-marker-value="{{ [
  98.           {
  99.             geolocation: [
  100.               auction.auctionhouse.geolocation.latitude,
  101.               auction.auctionhouse.geolocation.longitude
  102.             ],
  103.             color: auction.auctionhouse.color.hex,
  104.             title: auction.auctionhouse.name,
  105.             text: auction.auctionhouse.street ~ '<br>' ~ auction.auctionhouse.postalCode ~ ' '
  106.               ~ auction.auctionhouse.city
  107.               ~ '<br>'
  108.               ~ (auction.auctionhouse.country|country_name)
  109.           }
  110.         ]|json_encode }}">
  111.         <template data-leaflet-target="markerTemplate">
  112.           <b>%title%</b><br />
  113.           <span>%text%</span><br />
  114.         </template>
  115.         <div class="w-full h-full map" data-leaflet-target="map"></div>
  116.       </div>
  117.     {% endif %}
  118.   {% endblock %}
  119. {% endembed %}