From edb9cbdac4963b0af24ca2326d78e98fc719a735 Mon Sep 17 00:00:00 2001
From: Aleksey Filippov <Aleksey.Filippov@erp-flowers.ru>
Date: Thu, 19 Feb 2026 19:48:41 +0300
Subject: [PATCH] =?utf8?q?auto-claude:=20subtask-4-2=20-=20=D0=97=D0=B0?=
 =?utf8?q?=D0=BC=D0=B5=D0=BD=D0=B8=D1=82=D1=8C=20=D0=B1=D0=BB=D0=BE=D0=BA?=
 =?utf8?q?=20=D0=B2=D0=B8=D0=B4=D0=B5=D0=BE=20=D0=BD=D0=B0=20Plyr.js=20?=
 =?utf8?q?=D0=BF=D0=BB=D0=B5=D0=B5=D1=80=20+=20=D0=BA=D0=B0=D1=80=D1=82?=
 =?utf8?q?=D0=BE=D1=87=D0=BA=D1=83=20=D1=81=D0=BA=D0=B0=D1=87=D0=B8=D0=B2?=
 =?utf8?q?=D0=B0=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

- Добавлен класс write-offs-video для инициализации Plyr.js плеера
- Для AVI файлов создана карточка скачивания с классом video-download-card
- MP4/MOV воспроизводятся через Plyr.js с кастомными контролами
- MOV файлы имеют дополнительную ссылку на скачивание
- Добавлена JS инициализация Plyr плееров при загрузке страницы

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 erp24/views/write_offs_erp/view.php | 42 +++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/erp24/views/write_offs_erp/view.php b/erp24/views/write_offs_erp/view.php
index e9aba86b..774b5128 100644
--- a/erp24/views/write_offs_erp/view.php
+++ b/erp24/views/write_offs_erp/view.php
@@ -156,12 +156,27 @@ $this->registerJsFile('https://cdn.plyr.io/3.7.8/plyr.min.js', ['position' => Vi
                                         'avi' => 'video/x-msvideo',
                                     ];
                                     $mimeType = $mimeTypes[$ext] ?? 'video/mp4';
-                                    $dataTable .= '<video controls width="200" preload="none">';
-                                    $dataTable .= '<source src="' . $videoUrl . '" type="' . $mimeType . '">';
-                                    $dataTable .= 'Ваш браузер не поддерживает видео.';
-                                    $dataTable .= '</video>';
-                                    if (in_array($ext, ['mov', 'avi'])) {
-                                        $dataTable .= '<br><a href="' . $videoUrl . '" download style="font-size:13px;">Файлы mov и avi не проигрываются браузером.<br>Скачать и посмотреть</a>';
+
+                                    // AVI файлы не воспроизводятся в браузере - показываем карточку скачивания
+                                    if ($ext === 'avi') {
+                                        $fileName = basename($video->url);
+                                        $dataTable .= '<div class="video-download-card" style="width:200px; padding:15px; border:1px solid #ddd; border-radius:8px; background:#f8f9fa; text-align:center;">';
+                                        $dataTable .= '<div style="font-size:40px; color:#6c757d; margin-bottom:10px;">🎬</div>';
+                                        $dataTable .= '<div style="font-size:12px; color:#6c757d; margin-bottom:10px; word-break:break-all;">' . Html::encode($fileName) . '</div>';
+                                        $dataTable .= '<div style="font-size:11px; color:#999; margin-bottom:10px;">Формат AVI не поддерживается браузером</div>';
+                                        $dataTable .= '<a href="' . $videoUrl . '" download class="btn btn-primary btn-sm" style="width:100%;">';
+                                        $dataTable .= '<span style="margin-right:5px;">⬇</span>Скачать видео</a>';
+                                        $dataTable .= '</div>';
+                                    } else {
+                                        // MP4/MOV - используем Plyr.js плеер
+                                        $dataTable .= '<video class="write-offs-video" playsinline controls width="200" preload="none">';
+                                        $dataTable .= '<source src="' . $videoUrl . '" type="' . $mimeType . '">';
+                                        $dataTable .= 'Ваш браузер не поддерживает видео.';
+                                        $dataTable .= '</video>';
+                                        // Ссылка на скачивание для MOV
+                                        if ($ext === 'mov') {
+                                            $dataTable .= '<br><a href="' . $videoUrl . '" download style="font-size:12px; color:#6c757d;">⬇ Скачать MOV</a>';
+                                        }
                                     }
                                 }
                                 $dataTable .= '</td>';
@@ -310,5 +325,16 @@ $this->registerJsFile('https://cdn.plyr.io/3.7.8/plyr.min.js', ['position' => Vi
 
     </div>
 <?php
-/*
-*/
\ No newline at end of file
+// Инициализация Plyr.js для видео плееров
+$this->registerJs(<<<JS
+document.addEventListener('DOMContentLoaded', function() {
+    const players = document.querySelectorAll('.write-offs-video');
+    players.forEach(function(player) {
+        new Plyr(player, {
+            controls: ['play', 'progress', 'current-time', 'mute', 'volume', 'fullscreen'],
+            ratio: '16:9'
+        });
+    });
+});
+JS, View::POS_END);
+?>
\ No newline at end of file
-- 
2.39.5