templates/molecules/members/with-modal.html.twig line 1

Open in your IDE?
  1. <article class="ml-member {% if hasImage is defined and hasImage == true %} has-media is-vertical{% endif %}">
  2.     <usc-modal>
  3.         <template v-slot:trigger="slotProps">
  4.             {% if hasImage is defined and hasImage == true %}
  5.                 <a href="#" class="member-media-wrapper" @click="slotProps.open">
  6.                     <img src="{{ src ?? asset('/images/usc-default-avatar.png') }}" alt="">
  7.                 </a>
  8.             {% endif %}
  10.             <div class="member-content-wrapper">
  11.                 <h3 class="at-title">
  12.                     <a href="#" @click="slotProps.open">
  13.                         Nome Apelido Apelido
  14.                     </a>
  15.                 </h3>
  16.                 <span class="member-identifier">[cargo] en [empresa]</span>
  17.             </div>
  18.         </template>
  20.         <template v-slot:title>
  21.             Nome Apelido Apelido
  22.         </template>
  24.         <div class="row">
  25.             <div class="col-md-6">
  26.                 <p>[cargo] en [empresa]</p>
  27.                 <dl class="at-desc-list">
  28.                     <dt>Email</dt>
  29.                     <dd><a href="mailto:exemplo@usc.gal">exemplo@usc.gal</a></dd>
  30.                     <dt>Teléfono</dt>
  31.                     <dd>981 111 000</dd>
  32.                 </dl>
  34.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed velit blandit, pulvinar ex nec, aliquam nulla. Aenean semper dictum felis consequat ultricies. Cras at ornare ante. Ut feugiat magna quis neque dignissim, a posuere turpis eleifend. Sed in ligula quis dui convallis gravida. Nunc semper eros nec mi lobortis sollicitudin. Aenean sit amet massa augue.</p>
  35.                 <p>Vestibulum nibh ex, volutpat nec facilisis eget, convallis eget turpis. Morbi viverra ac turpis tincidunt eleifend. Nullam at tortor ut justo egestas dapibus quis eu felis. Praesent bibendum pellentesque lorem sed suscipit. Pellentesque et arcu vel metus dictum euismod eget sed ex.</p>
  36.             </div>
  37.             <div class="col-md-6">
  38.                 {% if src is defined and src is not empty %}
  39.                     <figure class="at-image">
  40.                         <img src="{{ src }}" alt="">
  41.                         <figcaption class="image-caption">Lorem ipsum dolor sit amet</figcaption>
  42.                     </figure>
  43.                 {% endif %}
  45.                 <ul class="ml-buttons-list is-vertical">
  46.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  47.                         <a href="">
  48.                             Ficha de investigador no Portal da Investigación da USC
  49.                         </a>
  50.                     </li>
  51.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  52.                         <a href="https://www.researchgate.net/">
  53.                             Ficha en ResearchGate
  54.                         </a>
  55.                     </li>
  56.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  57.                         <a href="https://orcid.org/">
  58.                             Ficha en ORCID
  59.                         </a>
  60.                     </li>
  61.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  62.                         <a href="https://linkedin.com/">
  63.                             Ficha en LinkedIn
  64.                         </a>
  65.                     </li>
  66.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  67.                         <a href="https://facebook.com/">
  68.                             Ficha en Facebook
  69.                         </a>
  70.                     </li>
  71.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  72.                         <a href="https://twitter.com/">
  73.                             Ficha en Twitter
  74.                         </a>
  75.                     </li>
  76.                     <li class="at-button is-tertiary at-link-smart-icon has-anchor-as-child">
  77.                         <a href="https://usc.gal/">
  78.                             URL da empresa
  79.                         </a>
  80.                     </li>
  81.                 </ul>
  83.                 <a href="">
  84.                     <img src="https://via.placeholder.com/80x40" alt="Logo da empresa" />
  85.                 </a>
  86.             </div>
  87.         </div>
  88.     </usc-modal>
  89. </article>