Фильтры в адресе страницы и клик без потерьFilters in the address, no lost clicks
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор настраивает отбор под свой бюджет, открывает проекты, возвращается, обновляет страницу или пересылает ссылку — и каждый раз видит тот же отбор. Это сценарий «Бюджет» и вторая часть цели сайта — удобно фильтровать.An investor sets up a selection for their budget, opens projects, comes back, reloads the page or sends the link — and sees the same selection every time. This is the «Budget» scenario and the second part of the site's goal — easy filtering.
ЗадачаProblem
Фильтры жили только в открытой вкладке: адрес оставался /lots/. После обновления страницы отбор сбрасывался (231 юнит вместо 32), ссылку на свой отбор нельзя было ни сохранить, ни переслать. Нашлась и ошибка: если ввести цену и сразу нажать на карточку проекта, первый клик терялся — открывалось только со второго. Причина: при каждом пересчёте фильтров все карточки заново вставлялись в список, и браузер не засчитывал клик по «переставленной» карточке.Filters lived only in the open tab: the address stayed /lots/. A reload reset the selection (231 units instead of 32), and a link to one's selection could be neither saved nor sent. There was also a bug: type a price and click a project card right away, and the first click was lost — it only opened on the second. Cause: every filter run re-inserted all cards into the list, and the browser did not count a click on a «moved» card.
Как решилиHow it was solved
- Отбор записывается в адрес страницы, как в каталогах интернет-магазинов и сайтов недвижимости: /lots/?pmax=300000&cur=USD&rental=1. Без фильтров адрес остаётся чистым.The selection is written into the address, as in online shop and property catalogues: /lots/?pmax=300000&cur=USD&rental=1. Without filters the address stays clean.
- При открытии такой ссылки, обновлении страницы или возврате «Назад» восстанавливаются города, цена с валютой, площадь, галочки, статус, месяц, сортировка и режим «Юниты».Opening such a link, reloading or going «Back» restores cities, price with currency, area, checkboxes, status, month, sorting and «Units» view.
- Карточки и строки при пересчёте больше не вставляются заново: двигаются только те, что меняют место. Клик сразу после ввода цены открывает проект с первого раза.Cards and rows are no longer re-inserted on each run: only those changing place move. A click right after typing a price opens the project the first time.
До и послеBefore and after
