templates/business_contacts/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Business Contacts{% endblock %}
  5. {% block body %}
  7.     {% include 'business_contacts/parts/import_and_export.html.twig' %}
  9.     {% for business_type in business_types %}
  10.         <h2 style="color: red">{{ business_type }} </h2><br>
  11.         <table class="table table-responsive-sm">
  12.             <thead>
  13.             <tr>
  14.                 <th>Photo</th>
  15.                 {% if is_granted('ROLE_ADMIN') %}
  16.                     <th style="width: 10px; text-align: left; color: red">Status</th>
  17.                 {% endif %}
  18.                 <th style="width: 150px; text-align: left">Company</th>
  19.                 <th style="width: 150px; text-align: left">Name</th>
  20.                 <th class="desktop" style="width: 10px; text-align: center">Website</th>
  21.                 <th class="desktop" style="width: 10px; text-align: center">Email</th>
  22.                 <th class="desktop" style="width: 10px; text-align: center">Mobile</th>
  23.                 <th class="desktop" style="width: 10px; text-align: center">Landline</th>
  24.                 <th class="desktop" style="width: 10px; text-align: center">Address</th>
  25.                 {% if is_granted('ROLE_ADMIN') %}
  26.                     <th class="desktop" style="width: 10px; text-align: center">Location</th>
  27.                 {% endif %}
  28.                 <th style="width: 10px; text-align: center">
  29.                     VCF
  30.                 </th>
  31.                 <th class="desktop" style="width: 10px; text-align: center">Files</th>
  32.                 {% include 'business_contacts/parts/access_count_headers.html.twig' %}
  33.             </tr>
  34.             </thead>
  35.             <tbody>
  36.             {% for business_contact in business_contacts %}
  37.                 {% if business_type == business_contact.businessType.businessType %}
  38.                     <tr>
  39.                         <td>
  40.                             {% if business_contact.photo is not null or 1==1 %}
  41.                                 {% set photo = asset('administration/attachments/Business_contacts/Photos/')~business_contact.photo %}
  42.                                 <a class="btn btn-outline-danger btn-sm" target="_blank"
  43.                                    href="">
  44.                                     <img height="50" width="50" src="{{ photo }}" class="rounded-circle"></a>
  45.                                 {{ business_contact.photo }}
  46.                             {% endif %}
  47.                         </td>
  48.                         {% if is_granted('ROLE_ADMIN') %}
  49.                             <td style="width: 10px; text-align: center">
  50.                                 {% if business_contact.status == "Approved" %}
  51.                                     <i title="{{ business_contact.status }}" style="color: green"
  52.                                        class="fa fa-check"></i>
  53.                                 {% elseif business_contact.status == "Pending" %}
  54.                                     <i title="{{ business_contact.status }}" style="color: grey"
  55.                                        class="fa fa-question-circle"></i>
  56.                                 {% elseif business_contact.status == "Not Approved" %}
  57.                                     <i title="{{ business_contact.status }}" style="color: red"
  58.                                        class="fa fa-remove"></i>
  59.                                 {% endif %}
  60.                             </td>
  61.                         {% endif %}
  63.                         <td>
  64.                             {{ business_contact.company }}
  65.                         </td>
  66.                         <td>{{ business_contact.firstName }} {{ business_contact.LastName }}</td>
  68.                         <td class="desktop" style="text-align: center">
  69.                             {% if business_contact.website  is not null %}
  70.                                 <a data-title="{{ business_contact.website }}" target="_blank"
  71.                                    title="{{ business_contact.website }}"
  72.                                    href="{{ business_contact.website }}" class="action"
  73.                                    data-id="{{ business_contact.id }}" data-action="Website">
  74.                                     <i class="fas fa-link"> </i></a>
  75.                             {% endif %}
  76.                         </td>
  77.                         <td class="desktop" style="text-align: center">
  78.                             {% if business_contact.email is not null %}
  79.                                 <a title="{{ business_contact.email }}" href="mailto:{{ business_contact.email }}"
  80.                                    class="action" data-id="{{ business_contact.id }}"
  81.                                    data-action="Email"><i
  82.                                             class="fas fa-envelope"> </i>
  83.                                 </a>
  84.                             {% endif %}
  85.                         </td>
  86.                         <td class="desktop" style="text-align: center">
  87.                             {% if business_contact.mobile is not null %}
  88.                                 <a title="{{ business_contact.mobile }}" target="_blank"
  89.                                    href="https://wa.me/{{ business_contact.mobile|replace({' ': ''}) }}"
  90.                                    class="action"
  91.                                    data-id="{{ business_contact.id }}"
  92.                                    data-action="WhatsApp">
  93.                                     <i class="fab fa-whatsapp" style="color:green; text-align: center"></i></a>
  94.                             {% endif %}
  95.                         </td>
  96.                         <td class="desktop" style="text-align: center">
  97.                             {% if business_contact.landline is not null %}
  98.                                 <a title="{{ business_contact.landline }}"
  99.                                    href="tel:{{ business_contact.landline|replace({' ': ''}) }}" class="action"
  100.                                    data-id="{{ business_contact.id }}"
  101.                                    data-action="Phone">
  102.                                     <i class="fa fa-phone" style="color:green; text-align: center"></i></a>
  103.                             {% endif %}
  104.                         </td>
  105.                         <td class="desktop">
  106.                             {% if business_contact.addressStreet is not empty %}
  107.                                 {% if is_granted('ROLE') %}
  108.                                 {% else %}
  109.                                     {% if business_contact.locationLongitude is not empty %}
  110.                                         <a target="_blank"
  111.                                            href="{{ path('show_location_google_maps',{id: business_contact.id}) }}"
  112.                                            class="action" data-id="{{ business_contact.id }}"
  113.                                            data-action="Map">
  114.                                             <i class='fas fa-map-marker-alt text-danger'></i></a>
  115.                                     {% endif %}
  116.                                 {% endif %}
  117.                                 {{ business_contact.addressStreet }},
  118.                                 {{ business_contact.addressCity }},
  119.                                 {{ business_contact.addressPostCode }}
  120.                             {% endif %}
  121.                         </td>
  123.                         {% if is_granted('ROLE_ADMIN') %}
  124.                             <td class="desktop" style="text-align: center">
  125.                                 {% if business_contact.locationLongitude is empty %}
  126.                                     {% if is_granted('ROLE_ADMIN') %}
  127.                                         <button class="btn btn-primary btn-sm"
  128.                                                 onclick="getLocation('{{ business_contact.id }}')">
  129.                                             <i class="fa fa-arrow-down"></i>
  130.                                         </button>
  131.                                     {% else %}
  132.                                         -
  133.                                     {% endif %}
  134.                                 {% else %}
  135.                                     <a target="_blank"
  136.                                        href="{{ path('show_location_google_maps',{id: business_contact.id}) }}"
  137.                                        class="action" data-id="{{ business_contact.id }}"
  138.                                        data-action="Map">
  139.                                         <i class='fas fa-map-marker-alt text-danger'></i></a>
  140.                                 {% endif %}
  141.                             </td>
  142.                         {% endif %}
  144.                         <td style="text-align: center">
  145.                             <div class="mobile">
  146.                                 <a class="btn btn-success btn-sm"
  147.                                    href="{{ path('business_contacts_show',{id: business_contact.id}) }}">Show</a>
  148.                             </div>
  149.                             <div class="desktop" style="text-align: center">
  150.                                 <a href="{{ path('create_vcard', {id: business_contact.id} ) }}" class="action"
  151.                                    data-id="{{ business_contact.id }}"
  152.                                    data-action="VCF"> <i style="color: blue" class="fas fa-address-card mr-0"></i></a>
  153.                             </div>
  154.                         </td>
  155.                         <td class="desktop">
  156.                             {% if business_contact.files is not empty %}
  157.                                 <i title="{{ business_contact.files }}" class="fa fa-paperclip"></i>
  158.                             {% endif %}
  159.                         </td>
  161.                         {% include 'business_contacts/parts/access_count_body.html.twig' %}
  163.                     </tr>
  164.                 {% endif %}
  165.             {% else %}
  166.             {% endfor %}
  167.             </tbody>
  168.         </table>
  169.         <br>
  170.         <br>
  171.     {% endfor %}
  172. {% endblock %}
  174. {% block datatable %}
  175.     <script>
  176.         {% if is_granted('ROLE_ADMIN') %}
  177.         $(document).ready(function () {
  178.             $('.table').DataTable({
  179.                 'pageLength': 100,
  180.                 "order": [[1, 'asc'], [2, 'asc']],
  181.                 "paging": false,
  182.                 "searching": false,
  183.                 "bInfo": false
  184.             });
  185.         });
  186.         {% else %}
  187.         $(document).ready(function () {
  188.             $('.table').DataTable({
  189.                 'pageLength': 100,
  190.                 "order": [[1, 'asc']],
  191.                 "paging": false,
  192.                 "searching": false,
  193.                 "bInfo": false
  194.             });
  195.         });
  196.         {% endif %}
  197.     </script>
  198. {% endblock datatable %}
  199. {% block additionaljs %}
  200.     <script>
  201.         var businessContactId = '';
  203.         function getLocation(id) {
  204.             businessContactId = id;
  206.             if (navigator.geolocation) {
  207.                 navigator.geolocation.getCurrentPosition(showLocation);
  208.             } else {
  209.                 $('#location').html('Geolocation is not supported by this browser.');
  210.             }
  211.         }
  213.         function showLocation(position) {
  215.             var latitude = position.coords.latitude;
  216.             var longitude = position.coords.longitude;
  217.             var pin = latitude + "," + longitude;
  219.             $.ajax({
  220.                 type: 'POST',
  221.                 url: 'update/user/location',
  222.                 data: 'latitude=' + latitude + '&longitude=' + longitude + '&id=' + businessContactId,
  223.                 success: function (msg) {
  224.                     location.reload();
  225.                 }
  226.             });
  227.         }
  228.     </script>
  229.     <script>
  230.         $('.action').click(function (e) {
  231.             e.preventDefault();
  232.             let elem = $(this);
  233.             let id = $(this).attr('data-id');
  234.             let action = $(this).attr('data-action');
  235.             let url = '/referrals/new_from_businesscontacts/' + id + '/' + action;
  236.             $.ajax({
  237.                 type: 'GET',
  238.                 url: url,
  239.                 success: function (msg) {
  240.                     //window.location.href()
  241.                     //alert('success');
  242.                     let goTo = elem.attr('href');
  243.                     window.open(goTo, '_blank');
  244.                 }
  245.             });
  246.         })
  247.     </script>
  248. {% endblock %}