Имеется несложная локальная (почти статическая) web-страница html+css+js. В ней есть несколько вкладок и таблицы. js функции заполняют таблицы из текстовых файлов вида ./data/имя.js, где ./ - папка этой web странички. Файлы ./data/имя.js периодически, примерно раз в 30 сек, сохраняет десктопное приложение. В принципе, десктопное приложение уже отрисовывает всю информацию в ходе работы, но недавно было решено, что можно более красиво отобразить это в браузере в с помощью html+css+js. Поэтому, требуется добавить на страницу новую вкладку, на которой в верхней половине страницы будет отображаться новая таблица, а в нижней - текстовый log, содержимое которого обновляется в зависимости от того на какую ячейку таблицы кликнул пользователь. Подробности хочу показать в zoom.
Детали реализации: - весь контент для таблицы задаётся в файле вида ./data/имя.js; - предусмотреть задание/отображение цвета фона у ячеек, например из файла того же или другого ./data/имя.js; - такие файлы периодически обновляет/перезаписывает десктопное приложение, как некоторый локальный бэкэнд, код которого разрабатывается мной; - пользователю требуется наблюдать эти результаты в браузере, открыв эту страницу (локально); - данные только для отображения, не для редактирования, но с возможность выделения и копирования в буфер и с возможностью навигации по таблице, требуется подсвечивать ту ячейку, которую в данный момент выбрал пользователь, в нижней половине вкладки требуется отображать тот текстовый log, который соотв. выбранной ячейке; - в зависимости от выбранной ячейки - выводить текстовый log в нижней части вкладки; - требуется автоматически обновлять этот контент с новыми данными из файлов ./data/имя.js, так как наше десктопное приложение примерно 1 раз в 30 сек. обновляет/перезаписывает эти файлы; - вопрос: удастся ли сохранить при обновлении контента выбранную пользователем ячейку? - вопрос: будет ли это достаточно быстро?; - предусмотреть кнопку "обновить" на этой вкладке, по нажатию вызвать то же самое обновление контента (ту же самую функцию обновления); - ориентировочное максимальное количество столбцов - около 20, строк около 340; - текстовых логов будет столько, сколько ячеек в таблице; - эти текстовые данные десктопное приложение также будет сохранять в одном или разных файлах ./data/имя.js, как лучше для фронтэнда так и сделаю; - предусмотреть горизонтальный слайдер, чтобы пользователь мог управлять высотой таблицы и высотой окна текстового лога под таблицей; - вопрос: удастся ли сохранить текущее положение горизонтального слайдера при обновлении контента?; - вопрос: можно ли после обновления показывать всегда последнюю строку таблицы ?;
Полностью все детали этого фронтэнда, наверное, легче показать в zoom, чем описывать.
Metaphor: ReFantazio tips: 10 things I wish I knew before starting this 100-hour RPG
Metaphor: ReFantazio стала одной из самых популярных игр ATLUS на релизе
Free yourself from stick drift with a Hall effect 8Bitdo controller on sale for $40
To mark the launch of Metaphor: ReFantazio, Sega is going to make someone a real-life noble, but there's a catch—you'll be joining the nobility of an illegitimate nation in the North Sea with only one resident
Отточно такие же санкции // Нерезиденты забирают средства со счетов российских брокеров, как в 2022 году
В некоторых домах Томска отключат электричество 14 октября
Приговор по делу о попытке подрыва здания ФСБ в Москве вступил в силу
КТО СДЕЛАЛ КОШЕЧКУ, ПТИЧКУ, ЛЬВА НА КАРТЕ МИРА? ЧИТАЙТЕ И СЕНСАЦИОННОЕ ПРОЯСНЕНИЕ ПРИЧИН СВО. ЧИТАЙТЕ ОЧЕНЬ ВАЖНЫЕ ДАННЫЕ! Россия, США, Европа могут улучшить отношения?!