templates/pages/company_overview.html.twig line 1

Open in your IDE?
  1. <div data-component="SearchCompany" data-base-url="{{ path('companies') }}{% if map %}?map{% endif %}"
  2.      class="row offices-overview offices-overview__second-version">
  3.     <aside class="sidebar col-12 col-md-4">
  4.         <div class="block-filters">
  5.             <h2>{{ 'Filter results found'|trans }}</h2>
  6.             <form action="{{ path('vacancies') }}" id="company_options_form" method="post">
  7.                 <script id="facetSelectionTemplate" type="text/x-jsrender">
  8.                     <%if values.length %>
  9.                         <%for values ~filter=title%>
  10.                             <a href="#" data-selected="<%:~filter%>[<%:name%>]" class="tag">
  11.                                 <%:name%>
  12.                                 <i class="fas fa-times icon-right"></i>
  13.                             </a>
  14.                         <%/for%>
  15.                     <%/if%>
  17.                 </script>
  19.                 <div id="selected-filters" style="display:none;" class="component component--filters">
  20.                     <div class="is-card widget widget--selection-tags is-margin-bottom-0">
  21.                         <div class="card-body">
  22.                             <h2>{{ 'Your selection'|trans }}:</h2>
  23.                             <a href="#" title="{{ 'Delete everything'|trans }}" class="remove-all">
  24.                                 <i class="far fa-trash icon-before"></i>
  25.                                 {{ 'Delete everything'|trans }}
  26.                             </a>
  27.                             <div class="tags">
  28.                             </div>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.                 <div class="is-card">
  33.                     <div class="card-body">
  34.                         <div class="component component--filters">
  35.                             <div class="filters list">
  36.                                 <script id="facetTemplate" type="text/x-jsrender">
  37.                                     <div class="filter-group">
  38.                                         <h2><%:title%><i class="far fa-angle-up"></i></h2>
  39.                                         <ul class="checkbox-group<%if !expanded_by_default%> collapsed<%/if%> education_level" id="<%:title%>">
  40.                                             <%for values ~filter=title%>
  41.                                                 <li><input  class="filter-checkbox"
  42.                                                             id="<%:~filter%>[<%:name%>]"
  43.                                                             name="filters[<%:~filter%>][]"
  44.                                                             value="<%:name%>"
  45.                                                             type="checkbox"
  46.                                                             <%if selected%>
  47.                                                             checked="checked"
  48.                                                             <%/if%>
  49.                                                     ><label for="<%:~filter%>[<%:name%>]"><%:name%>
  50.                                                     <span class="count"><%:count%></span></label>
  51.                                                 </li>
  52.                                             <%/for%>
  53.                                         </ul>
  54.                                         <a href="#"
  55.                                             class="show-more-options"
  56.                                             data-component="ButtonToggle"
  57.                                             data-toggle-default="<%if !expanded_by_default%>more<%else%>less<%/if%>"
  58.                                             data-toggle-more-label="{{ 'Show more'|trans }}" data-toggle-more-icon="fa-plus-square"
  59.                                             data-toggle-less-label="{{ 'Show less'|trans }}" data-toggle-less-icon="fa-minus-square"
  60.                                         >
  61.                                             <i class="far fa-plus-square icon-before"></i>
  62.                                             <span>{{ 'Show more'|trans }}</span>
  63.                                         </a>
  64.                                     </div>
  66.                                 </script>
  67.                                 <div class="filters list" id="facet_list"></div>
  68.                             </div>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </form>
  73.         </div>
  74.         <script id="facetSeoTemplate" type="text/x-jsrender">
  75.             <div class="widget">
  76.                 <%for values ~filter=content%>
  77.                     <%:content%>
  78.                 <%/for%>
  79.             </div>
  81.         </script>
  82.         <div class="facet-seo"></div>
  83.     </aside>
  84.     <main id="office-list" class="main-content col-12 col-md-8">
  85.         <h1>
  86.             {{ 'All offices'|trans }}
  87.             <span class="product-results">(<span class="results-count">0</span> {{ 'results'|trans }})</span>
  88.         </h1>
  89. {#        <div class="is-card sorting-btns">#}
  90. {#            <div class="card-body">#}
  91. {#                <a href="{{ path('companies') }}" title="{{ 'Show as list'|trans }}"#}
  92. {#                   class="is-btn {{ map ? '' : 'active' }}">#}
  93. {#                    <i class="far fa-list-alt icon-before"></i>{{ 'Show as list'|trans }}#}
  94. {#                </a>#}
  95. {#                <a href="{{ path('companies') }}?map" title="{{ 'Show on map'|trans }}"#}
  96. {#                   class="is-btn {{ map ? 'active' : '' }}">#}
  97. {#                    <i class="far fa-map icon-before"></i> {{ 'Show on map'|trans }}#}
  98. {#                </a>#}
  99. {#            </div>#}
  100. {#        </div>#}
  101.         {% if map %}
  102.             <div id="googleMap" data-map-style='{{ mapStyle|raw }}' style="width: 100%;height: 620px;"></div>
  104.             <script id="googleInfoWindowContent" type="text/x-jsrender">
  105.                 <h4><%:name%></h4>
  106.                 <p class="m-0"><%:address%><br>
  107.                 <%:zipcode%> <%:city%></p>
  108.                 <a target="_blank" href="<%:website%>"><%:website%></a>
  110.             </script>
  111.         {% endif %}
  112.         <script id="companyTemplate" type="text/x-jsrender">
  113.             <div class="component component--office is-margin-bottom-0">
  114.                 <div data-component="Favorite" data-company-id="<%:id%>" class="card office office__second-version has-img">
  115.                     <div class="card-body">
  117.                         <div class="office-content">
  118.                             <div class="office-top">
  119.                                 <%if logo%>
  120.                                     <figure class="office-img">
  121.                                         <img loading="lazy" src="<%:logo.w240%>" alt="<%:name%>">
  122.                                     </figure>
  123.                                 <%/if%>
  124.                                 <div class="office-title">
  125.                                      <a data-format="TitleFormatter" title="<%:title%>" href="<%generateCompanyUrl id slug friendly_url/%>">
  126.                                         <h3><%:name%></h3>
  127.                                     </a>
  128.                                     <div class="sub">
  129.                                         <a href="<%generateCompanyUrl id slug friendly_url/%>" title="<%:name%>">
  130.                                             <%:city%>
  131.                                         </a>
  132.                                     </div>
  133.                                 </div>
  134.                             </div>
  135.                         </div>
  136.                         <div class="office-body">
  138.                         </div>
  139.                         <div class="office-footer">
  140.                             <div class="office-options">
  141.                                 <ul>
  142.                                     <%for option_values%>
  143.                                         <%if option.visible_in_detail%>
  144.                                             <li>
  145.                                                 <i class="<%:option.font_awesome_icon%>"></i><%:value%>
  146.                                             </li>
  147.                                         <%/if%>
  148.                                     <%/for%>
  149.                                 </ul>
  150.                             </div>
  151.                             <a href="<%generateCompanyUrl id slug friendly_url/%>" title="<%:name%>" class="is-btn is-color-accent is-padding-0">
  152.                                 {{ 'View office page'|trans }}
  153.                                 <i class="far fa-angle-right icon-after"></i>
  154.                             </a>
  155.                     </div>
  156.                     </div>
  157.                 </div>
  158.             </div>
  160.         </script>
  162.         <div id="company-results">
  163.             <div id="ajax-wait" style=""><img loading="lazy" src="{{ asset('/assets/contentbox/spinner.svg') }}" id="ajax-wait-image"
  164.                                               alt="ajax-loader"></div>
  165.         </div>
  166.         <div class="pagination"></div>
  167.     </main>
  168. </div>