diff --git a/mockup.html b/mockup.html index 1b2f221..f3e17a7 100644 --- a/mockup.html +++ b/mockup.html @@ -484,6 +484,50 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei .ov-row .ov-k{color:var(--mut)} .ov-row .ov-v{font-weight:600} +/* ── ЧАСЫ В САЙДБАРЕ ── */ +.side-clock{padding:10px 16px 6px;border-top:1px solid rgba(255,255,255,.07);margin-top:auto} +.side-clock-day{font-size:10px;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px} +.side-clock-date{font-size:13px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:2px} +.side-clock-time{font-size:18px;font-weight:800;color:#fff;letter-spacing:.5px;font-variant-numeric:tabular-nums} + +/* ── ПАНЕЛЬ ПРОТОКОЛА ── */ +.protocol-bar{display:none;align-items:center;gap:14px;background:linear-gradient(135deg,#fff7f8,#fff);border:2px solid var(--bg);border-radius:14px;padding:14px 18px;margin-bottom:18px;animation:slideIn .25s ease} +.protocol-bar.show{display:flex} +@keyframes slideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} +.pb-ico{font-size:22px;flex-shrink:0} +.pb-body{flex:1;min-width:0} +.pb-title{font-size:13px;font-weight:800;color:var(--ink)} +.pb-sub{font-size:11px;color:var(--mut);margin-top:1px} +.pb-btn{background:var(--bg);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0} +.pb-btn:hover{background:var(--bghv)} + +/* ── ПЕРЕПИСКА ── */ +.chat-compose{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:18px;max-width:700px} +.chat-compose-ttl{font-size:13px;font-weight:700;margin-bottom:12px;color:var(--ink)} +.chat-field{margin-bottom:10px} +.chat-field label{font-size:11px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:4px} +.chat-field input,.chat-field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--ink);resize:vertical;outline:none;transition:border-color .15s} +.chat-field input:focus,.chat-field textarea:focus{border-color:var(--bg)} +.chat-actions{display:flex;gap:8px;margin-top:4px} +.chat-send-btn{background:var(--bg);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit} +.chat-send-btn:hover{background:var(--bghv)} +.chat-copy-btn{background:#fff;color:var(--bg);border:1.5px solid var(--bg);border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit} +.chat-list{max-width:700px} +.chat-list-ttl{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px} +.chat-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:box-shadow .12s} +.chat-item:hover{box-shadow:0 2px 10px rgba(0,0,0,.07)} +.chat-item.out .chat-arrow{color:var(--bg);font-size:16px;flex-shrink:0;margin-top:2px} +.chat-item.inc .chat-arrow{color:#16a34a;font-size:16px;flex-shrink:0;margin-top:2px} +.chat-item-body{flex:1;min-width:0} +.chat-item-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px} +.chat-item-subj{font-size:13px;font-weight:700;color:var(--ink)} +.chat-item-date{font-size:11px;color:var(--mut);flex-shrink:0;margin-left:8px} +.chat-item-prev{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.chat-status{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;flex-shrink:0} +.chat-status.sent{background:#dbeafe;color:#1d4ed8} +.chat-status.read{background:#dcfce7;color:#166534} +.chat-status.new{background:#fee2e2;color:#991b1b} + /* ── РИСКИ АККОРДЕОН ── */ .risk-item{cursor:pointer} .risk-toggle{margin-left:auto;color:var(--mut);font-size:11px;transition:transform .2s;flex-shrink:0;padding-left:8px} @@ -1088,6 +1132,11 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei ⏱️ Сроки 📋 Шаблоны ↩ Выйти (в начало) +
+
Среда
+
28 мая 2025
+
10:52:00
+
РВ
Руслан Васильев
Тариф: Старт
@@ -1159,12 +1208,23 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei + +
+
📋
+
+
Протокол разногласий
+
Выберите пункты во вкладке Риски
+
+ +
+
Обзор
Риски 12
Документы 5
История
+
Переписка 1
@@ -1246,7 +1306,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Агент вправе в одностороннем порядке изменять размер агентского вознаграждения, уведомив Принципала не менее чем за 3 (три) календарных дня»
✅ Рекомендуемая формулировка
«Изменение размера агентского вознаграждения допускается исключительно по письменному соглашению сторон, подписанному обеими сторонами»
- +
@@ -1262,7 +1322,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Принципал возмещает Агенту убытки в полном объёме, включая упущенную выгоду, понесённые вследствие ненадлежащего исполнения обязательств»
✅ Рекомендуемая формулировка
«Ответственность Принципала ограничена суммой агентского вознаграждения за 3 (три) последних месяца. Упущенная выгода возмещению не подлежит»
- +
@@ -1278,7 +1338,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Договор считается пролонгированным на аналогичный срок, если ни одна из сторон не заявила письменного отказа»
✅ Рекомендуемая формулировка
«Пролонгация допускается только при наличии письменного согласия обеих сторон, подписанного не позднее чем за 30 дней до окончания срока договора»
- +
@@ -1294,7 +1354,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Результат исполнения агентского поручения считается принятым по истечении 5 рабочих дней с момента получения отчёта при отсутствии замечаний»
✅ Рекомендуемая формулировка
«Приёмка исполнения оформляется актом по форме Приложения №2. Акт подписывается в течение 3 рабочих дней. При наличии замечаний составляется мотивированный отказ в той же форме»
- +
@@ -1310,7 +1370,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Все споры, вытекающие из настоящего договора, рассматриваются в Арбитражном суде города Москвы»
✅ Рекомендуемая формулировка
«Все споры, вытекающие из настоящего договора, рассматриваются в арбитражном суде по месту нахождения Принципала»
- +
@@ -1326,7 +1386,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Агент представляет отчёт об исполнении поручения в разумный срок после окончания отчётного периода»
✅ Рекомендуемая формулировка
«Агент представляет отчёт не позднее 5-го числа месяца, следующего за отчётным, с приложением первичных документов»
- +
@@ -1342,7 +1402,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Каждая из сторон вправе отказаться от договора, уведомив другую сторону о своём намерении»
✅ Рекомендуемая формулировка
«Каждая из сторон вправе отказаться от договора, направив письменное уведомление не менее чем за 30 (тридцать) календарных дней до предполагаемой даты расторжения»
- +
@@ -1358,7 +1418,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Размер агентского вознаграждения составляет 150 000 (сто пятьдесят тысяч) рублей ежемесячно»
✅ Рекомендуемая формулировка
«Размер агентского вознаграждения составляет 150 000 (сто пятьдесят тысяч) рублей ежемесячно, в том числе НДС 20% — 25 000 рублей» (или: «НДС не облагается — основание: применение УСН»)
- +
@@ -1374,7 +1434,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Агент вправе для исполнения поручения привлекать третьих лиц (субагентов) с уведомлением Принципала»
✅ Рекомендуемая формулировка
«Привлечение субагентов допускается исключительно с предварительного письменного согласия Принципала в каждом конкретном случае»
- +
@@ -1390,7 +1450,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Стороны освобождаются от ответственности при наступлении обстоятельств непреодолимой силы и иных чрезвычайных обстоятельств»
✅ Рекомендуемая формулировка
«Форс-мажорными признаются исключительно: стихийные бедствия, военные действия, режим ЧС, эпидемия по решению ВОЗ, запретительные акты органов государственной власти. Перечень является исчерпывающим»
- +
@@ -1406,7 +1466,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Уведомления и документы направляются сторонами по почте заказным письмом или курьерской службой»
✅ Рекомендуемая формулировка
«Стороны вправе использовать электронный документооборот с применением квалифицированной электронной подписи (КЭП) в соответствии с 63-ФЗ. Документы в ЭДО имеют равную юридическую силу с бумажными оригиналами»
- +
@@ -1422,7 +1482,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
📄 Как написано сейчас
«Стороны используют реквизиты, указанные в разделе 12 настоящего договора»
✅ Рекомендуемая формулировка
«При изменении банковских реквизитов сторона обязана письменно уведомить контрагента не менее чем за 5 (пять) рабочих дней. Платёж по старым реквизитам после получения уведомления не признаётся надлежащим исполнением»
- +
@@ -1446,6 +1506,81 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei + +
+ + +
+
✉️ Составить письмо контрагенту
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
История переписки
+ +
+
+
+
+ Ответ на протокол разногласий + Новое + 24.05 +
+
ООО Зов Ресторанс: «Готовы согласовать пп. 1,3,5. По п. 2 просим сохранить текущую редакцию...»
+
+
+ +
+
+
+
+ Протокол разногласий (черновик) + Отправлено + 23.05 +
+
Направляем протокол разногласий к агентскому договору от 20.05.2025...
+
+
+ +
+
+
+
+ Запрос реквизитов и ИНН + Прочитано + 21.05 +
+
В целях проверки контрагента просим предоставить полные реквизиты...
+
+
+ +
+
+
@@ -2559,6 +2694,52 @@ window.addEventListener('DOMContentLoaded', function(){ setTimeout(updateKPI, 100); }); +/* ── ЧАСЫ ── */ +(function(){ + var DAYS = ['Воскресенье','Понедельник','Вторник','Среда','Четверг','Пятница','Суббота']; + var MONTHS = ['января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря']; + function tickClock(){ + var now = new Date(); + var dayEl = document.getElementById('sc-day'); + var dateEl = document.getElementById('sc-date'); + var timeEl = document.getElementById('sc-time'); + if(dayEl) dayEl.textContent = DAYS[now.getDay()]; + if(dateEl) dateEl.textContent = now.getDate() + ' ' + MONTHS[now.getMonth()] + ' ' + now.getFullYear(); + if(timeEl){ + var h = String(now.getHours()).padStart(2,'0'); + var m = String(now.getMinutes()).padStart(2,'0'); + var s = String(now.getSeconds()).padStart(2,'0'); + timeEl.textContent = h + ':' + m + ':' + s; + } + } + setInterval(tickClock, 1000); + window.addEventListener('DOMContentLoaded', tickClock); +})(); + +/* ── СЧЁТЧИК ПРОТОКОЛА ── */ +var _riskApplied = new Set(); +function applyRisk(num, btn) { + _riskApplied.add(num); + btn.textContent = '✅ Применено'; + btn.disabled = true; + btn.style.background = '#16a34a'; + btn.style.cursor = 'default'; + _updateProtocolBar(); + toast('✅ Пункт #' + num + ' добавлен в протокол разногласий'); +} +function _updateProtocolBar() { + var n = _riskApplied.size; + var bar = document.getElementById('protocol-bar'); + var sub = document.getElementById('pb-sub'); + var btn = document.getElementById('pb-generate'); + if (!bar) return; + if (n > 0) { + bar.classList.add('show'); + if (sub) sub.textContent = 'Выбрано пунктов: ' + n + ' из 12 — готов к формированию'; + if (btn) btn.textContent = 'Сформировать протокол (' + n + ') →'; + } +} + /* ── RISK ACCORDION ── */ function toggleRisk(el) { var wasOpen = el.classList.contains('expanded');