templates/business_contacts/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Business Contacts{% endblock %}
  5. {% block body %}
  6.     {% include 'business_contacts/parts/import_and_export.html.twig' %}
  8.     {% for business_type in business_types %}
  9.         {% set business_contacts_count = CountBusinessContactsService.count(business_type) %}
  10.         {% set business_contacts_count_with_map_locations = CountBusinessContactsService.countWithMapLocations(business_type) %}
  12.         {% if business_type.mapicon is not null %}
  13.             {% set file = asset( 'administration/ATSSharedFiles/BusinessContactsMapIcons/' ~ business_type.mapIcon.iconFile) %}
  14.         {% endif %}
  16.         {% if business_contacts_count >0 %}
  17.             <div class="row">
  18.                 <div class="col-10">
  19.                     <h2 style="color: red">
  20.                         {% if business_contacts_count_with_map_locations> 0 %}
  21.                             <a class="btn btn-danger btn-sm"
  22.                                href="{{ path('business_contacts_map',{subset: business_type.businessType}) }}">
  23.                                 <i class="fa fa-map-marker"></i>
  24.                             </a>
  25.                         {% endif %}
  26.                         {% if business_type.mapIcon is not empty %}
  27.                             <img height="40" width="40" src="{{ file }}">
  28.                         {% endif %}
  30.                         {% if is_granted('ROLE_ADMIN') %}
  31.                             <a target="_blank" href="{{ path('business_types_edit',{id:business_type.id}) }}">
  32.                                 {{ business_type.businessType }}
  33.                             </a>
  34.                         {% else %}
  35.                             {{ business_type.businessType }}
  36.                         {% endif %}
  38.                         {% if app.user %}
  39.                             <a href="{{ path('business_contacts_new', {business_type: business_type.id}) }}">+</a>
  40.                         {% endif %}
  41.                     </h2>
  42.                 </div>
  43.             </div>
  46.             <table class="table table-responsive custom-table">
  47.                 <thead>
  48.                 <tr>
  49.                     {#                    <---- Start of Body 1 ----> #}
  50.                     <th>Photo</th>
  51.                     {#                    <---- End of Body 1 ----> #}
  53.                     {#                    <---- Start of Body 2 ----> #}
  54.                     <th style="width: 350px; text-align: left">Company</th>
  55.                     {% if list_or_map=='map' %}
  56.                         <th></th>{% endif %}
  57.                     <th style="width: 100px; text-align: left">
  58.                         <i class="fa fa-user"></i>
  59.                     </th>
  60.                     {#                    <---- End of Body 2 ----> #}
  61.                     {#                    <---- Start of Body 3 ----> #}
  62.                     <th class="desktop" title="Website" style="width: 10px; text-align: center">
  63.                         <i class="fa fa-link"></i>
  64.                     </th>
  65.                     <th class="desktop" title="Email" style="width: 10px; text-align: center">
  66.                         <i class="fa fa-envelope"></i>
  67.                     </th>
  68.                     <th class="desktop" title="Mobile" style="width: 10px; text-align: center; border-left: 1px dotted;">
  69.                         <i class="fab fa-whatsapp"></i>
  70.                     </th>
  71.                     {% for type in ['mobile'] %}
  72.                         {% include 'business_contacts/parts/telephone_numbers_header.html.twig' %}
  73.                     {% endfor %}
  74.                     <th class="desktop" title="Phone" style="width: 10px; text-align: center">
  75.                         <i class="fa fa-phone"></i>
  76.                     </th>
  77.                     {% for type in ['landline'] %}
  78.                         {% include 'business_contacts/parts/telephone_numbers_header.html.twig' %}
  79.                     {% endfor %}
  81.                     {#                    <---- End of Body 3 ----> #}
  82.                     {#                    <---- Start of Body 4 ----> #}
  84.                     <th class="mobile">' '</th>
  86.                     <th class="desktop" title="Address" style="width: 400px; text-align: left">
  87.                         <i class="fa fa-building"></i>
  88.                     </th>
  89.                     {#                    <---- End of Body 4 ----> #}
  91.                     {#                    <---- Start of Body 5 ----> #}
  92.                     <th class="desktop" title="Notes" style="width: 100px; text-align: left"><i class="fa fa-pen"></i>
  93.                     </th>
  94.                     <th style="width: 10px; text-align: center" title="Business card"><i class="fa fa-address-card"></i>
  95.                     </th>
  96.                     <th class="desktop" title="Files" style="width: 10px; text-align: center"><i
  97.                                 class="fa fa-file-pdf"></i></th>
  99.                     {% include 'business_contacts/parts/access_count_headers.html.twig' %}
  100.                 </tr>
  101.                 </thead>
  102.                 <tbody>
  103.                 {% for business_contact in business_contacts %}
  105.                     {% set phoneAnalysisMobile = phoneAnalysisMobile[business_contact.id] ?? null %}
  106.                     {% set phoneAnalysisLandline = phoneAnalysisLandline[business_contact.id] ?? null %}
  108.                     {% if business_type == business_contact.businessType %}
  109.                         {% set business_contact_website =[] %}
  110.                         {% if business_contact.website is not empty %}
  111.                             {% if business_contact.website starts with 'http' %}
  112.                                 {% set business_contact_website = business_contact.website %}
  113.                             {% else %}
  114.                                 {% set business_contact_website = 'https://'~ business_contact.website %}
  115.                             {% endif %}
  116.                         {% endif %}
  117.                         <tr>
  118.                             {% include 'business_contacts/parts/1 photo.html.twig' %}
  119.                             {% include 'business_contacts/parts/2 company_and_user.html.twig' %}
  120.                             {% include 'business_contacts/parts/3 website_email_tels.html.twig' %}
  121.                             {% include 'business_contacts/parts/4 map marker.html.twig' %}
  122.                             {% include 'business_contacts/parts/5 notes buttons files.html.twig' %}
  123.                             {% include 'business_contacts/parts/access_count_body.html.twig' %}
  124.                         </tr>
  125.                     {% endif %}
  126.                 {% endfor %}
  127.                 </tbody>
  128.             </table>
  129.             <br><br>
  130.         {% endif %}
  131.     {% endfor %}
  132. {% endblock %}
  134. {% block datatable %}
  135.     <script>
  136.         {% if is_granted('ROLE_ADMIN') %}
  137.         $(document).ready(function () {
  138.             $('.table').DataTable({
  139.                 'pageLength': 100,
  140.                 "order": [[12, 'asc'], [1, 'asc']],
  141.                 "paging": false,
  142.                 "searching": false,
  143.                 "bInfo": false
  144.             });
  145.         });
  146.         {% else %}
  147.         $(document).ready(function () {
  148.             $('.table').DataTable({
  149.                 'pageLength': 100,
  150.                 "order": [[1, 'asc']],
  151.                 "paging": false,
  152.                 "searching": false,
  153.                 "bInfo": false
  154.             });
  155.         });
  156.         {% endif %}
  157.     </script>
  158. {% endblock datatable %}
  159. {% block additionaljs %}
  161.     <script>
  162.         var businessContactId = '';
  164.         function getLocation(id) {
  165.             businessContactId = id;
  166.             if (navigator.geolocation) {
  167.                 navigator.geolocation.getCurrentPosition(showLocation);
  168.             } else {
  169.                 $('#location').html('Geolocation is not supported by this browser.');
  170.             }
  171.         }
  173.         function showLocation(position) {
  174.             var latitude = position.coords.latitude;
  175.             var longitude = position.coords.longitude;
  176.             var pin = latitude + "," + longitude;
  177.             $.ajax({
  178.                 type: 'POST',
  179.                 url: 'update/location',
  180.                 data: 'latitude=' + latitude + '&longitude=' + longitude + '&id=' + businessContactId,
  181.                 success: function (msg) {
  182.                     location.reload();
  183.                 }
  184.             });
  185.         }
  186.     </script>
  188.     <script>
  189.         $('.action').click(function (e) {
  190.             e.preventDefault();
  191.             let elem = $(this);
  192.             let id = $(this).attr('data-id');
  193.             let action = $(this).attr('data-action');
  194.             let url = '/referrals/new_from_businesscontacts/' + id + '/' + action;
  195.             $.ajax({
  196.                 type: 'GET',
  197.                 url: url,
  198.                 success: function (msg) {
  199.                     //window.location.href()
  200.                     //alert('success');
  201.                     let goTo = elem.attr('href');
  202.                     window.open(goTo, '_blank');
  203.                 }
  204.             });
  205.         })
  206.     </script>
  207. {% endblock %}