custom/plugins/BrandCrockWhatsappChat/src/Resources/views/storefront/layout/whatsapp-chat.html.twig line 1

Open in your IDE?
  1. {% block layout_whats_app_inner %}
  2. {% set config = page.extensions['BcWhatsApp'].get('config') %}
  4.     <div class="whatsapp-chat-container">
  5.         {% block layout_whats_app_button %}
  6.             <div id='whatsapp-chat' class='bchide whatsapp_chat_block{% if config.whatsappiconposiontion == 1%} left-position{% else %} right-position{% endif %}'>
  7.                 <div class='header-chat'>
  8.                         {% set fromDate =  config.from %}
  9.                         {% set untillDate =  config.untill %}
  10.                         {% set fromAdminTimeZone = config.from|format_datetime('medium', 'medium', timezone=config.timeZone, locale=app.request.url) %}
  11.                         {% set untillAdminTimeZone = config.untill|format_datetime('medium', 'medium', timezone=config.timeZone, locale=app.request.url) %}
  12.                         {% set configHideChat =  config.outside  %}        
  13.                             
  14.                 <div class='head-home'>
  15.                         <h3>{{ config.headertitle}}</h3>
  16.                         <p>{{ config.headertext}}</p>
  17.                 </div>
  18.                     <div class='get-new bchide'>
  19.                             <div class='info-avatar'>
  20.                             <img id="get-avatar" src='' alt="avatar"/></a>
  21.                             </div>
  22.                             <div class='new-chat'>
  23.                             <span id='get-label'></span>
  24.                             <span id='get-nama'></span>
  25.                             </div>
  26.                     </div>
  27.                 </div>
  28.             <div class='home-chat'>
  29.                     <!-- Info Contact Start -->
  30.                     <a class='informasi' href='javascript:void(0)' title='Chat Whatsapp'>
  31.                     <div class='info-avatar'>
  32.                     <img src='{{ config.avatar ? asset(config.avatar) : "#"}}' alt="avatar"/>
  33.                     </div>
  34.                     <div class='info-chat'>
  35.                     <span class='chat-label'>{{ config.Subtitle}}</span>
  36.                     <span class='chat-nama'>{{ config.service}}</span>
  37.                     <input type="hidden" class="chat-avatar" value="{{ config.avatar ? asset(config.avatar) : ' '}}">
  38.                     </div>
  39.                     <input type="hidden" class="country-code" value="{{config.countrycode1}}">
  40.                     <span class='my-number'>{{ config.phonenumber}}</span>
  41.                 </a>
  42.                 <!-- Info Contact End -->
  43.                 <!-- Info Contact Start -->
  44.                 <a class='informasi' href='javascript:void(0)' title='Chat Whatsapp'>
  45.                 <div class='info-avatar'>
  46.                 <img src='{{ config.salesAvatar ? asset(config.salesAvatar) : "#"}}' alt="avatar"/>
  47.                 </div>
  48.                 <div class='info-chat'>
  49.                 <span class='chat-label'>{{ config.salesSubtitle}}</span>
  50.                 <span class='chat-nama'>{{ config.salesService}}</span>
  51.                 <input type="hidden" class="chat-avatar" value="{{ config.salesAvatar ? asset(config.salesAvatar) : ' '}}">
  52.                 </div>
  53.                 <input type="hidden" class="country-code" value="{{config.countrycode2}}">
  54.                 <span class='my-number'>{{ config.salesPhonenumber}}</span>
  55.                 </a>
  56.                 <!-- Info Contact End -->
  57.                 <div class='blanter-msg'>{{ config.footertext}}</div>
  58.             </div>
  59.             <div class='start-chat bchide'>
  60.                 <div class='first-msg'>
  61.                 <span id="msg">
  62.                 
  63.                 </span>
  64.                 </div>
  65.                     <div class='chat-msg'>
  66.                         <textarea id='chat-input' placeholder='Write a response' maxlength='120' row='1'></textarea>
  67.                         <a href='JavaScript:void(0);' id='send-it'>
  68.                         <img  class ="send_msg" src="{{ asset('bundles/brandcrockwhatsappchat/storefront/assets/img/imageonline-co-whitebackgroundremoved.png')}}" alt="imageonline-co-whitebackgroundremoved"></a>
  69.                     </div>
  70.                 </div>
  71.                 <div id='get-number'></div>
  72.                 <div id='get-country-code' style ="display:none"></div>
  73.                 <a class='close-chat' href='javascript:void(0)'>×</a>
  74.                 <a class='back-chat bchide'  href='javascript:void(0)'>
  75.                     <img src="{{ asset('bundles/brandcrockwhatsappchat/storefront/assets/img/60789-removebg-preview.png')}}" alt="whatsapp background preview">
  76.                 </a>
  77.             </div>
  78.         
  79.             <div class="whatsapp-button" id="whatsapp-logo">
  80.             <a href="javascript:void(0)" class="notification {% if config.whatsappiconposiontion == 1%}left-position{% else %}right-position{% endif %}">
  81.                 <img src="{{ asset('bundles/brandcrockwhatsappchat/storefront/assets/img/icons8-whatsapp-48.png') }}" alt="Whatsapp Icon">
  82.                 <span class="badge"></span>
  83.             </a>
  84.             </div>
  85.             
  86.               {% block javascripts %}
  87.                 <script type="text/javascript">
  88.                     var currentDate  =  new Date();
  89.                     var currentTime = currentDate.getTime()
  90.                     var fromDate= "{{fromAdminTimeZone}}"
  91.                     var untillDate = "{{untillAdminTimeZone}}"
  92.                     var fromTime =  new Date(fromDate).getTime();
  93.                     var untillTime=  new Date(untillDate).getTime();
  94.                     var hideChat = "{{configHideChat}}";
  95.                       
  96.                     if( currentTime >= fromTime && untillTime >= currentTime) {
  98.                         document.getElementById("whatsapp-logo").style.display ='block';
  99.                         document.getElementById("msg").innerHTML = '{{config.yourmessage}}';
  100.                         
  101.                     }else if( hideChat == 1){
  102.                         document.getElementById("whatsapp-logo").style.display ='none';
  103.                     }
  104.                     else{
  105.                         document.getElementById("msg").innerHTML = '{{config.alternate}}';
  106.                     }
  107.                 </script>
  108.             {% endblock %}
  110.         {% endblock %}
  111.     </div>
  112. {% endblock %}