templates/templates/pages/center/center-repository.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/organization.html.twig" %}
  3. {% block bodyClass %}tpl-repository{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/organization-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         title: 'Directorio'
  12.     } %}
  13. {% endblock %}
  15. {% block pageContent %}
  17.     <section class="org-tier is-minimal is-marginless-top">
  18.         <div class="tier-content">
  19.             <usc-content-filter
  20.                     :options="[{key: null, name: 'Todos', selected: true}, {key: 'is-type-1', name: 'PDI', selected: false}, {key: 'is-type-2', name: 'PAS', selected: false} ]"
  21.             >
  22.                 <template v-slot:filters>
  23.                     <usc-text-filter
  24.                             target-container="#banners-container-1"
  25.                             target-items=".ml-specs"
  26.                     ></usc-text-filter>
  27.                 </template>
  29.                 <div class="org-modules-container repository-content" id="banners-container-1">
  30.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  31.                         link: path('department-staff-person'),
  32.                         title: 'Carlos Hidalgo', modifiers:'is-type-2'} %}
  33.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  34.                         link: path('department-staff-person'),
  35.                         title: 'Xandra Rodríguez Lemos', modifiers:'is-type-1'} %}
  36.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  37.                         link: path('department-staff-person'),
  38.                         title: 'Macarena Rodríguez Toural', modifiers:'is-type-1'} %}
  39.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  40.                         link: path('department-staff-person'),
  41.                         title: 'Henrique Santiago Rodríguez',modifiers: 'is-type-2'} %}
  42.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  43.                         link: path('department-staff-person'),
  44.                         title: 'Sebastián Salgado', modifiers:'is-type-2'} %}
  45.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  46.                         link: path('department-staff-person'),
  47.                         title: 'Isabel Rodríguez Docarmo',modifiers: 'is-type-2'} %}
  48.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  49.                         link: path('department-staff-person'),
  50.                         title: 'Enriqueta Lamenca Martínez', modifiers:'is-type-1'} %}
  51.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  52.                         link: path('department-staff-person'),
  53.                         title: 'Sabela Samuel Rodríguez',modifiers: 'is-type-2'} %}
  54.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  55.                         link: path('department-staff-person'),
  56.                         title: 'Carmo Fidalgo Sabarís', modifiers:'is-type-1'} %}
  57.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  58.                         link: path('department-staff-person'),
  59.                         title: 'Helena Domínguez Dasilva',modifiers: 'is-type-2'} %}
  60.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  61.                         link: path('department-staff-person'),
  62.                         title: 'Xela Cruz Costa',modifiers: 'is-type-2'} %}
  63.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  64.                         link: path('department-staff-person'),
  65.                         title: 'Eladio Suárez Álvarez', modifiers:'is-type-1'} %}
  66.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  67.                         link: path('department-staff-person'),
  68.                         title: 'Miguel Campos Ricárdez', modifiers:'is-type-2'} %}
  69.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  70.                         link: path('department-staff-person'),
  71.                         title: 'Manuel Pérez Roma',modifiers: 'is-type-2'} %}
  72.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  73.                         link: path('department-staff-person'),
  74.                         title: 'Fabiola Rodríguez Castro', modifiers:'is-type-1'} %}
  75.                     {% include 'molecules/specs/contact-hidden.html.twig' with {
  76.                         link: path('department-staff-person'),
  77.                         title: 'Enrique Santiago Rodríguez',modifiers: 'is-type-2'} %}
  78.                 </div>
  79.             </usc-content-filter>
  80.         </div>
  81.     </section>
  82. {% endblock %}
  84. {% block siteFooter %}
  85.     {% include 'organisms/site-footer.html.twig' %}
  86. {% endblock %}
  88. {% block javascripts %}
  89.     {{ parent() }}
  91.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  93.     <script type="text/javascript">
  94.       $(function () {
  95.         if (!Array.isArray) {
  96.           Array.isArray = function(arg) {
  97.             return Object.prototype.toString.call(arg) === '[object Array]';
  98.           };
  99.         }
  101.         function renderEmail(email) {
  102.           return '<a href="mailto:' + email + '">' + email + '</a>';
  103.         }
  105.         function renderEntry(data) {
  106.           var html = '';
  108.           if (data.telefono && Array.isArray(data.telefono) && data.telefono.length > 0) {
  109.             html += '<dt>Teléfono</dt><dd property="telephone">' +
  110.                 data.telefono.join('<br/>') + '</dd>';
  111.           }
  113.           if (data.correo && data.correo.length > 0) {
  114.             html += '<dt>Email</dt><dd property="email">' + renderEmail(data.correo) + '</dd>';
  115.           }
  117.           if (html === '') {
  118.             return '<strong>Non hai datos de contacto</strong>';
  119.           }
  121.           return '<dl class="at-desc-list">' + html + '</dl>';
  122.         }
  124.         $('a.more-contact-details-button').click(function(evt) {
  125.           evt.stopPropagation();
  126.           evt.preventDefault();
  128.           var postVars = {};
  129.           var container = $(this).parent();
  130.           var dropDown = container.find('div.more-contact-details');
  132.           if (dropDown.attr("aria-expanded") === "true") {
  133.             dropDown.attr("aria-expanded", "false");
  134.             container.find('div.more-contact-details').html('');
  135.             return;
  136.           }
  138.           // Amosar só un contedor aberto a vez.
  139.           $('.repository-content .more-contact-details-container').attr("aria-expanded", "false").html('');
  141.           postVars.id = $(this).data('contactId');
  142.           container.find('.more-contact-details-container').html(
  143.               '<strong>Cargando información de contacto</strong>'
  144.           );
  145.           dropDown.attr("aria-expanded", "true");
  147.           $.ajax({
  148.             type: 'post',
  149.             url: '{{ path('repository_contact_info') }}',
  150.             data: postVars,
  151.             success: function (data) {
  152.               if (data.data) {
  153.                 container.find('.more-contact-details-container').html(renderEntry(data.data));
  154.               }
  155.             },
  156.             error: function (xhr, ajaxOptions, thrownError) {
  157.               container.find('.more-contact-details-container').html(
  158.                   '<strong>ERROR! Please try again later</strong>'
  159.               );
  160.             }
  161.           });
  162.         });
  163.       });
  164.     </script>
  165. {% endblock %}