Описание функционала
Главный экран Isotope состоит из двух панелей - левая узкая для навигации, и правая широкая для контента.
Основным способом группировки фотографий являются папки. В левой колонке показано дерево папок. Текущая папка в дереве всегда выделена.
Если пользователь кликает на папку, она становится текущей: в дереве выделение переходит на нее, в правой панели показывается ее содержимое в следующем порядке:
- Теги
- Подпапки первого уровня
- Медиа-файлы
Если у папки есть вложенные подпапки, рядом с ее названием в дереве показывается иконка "раскрыть-закрыть". При нажатии на иконку открывается один уровень подпапок, при этом сама папка не выделяется. По умолчанию все папки закрыты, однако если пользователь переходит по прямой ссылке на подпапку, она и все дерево вверх от нее должно быть раскрыто (чтобы эту подпапку было видно).
Если пользователь кликает на плашку "Filters", она раскрывается в высоту и включается режим поиска по фильтрам:
Существует три фильтра:
- Область поиска: выбор из трех значений ("текущая папка", "текущая папка и подпапки", "вся галерея").
- Теги: выбор 1 и более тегов из выпадающего списка с предлагаемыми вариантами.
- Диапазон дат: два поля ввода с выпадающими календарями.
При изменении любого поля ввода в форме фильтрации результат сразу же отображается в поле справа:
Если пользователь выбрал область поиска "вся галерея", выбор папок блокируется. В остальных режимах перемещение по папкам разрешено как обычно и при клике на папку фильтр применяется автоматически.
При закрытии блока с фильтрами режим фильтрации отключается:
- Форма сбрасывается, т.е. при повторном открытии она будет пуста
- В поле справа показываются все фото и видео в текущей папке
- Если был выбрана область поиска "по всей галерее", дерево папок разблокируется
При клике на медиа-файл в разделе справа открывается просмотр во весь экран:
При нажатии на кнопку "вправо" на клавиатуре или на правую половину изображения открывается следующее изображение. Кнопка "влево" и левая половина, соответственно, открывают предыдущее. Зацикливание от последней фотографии к первой и назад не происходит!
При клике на затененном заднике или нажатии кнопки Escape просмотр закрывается.
При наведении на фото курсором появляется кнопка "Details":
При нажатии на кнопку Details снизу раскрывается плашка, показывающая дату, описание, список общих тегов.
Если на фотографии есть отмеченные люди, они отобращаются прямоугольниками вокруг лиц. При наведении на прямоугольник отображается имя (т.е. название тега):
При клике на теге в блоке Details или на имя отмеченного человека:
- Просмотр медиа закрывается
- Открывается режим фильтрации с настройками:
- Область: везде
- Теги: 1 выбранный тег
- Даты: не указано
Администратор может создавать публичные ссылки, чтобы поделиться фотографиями с пользователями, у которых нет доступа по логину и паролю. Для этого он нажимает на кнопку "создать ссылку" и открывается всплывающий диалог:
В диалоговом окне показаны текущие параметры поиска и кнопка "создать". При нажатии на кнопку она превращается в поле ввода со ссылкой и кнопкой "копировать":
Если публичную ссылку открывает авторизованный пользователь, приоритет у ссылки: администратор видит страницу именно так, как ее видел бы гость. Для того, чтобы вернуться к "полноценному" режиму, нужно удалить идентификатор ссылки из URL.
В публичном режиме доступ к фильтрации отсутствует. Если фильтр по тегам или датам не выбран, а также при создании ссылки была включена галочка "разрешить доступ к подпапкам", то у пользователя будет отображаться дерево каталогов. При этом "корнем" дерева будет тот каталог, который выбрал администратор при создании ссылки. В противном случае дерево отображаться также не будет.
Если в настройках галереи выбран режим доступа "только для зарегистрированных пользователей", при заходе неавторизованного пользователя отображается форма авторизации:
Если галерея публичная, форма авторизации в пользовательском интерфейсе отсутствует. Для того, чтобы попасть в панель администратора, необходимо вручную перейти по ссылке /@admin/.
Если пользователь переходит по невалидной публичной ссылке, ему показывается страница с ошибкой:
