From 2a301d6d3892deaa80cef2230a22a58ae9287149 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=9D=D0=B0=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=B8=D0=BD?= <igor_26reg@mail.ru>
Date: Sun, 30 Nov 2025 10:26:17 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=BE=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D0=BC=D0=B5=D1=81=D1=81=D0=B5=D0=BD=D0=B4=D0=B6?=
 =?UTF-8?q?=D0=B5=D1=80=D0=BE=D0=B2=20=D0=B2=20=D0=BF=D1=80=D0=BE=D1=84?=
 =?UTF-8?q?=D0=B8=D0=BB=D0=B5:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=86=D0=B2=D0=B5=D1=82=D0=BD=D1=8B=D0=B5?=
 =?UTF-8?q?=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D0=B8,=20=D0=BA=D0=BB=D0=B8?=
 =?UTF-8?q?=D0=BA=D0=B0=D0=B1=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20=D1=81?=
 =?UTF-8?q?=D1=81=D1=8B=D0=BB=D0=BA=D0=B8,=20=D0=B1=D1=8B=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D1=8B=D0=B5=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=B4=D0=B5=D0=B9=D1=81=D1=82=D0=B2=D0=B8=D0=B9=20=D0=B8=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D1=81=D0=BA=D0=B0=D0=B7=D0=BA=D0=B8=20=D0=B2?=
 =?UTF-8?q?=20=D1=84=D0=BE=D1=80=D0=BC=D0=B5=20=D1=80=D0=B5=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/employee_form_contact.html     | 18 +++++-
 .../templates/employees/employee_detail.html  | 64 ++++++++++++++++++-
 2 files changed, 76 insertions(+), 6 deletions(-)

diff --git a/backend/templates/employees/components/employee_form_contact.html b/backend/templates/employees/components/employee_form_contact.html
index fb27c979..e8aeb6b5 100644
--- a/backend/templates/employees/components/employee_form_contact.html
+++ b/backend/templates/employees/components/employee_form_contact.html
@@ -26,24 +26,36 @@
         </div>
 
         <div class="col-sm-4">
-          <label class="form-label" for="f_telegram">Telegram</label>
+          <label class="form-label" for="f_telegram">
+            <i class="bi-telegram text-primary"></i> Telegram
+          </label>
           <input id="f_telegram" class="form-control" name="telegram"
                  value="{{ emp.telegram|default:'' }}" inputmode="text"
+                 placeholder="@username или chat_id"
                  data-init="{{ emp.telegram|default:'' }}" data-contact="1">
+          <div class="form-text small">Для уведомлений (найдите ID через @userinfobot)</div>
           <div class="invalid-feedback"></div>
         </div>
         <div class="col-sm-4">
-          <label class="form-label" for="f_whatsapp">WhatsApp</label>
+          <label class="form-label" for="f_whatsapp">
+            <i class="bi-whatsapp" style="color: #25D366;"></i> WhatsApp
+          </label>
           <input id="f_whatsapp" class="form-control" name="whatsapp"
                  value="{{ emp.whatsapp|default:'' }}" inputmode="tel"
+                 placeholder="+79001234567"
                  data-init="{{ emp.whatsapp|default:'' }}" data-contact="1">
+          <div class="form-text small">Номер телефона в формате E.164</div>
           <div class="invalid-feedback"></div>
         </div>
         <div class="col-sm-4">
-          <label class="form-label" for="f_wechat">WeChat</label>
+          <label class="form-label" for="f_wechat">
+            <i class="bi-wechat" style="color: #09B83E;"></i> WeChat
+          </label>
           <input id="f_wechat" class="form-control" name="wechat"
                  value="{{ emp.wechat|default:'' }}" inputmode="text"
+                 placeholder="WeChat ID"
                  data-init="{{ emp.wechat|default:'' }}" data-contact="1">
+          <div class="form-text small">Ваш WeChat идентификатор</div>
           <div class="invalid-feedback"></div>
         </div>
       </div>
diff --git a/backend/templates/employees/employee_detail.html b/backend/templates/employees/employee_detail.html
index 9a610e62..b57197b5 100644
--- a/backend/templates/employees/employee_detail.html
+++ b/backend/templates/employees/employee_detail.html
@@ -72,6 +72,40 @@
               {% endif %}
             </div>
 
+            {# Быстрые действия с мессенджерами #}
+            {% if emp.telegram or emp.whatsapp or emp.wechat %}
+            <div class="mt-3 d-flex gap-2 justify-content-center flex-wrap">
+              {% if emp.telegram %}
+              <a href="https://t.me/{{ emp.telegram }}" target="_blank" 
+                 class="btn btn-sm btn-outline-primary d-flex align-items-center gap-1"
+                 title="Написать в Telegram">
+                <i class="bi-telegram"></i>
+                <span class="d-none d-sm-inline">Telegram</span>
+              </a>
+              {% endif %}
+              
+              {% if emp.whatsapp %}
+              <a href="https://wa.me/{{ emp.whatsapp }}" target="_blank" 
+                 class="btn btn-sm d-flex align-items-center gap-1"
+                 style="background-color: #25D366; color: white; border-color: #25D366;"
+                 title="Написать в WhatsApp">
+                <i class="bi-whatsapp"></i>
+                <span class="d-none d-sm-inline">WhatsApp</span>
+              </a>
+              {% endif %}
+              
+              {% if emp.wechat %}
+              <button class="btn btn-sm d-flex align-items-center gap-1"
+                      style="background-color: #09B83E; color: white; border-color: #09B83E;"
+                      title="WeChat ID: {{ emp.wechat }}"
+                      onclick="navigator.clipboard.writeText('{{ emp.wechat }}'); this.innerHTML='<i class=\'bi-check\'></i> Скопировано'; setTimeout(() => this.innerHTML='<i class=\'bi-wechat\'></i> <span class=\'d-none d-sm-inline\'>WeChat</span>', 2000)">
+                <i class="bi-wechat"></i>
+                <span class="d-none d-sm-inline">WeChat</span>
+              </button>
+              {% endif %}
+            </div>
+            {% endif %}
+
             <!-- Contacts -->
             <div class="mt-3 text-start">
               <div class="ios-acc">
@@ -100,9 +134,33 @@
                           <a href="tel:{{ emp.phone_number }}">{{ emp.phone_number }}</a>
                         </div>
                       {% endif %}
-                      {% if emp.telegram %}<div class="ios-cell"><i class="bi-telegram"></i><span>{{ emp.telegram }}</span></div>{% endif %}
-                      {% if emp.whatsapp %}<div class="ios-cell"><i class="bi-whatsapp"></i><span>{{ emp.whatsapp }}</span></div>{% endif %}
-                      {% if emp.wechat %}<div class="ios-cell"><i class="bi-wechat"></i><span>{{ emp.wechat }}</span></div>{% endif %}
+                      
+                      {# Мессенджеры с цветными иконками и ссылками #}
+                      {% if emp.telegram %}
+                        <div class="ios-cell">
+                          <i class="bi-telegram text-primary"></i>
+                          <a href="https://t.me/{{ emp.telegram }}" target="_blank" class="text-decoration-none">
+                            <span>Telegram: {{ emp.telegram }}</span>
+                          </a>
+                        </div>
+                      {% endif %}
+                      
+                      {% if emp.whatsapp %}
+                        <div class="ios-cell">
+                          <i class="bi-whatsapp" style="color: #25D366;"></i>
+                          <a href="https://wa.me/{{ emp.whatsapp }}" target="_blank" class="text-decoration-none">
+                            <span>WhatsApp: {{ emp.whatsapp }}</span>
+                          </a>
+                        </div>
+                      {% endif %}
+                      
+                      {% if emp.wechat %}
+                        <div class="ios-cell">
+                          <i class="bi-wechat" style="color: #09B83E;"></i>
+                          <span>WeChat: {{ emp.wechat }}</span>
+                        </div>
+                      {% endif %}
+                      
                       {% if not emp.email and not emp.phone_number and not emp.telegram and not emp.whatsapp and not emp.wechat %}
                         <div class="ios-cell"><span class="text-secondary">Контакты не указаны</span></div>
                       {% endif %}