Drag and drop выглядит симпатично. Вообще стандартный обозреватель файлов хоть на вид и минималистичен и вписывается в любой дизайн, очень неудобен в обращении. Прочти я эту статью годиком раньше, у меня бы не кипела голова в поисках решений. Хотя, как уже правильно ответили выше, решение очень простое, всего лишь нужно поиграться с uikit.
[ Модуль ] Цветной лог в веб интерфейсе BAS Premium
-
Долго не мог понять как это внедрить и сделать, чтобы хотя бы кое как работало. Покопался в javascript стандартного веб интерфейсе, посмотрел как там выводятся данные в лог и собрал на костылях вот такую вот штуку.
Принимает цвета, которые есть в uikit:

Код на костылях:/// тут он что то делает, скопировал с кода стандартного веб интерфейса let Logs = $('#Logs') let LogLine = $("<div></div>").addClass("log-line") /// тут ваш текст let Text = $("<span></span>").text("TEXT").addClass("uk-text-danger") /// тут он высчитывает текущую дату const hours_log = new Date().getHours() const minutes_log = new Date().getMinutes() const seconds_log = new Date().getSeconds() const log_datenow = String("[" + hours_log + ":" + minutes_log + ":" + seconds_log + "]") ///// тут собирает айди действия и время в кучу LogLine.append($("<span></span>").text("[Тут id выполняемого блока] ").addClass("uk-text-primary")) LogLine.append($("<span></span>").text(log_datenow).addClass("uk-text-emphasis")) LogLine.append($("<span></span>").text(" [Тут номер потока] : ").addClass("uk-text-emphasis")) /////Remove old lines $('#Logs .log-line').slice(500).remove(); /////Append text LogLine.append(Text) Logs.prepend(LogLine)как вы видите не разобрался как получить id выполняемого блока , а также номер потока.
В функции "выполнить код" поток получается через функцию thread_number(). В функции "Выполнить яваскрипт в веб интерфейсе" данная тема не прокатывает.p.s. Возможно можно было сделать и проще, но других вариантов я не знаю, не силен пока в javascript, а данная тема была нужна.
Итог:

Файл с примером:
color_log_web.xml -
Собрал модуль для быстрого вызова цветного лога в веб интерфейс, буду рад если протестируете.
Модуль: ColorWebLog.zip
Исходник: color_log_web.xml -
@MKQ1220 там есть какие-то проблемы с этим методом, что у меня софт крашил на этом модуле, но потом как все исправилось самостоятельно. Если тема актуальная , то я постараюсь добавить вывод и в обычный лог.
Насчет других цветов , то это скорее всего не возможно, так как весь стандартный интерфейс использует Фреймворк uikit. И цвета в hex или просто цвета не жрет. Но я посмотрю что можно придумать, вдруг найдутся лазейки.
Просто модуль не совсем ушел в нужды людям. Но так как мне это интересно и я это использую , то я доработаю данный модуль.
Также в веб интерфейсе для моего софта смог создать два раздельных списка логов. Один для основных действий , другой для информации о чеке номеров. Забавная вещь, продолжаю изучать веб интерфейс дальше и возможно придумаю ещё какие-то плюшки, так как этим никто особо не занимается.
-
@UserTrue Не понимаю почему, но в веб интерфейсе у меня цвет почему то не изменяется через Logger.
Текст есть, а цвет не применяется(И как я понял нельзя убрать вывод ID и номер потока.
Кажется, что это замыливает глаз для клиента)А с данным модулем у меня получилось сделать быстро вот так


но не хватает выбор цветов на любой и вывод лога в обычном интерфейсе
-
@MKQ1220 там же есть тестовый скрипт и сам интерфейс. Замените кусок кода кода который отвечает за лог в своем проекте на пример из демо интерфейса и все! Строки которые отвечают за вывод ID и тп тоже прокоментированны в коде, просто удалите их или закоменнтируйте. Куда уже проще.
-
@UserTrue Попробовал, получилось
Удалил строки в коде, чтобы не показывало ID и поток
Но когда ошибка какая либо, то нужно чтоб выводился ID, чтоб мне быстро по id искать ошибку.Как это сделать?
Так как даже через обычный лог он тоже не показывает id и номер потока.

А закоменнтировать или что нужно делать, я не знаю как..
-
@UserTrue Точно, извиняюсь! Можно любой цвет, это то что нужно!🤩
Но вот как мне сделать, чтобы отключал id и номер потока только при логе или только через ваш модуль, а при ошибке выдавал обычный лог с id, не подскажите?Буду ждать чтоб это было доступно через настройки, но мне нужно прям сегодня уже сделать красивый лог)
-
@MKQ1220 said in [ Модуль ] Цветной лог в веб интерфейсе BAS Premium:
Но вот как мне сделать, чтобы отключал id и номер потока только при логе или только через ваш модуль, а при ошибке выдавал обычный лог с id, не подскажите?
Он не должен ничего отключать в обычном логе, я не особо понимаю в чем у вас проблема
-
@UserTrue С модулем данной темы, вот так выходит сделать:

ID и номера потока нет при логе.
А если есть ошибка то есть.
Вот так мне и нужно, чтоб при ошибке был ID, для того чтобы знать где ошибкаА с Logger всегда нет ID, даже при ошибке.

Потому что я удалил в веб интерфейсе, как вы сказали:

Но это получается удаляется не только у вашего модуля ID и номер потока, но и при ошибках тоже - не выдает ID который мне нужен..
-
@MKQ1220 said in [ Модуль ] Цветной лог в веб интерфейсе BAS Premium:
@UserTrue понял, сложно в общем
Я напишу пример, когда модуль обновлю. Делать веб интерфейс без знаний про веб разработку тот еще подвиг xD
Кстати в текстовом файле лог будет полный в любой случае
