91 lines
4.8 KiB
HTML
91 lines
4.8 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="ru">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>🔍 Проверка видимости кнопки</title>
|
|||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|||
|
|
<style>
|
|||
|
|
body { padding: 20px; }
|
|||
|
|
.test-case { border: 1px solid #ddd; margin: 20px 0; padding: 20px; border-radius: 5px; }
|
|||
|
|
.test-case h4 { color: #007bff; }
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<h1>🔍 Тест видимости кнопки "Редактировать"</h1>
|
|||
|
|
|
|||
|
|
<div class="test-case">
|
|||
|
|
<h4>Случай 1: Файл с поддержкой превью</h4>
|
|||
|
|
<div class="modal-dialog modal-lg">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="filePreview container-fluid">
|
|||
|
|
<div class="modal-header row">
|
|||
|
|
<div class="filename col-lg-6">
|
|||
|
|
<h3 style="margin-top:0px;"><b>document.pdf</b></h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3">
|
|||
|
|
<a class="btn btn-default btn-small pull-right" href="#">Скачать файл</a>
|
|||
|
|
</div>
|
|||
|
|
<!-- Наша кнопка -->
|
|||
|
|
<div class="col-lg-2">
|
|||
|
|
<button class="btn btn-success btn-small pull-right" onclick="alert('Кнопка работает для PDF!')" style="margin-right: 5px;" title="Редактировать в Nextcloud">
|
|||
|
|
<i class="fa fa-edit"></i> Редактировать
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-1">
|
|||
|
|
<button class="close pull-right" title="close">
|
|||
|
|
<span aria-hidden="true" class='fa fa-close'></span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="test-case">
|
|||
|
|
<h4>Случай 2: Файл БЕЗ поддержки превью</h4>
|
|||
|
|
<div class="modal-dialog modal-lg">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="filePreview container-fluid">
|
|||
|
|
<div class="modal-header row">
|
|||
|
|
<div class="filename col-lg-8">
|
|||
|
|
<h3 style="margin-top:0px;"><b>unknown_file.xyz</b></h3>
|
|||
|
|
</div>
|
|||
|
|
<!-- Кнопка скачивания НЕ показывается для неподдерживаемых файлов -->
|
|||
|
|
<!-- Но наша кнопка редактирования ВСЕГДА показывается -->
|
|||
|
|
<div class="col-lg-2">
|
|||
|
|
<button class="btn btn-success btn-small pull-right" onclick="alert('Кнопка работает для неизвестного формата!')" style="margin-right: 5px;" title="Редактировать в Nextcloud">
|
|||
|
|
<i class="fa fa-edit"></i> Редактировать
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-1">
|
|||
|
|
<button class="close pull-right" title="close">
|
|||
|
|
<span aria-hidden="true" class='fa fa-close'></span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="alert alert-info">
|
|||
|
|
<strong>💡 Результат:</strong>
|
|||
|
|
<p>Кнопка "Редактировать" должна показываться в ОБОИХ случаях - и для поддерживаемых, и для неподдерживаемых файлов.</p>
|
|||
|
|
<p>В реальной CRM кнопка будет зелёного цвета и находиться справа от названия файла.</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="alert alert-warning">
|
|||
|
|
<strong>🔧 Если кнопка не появилась в CRM:</strong>
|
|||
|
|
<ol>
|
|||
|
|
<li>Проверьте что кэш шаблонов очищен</li>
|
|||
|
|
<li>Убедитесь что переменная RECORD_ID передается в шаблон</li>
|
|||
|
|
<li>Откройте консоль браузера и проверьте ошибки</li>
|
|||
|
|
<li>Попробуйте открыть разные типы файлов</li>
|
|||
|
|
</ol>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|