home

Обновление внешнего вида каталога на десктопной версии сайта

catalog_new_pdf_2.png

Интерфейсы устаревают.

Интерфейсы надо обновлять раз в 2-4 года. Единовременно изменить интерфейс достаточно сложно и в ELiS изменения обычно идут частями. И сейчас пришло время изменения интерфейса каталога на основном (не ELiS WebApps) сайте.

Ниже описаны изменения.

Изменения в каталоге[править]

Было:

catalog_old_1.png

Стало:

catalog_new_1.png

Интерфейс на ReactJS[править]

Отображение документов теперь осуществляется с использованием ReactJS, что повышает скорость работы в больших каталогах и позволяет в будущем добавить интерактива.

Ленивое отображение документов[править]

Ленивое отображение необходимо когда в разделе каталога помещено множество документов (сотни и тысячи) и при нём реальное отображение производится небольшими порциями по мере прокрутки к концу списка документов. Если у вас в разделе каталога помещено 500 документов, то будут отображены не сразу все 500 (с генерацией большой нагрузки на сервер и на браузер), а вначале, например, 10, при прокрутке вниз ещё 10 и т.д.

Аналогичное решение применяется в ELiS WebApps и теперь эта технология используется и в десктопном интерфейсе.

Конечно, т.к. в разделе документы сортируются, то при открытии раздела сервер будет некоторое время загружать документы и проводить сортировку перед выводом.

И здесь есть следующая оптимизация: интерфейс сайта теперь отрисовывается сразу, не дожидаясь полной сортировки документов на сервере, за счёт чего пользователи сразу увидят сайт без длительной задержки, а вложенные документы в раздел по мере их готовности.

subj_library_lazy_loading.png

Конечно, размещать в одном разделе большое количество документов всё также не рекомендуется, но при отображении в браузере теперь несколько меньше проблем.

Вывод статистики в каталог[править]

Теперь статистика выводится прямо в каталоге и документы не надо открывать чтобы увидеть число воспроизведений документов.

Статистика агрегируется по расписанию и отображает число просмотров из elis_play_logs и соответствующий счётчик числа страниц/секунд просмотра видео.

Пример вывода статистики для PDF:

catalog_new_pdf_2.png

Пример вывода статистики для видео:

catalog_new_video_1.png

Пример вывода статистики для EPUB:

catalog_new_epub_1.png

Цветовая индикация доступа к документу[править]

Теперь фон обложки имеет зелёную или красную индикацию доступа. Очевидно что зелёный - когда текущему пользователю доступ к документу (или разделу каталога) открыт и красный когда ограничен.

catalog_new_access_inidactor.png

При ограничении доступа также появляется соответствующий текст.

Размер обложки фиксирован[править]

Раньше обложки имели ширину 280 пикселов, а высоту - какая получится с сохранением размеров. Теперь обложки вписываются в квадрат 280х280 пикселов с сохранением пропорций.

Было:

catalog_old_3.png

Стало:

catalog_new_3.png

Документы открываются в новой вкладке[править]

Раньше документы открывались в той же вкладке, в которой производилась навигация. Сейчас открываются в новой вкладке, что позволяет после закрытия вкладки оказаться там, где в прошлый раз была прервана навигация.