From 1c57f58936368e8c74ecfd9134dc3ddee9542b8a Mon Sep 17 00:00:00 2001
From: AnthonyAxenov <anthonyaxenov@gmail.com>
Date: Wed, 25 Sep 2024 11:56:17 +0800
Subject: [PATCH] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=20=D0=BF=D0=BE=D0=B4?=
 =?UTF-8?q?=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B8=20=D0=BB=D0=BE=D0=B3=D0=BE?=
 =?UTF-8?q?=D1=82=D0=B8=D0=BF=D0=B0=20=D0=B8=D0=B7=20=D0=BA=D1=8D=D1=88?=
 =?UTF-8?q?=D0=B0=20+=20=D0=BA=D0=BE=D1=81=D0=BC=D0=B5=D1=82=D0=B8=D0=BA?=
 =?UTF-8?q?=D0=B0=20=D0=B2=20=D0=BF=D0=BE=D0=B4=D1=80=D0=BE=D0=B1=D0=BD?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D1=8F=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/Core/ChannelLogo.php |  2 +-
 src/views/details.twig       | 32 +++++++++++++++++++++++---------
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/app/Core/ChannelLogo.php b/src/app/Core/ChannelLogo.php
index a3429b5..36a3de1 100644
--- a/src/app/Core/ChannelLogo.php
+++ b/src/app/Core/ChannelLogo.php
@@ -19,7 +19,7 @@ class ChannelLogo implements \Stringable
     /**
      * @var string|null Путь к файлу изображению на диске
      */
-    protected ?string $path;
+    protected ?string $path = '';
 
     /**
      * @var string|null MIME-тип изображения
diff --git a/src/views/details.twig b/src/views/details.twig
index 8e8b872..ff36fcf 100644
--- a/src/views/details.twig
+++ b/src/views/details.twig
@@ -3,7 +3,13 @@
 {% block title %}{{ name }} - {{ config('app.title') }}{% endblock %}
 
 {% block head %}
-    <style>.tvg-logo{max-width:100px;max-height:100px;background:white;padding:2px;border-radius:5px}.tvg-logo{background:unset}</style>
+    <style>
+        img.tvg-logo{max-width:80px;max-height:80px;padding:2px;border-radius:5px}
+        tr.chrow td{padding:3px}
+        td.chindex{width:1%}
+        td.chlogo{width:100px}
+        div.chlist-table{max-height:550px}
+    </style>
 {% endblock %}
 
 {% block header %}
@@ -76,23 +82,31 @@
             <h4>Список каналов ({{ content.channelCount ?? 0 }})</h4>
             {% if (content.channelCount > 0) %}
             <div id="chlist">
-                <input type="text" class="form-control form-control-sm bg-dark text-light mb-2 fuzzy-search" placeholder="Поиск...">
-                <div class="overflow-auto" style="max-height:550px">
+                <input type="text"
+                       class="form-control form-control-sm bg-dark text-light mb-2 fuzzy-search"
+                       placeholder="Поиск..."
+                />
+                <div class="chlist-table overflow-auto">
                     <table class="table table-dark table-hover small">
                         <tbody class="list">
                         {% for channel in content.channels %}
                             <tr class="chrow">
-                                <td class="p-1" class="chindex">{{ loop.index }}</td>
-                                <td class="p-1">
+                                <td class="chindex">{{ loop.index }}</td>
+                                <td class="chlogo text-center">
+                                    <img class="tvg-logo"
                                     {% if (channel.logo.base64) %}
-                                        <img class="tvg-logo yes" src="{{ channel.logo.base64 }}" />
+                                        src="{{ channel.logo.base64 }}"
                                     {% elseif (channel.attributes['tvg-logo']) %}
-                                        <img loading="lazy" class="tvg-logo" src="{{ base_url('logo?url=' ~ channel.attributes['tvg-logo']) }}" />
+                                        src="{{ base_url('logo?url=' ~ channel.attributes['tvg-logo']) }}"
+                                        loading="lazy"
                                     {% else %}
-                                        <img class="tvg-logo.empty" src="{{ base_url('no-tvg-logo.png') }}"/>
+                                        src="{{ base_url('no-tvg-logo.png') }}"
                                     {% endif %}
+                                        alt="Логотип канала '{{ channel.name }}'"
+                                        title="Логотип канала '{{ channel.name }}'"
+                                    />
                                 </td>
-                                <td class="p-1 chname">{{ channel.name }}</td>
+                                <td class="chname">{{ channel.name }}</td>
                             </tr>
                         {% endfor %}
                         </tbody>