templates/ProfilePreview/components/profile-phone.partial.twig line 1

Open in your IDE?
  1. <div class="profile-contacts-phone d-flex-c">
  2.     {%- if not profile.deleted -%}
  3.         {%- if profile.isActive or not profile.hidden -%}
  4.             {%- set onlyPhoneNumber = profile.phoneNumber|replace({' ': '', '-': '', '(': '', ')': ''}) -%}
  5.             <button class="profile-phone btn btn-main fw-600" type="button" onclick="this.classList.add('d-none');this.nextElementSibling.classList.remove('d-none')">
  6.                 <svg class="btn-icon" width="21" height="20" fill="none"><path d="M6.583 2.5H3.666a.836.836 0 0 0-.833.834C2.833 11.159 9.175 17.5 17 17.5a.836.836 0 0 0 .833-.833v-2.908a.836.836 0 0 0-.833-.834 9.503 9.503 0 0 1-2.975-.475.7.7 0 0 0-.259-.041.854.854 0 0 0-.591.241l-1.834 1.834A12.625 12.625 0 0 1 5.85 8.992l1.833-1.833a.836.836 0 0 0 .208-.85 9.467 9.467 0 0 1-.475-2.975.836.836 0 0 0-.833-.834Z"/></svg>
  7.                 <span class="btn-text">Показать телефон</span>
  8.             </button>
  9.             <!--noindex--><a href="tel:{{ onlyPhoneNumber }}" rel="nofollow" class="profile-phone btn btn-main fw-600 is-active d-none">
  10.                 <svg class="btn-icon" width="21" height="20" fill="none"><path d="M6.583 2.5H3.666a.836.836 0 0 0-.833.834C2.833 11.159 9.175 17.5 17 17.5a.836.836 0 0 0 .833-.833v-2.908a.836.836 0 0 0-.833-.834 9.503 9.503 0 0 1-2.975-.475.7.7 0 0 0-.259-.041.854.854 0 0 0-.591.241l-1.834 1.834A12.625 12.625 0 0 1 5.85 8.992l1.833-1.833a.836.836 0 0 0 .208-.85 9.467 9.467 0 0 1-.475-2.975.836.836 0 0 0-.833-.834Z"/></svg>
  11.                 <span class="btn-text">{{- profile.phoneNumber -}}</span>
  12.             </a><!--/noindex-->
  13.             {%- if profile.messengers.telegram or profile.messengers.whatsApp -%}
  14.                 <div class="profile-social d-flex-c">
  15.                     <!--noindex-->
  16.                     {%- if profile.messengers.telegram and profile.messengers.telegramUsername -%}
  17.                         <a href="https://telegram.me/{{ profile.messengers.telegramUsername }}" rel="noindex, nofollow" target="_blank">
  18.                             <svg class="profile-social-icon" width="40" height="40" fill="none"><circle cx="20" cy="20" r="20" fill="#2F89CE"/><path fill="#fff" d="m9.35 20.37 4.6 1.72 1.8 5.77c.07.39.54.46.85.23l2.57-2.1c.23-.24.62-.24.94 0l4.6 3.35c.3.23.77.07.85-.32L29 12.66c.08-.4-.31-.78-.7-.62L9.35 19.36c-.47.16-.47.86 0 1.01Zm6.16.86 9.04-5.53c.15-.08.3.15.15.23l-7.4 6.94c-.23.23-.47.54-.47.93l-.23 1.87c0 .24-.4.32-.47 0l-.93-3.43c-.24-.39-.08-.85.3-1Z"/></svg>
  19.                         </a>
  20.                     {%- endif -%}
  21.                     {%- if profile.messengers.whatsApp -%}
  22.                         <a href="https://wa.me/{{ onlyPhoneNumber }}?text=Привет,%20{{ profile.name }}.%20Нашел%20твою%20анкету%20на%20МосДосуге." rel="nofollow" target="_blank">
  23.                             <svg class="profile-social-icon" width="40" height="40" fill="none"><circle cx="20" cy="20" r="20" fill="#48C95F"/><path fill="#fff" d="M27.93 12.06A10.44 10.44 0 0 0 11.47 24.6L10 30l5.56-1.46a10.7 10.7 0 0 0 4.98 1.24c5.78 0 10.46-4.67 10.46-10.43-.07-2.7-1.1-5.32-3.07-7.29Zm-2.34 11.09c-.22.58-1.25 1.16-1.76 1.24a4.1 4.1 0 0 1-1.61-.08c-.37-.14-.88-.29-1.46-.58-2.64-1.1-4.32-3.72-4.47-3.94a4.7 4.7 0 0 1-1.1-2.7c0-1.3.66-1.9.88-2.18.22-.3.52-.3.73-.3h.52c.14 0 .36-.07.58.44.22.51.73 1.82.8 1.9.08.14.08.29 0 .44-.07.14-.14.29-.29.43-.14.15-.29.37-.36.44-.15.15-.3.3-.15.51.15.3.66 1.1 1.47 1.82 1.02.88 1.83 1.17 2.12 1.32.3.14.44.07.58-.08.15-.14.66-.73.8-1.02.15-.29.37-.22.6-.14a19.65 19.65 0 0 1 2.26 1.16c.07.22.07.73-.14 1.32Z"/></svg>
  24.                         </a>
  25.                     {%- endif -%}
  26.                     <!--/noindex-->
  27.                 </div>
  28.             {%- endif -%}
  29.         {%- else -%}
  30.             <div class="profile-phone btn btn-main btn-fluid fw-600">
  31.                 <svg class="btn-icon" width="25" height="24" fill="none"><path fill="#fff" d="m2.5 4.75 1.28-1.27L20.5 20.2l-1.27 1.28-3.08-3.08A11.83 11.83 0 0 1 1.5 11.48a11.75 11.75 0 0 1 3.19-4.54L2.5 4.75Zm10 3.73a3 3 0 0 1 2.83 4L11.5 8.65a3 3 0 0 1 1-.17Zm0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 0 1-4 5.2l-1.42-1.44a9.86 9.86 0 0 0 3.24-3.76 9.82 9.82 0 0 0-11.98-5L7.8 4.95c1.44-.62 3.03-.97 4.7-.97Zm-8.82 7.5a9.82 9.82 0 0 0 10.82 5.3l-2.28-2.3a3.06 3.06 0 0 1-2.72-2.72l-3.4-3.4a9.85 9.85 0 0 0-2.42 3.12Z"/></svg>
  32.                 <span class="btn-text">Анкета в архиве</span>
  33.             </div>
  34.         {%- endif -%}
  35.     {%- else -%}
  36.         {%- include 'ProfilePreview/components/deleted-profile.partial.twig' with {type: "profile", template: 'phone'} -%}
  37.     {%- endif -%}
  38. </div>