жено різні типи проблем, при кліці по ним відкривається Балун з текстом проблеми. p align="justify"> Нижче під картою розташовуються функціональні перемикачі, які дозволяють відфільтрувати необхідну нам інформацію (рис. 5.3). Так, наприклад можна відобразити проблеми тільки певної категорії, або вивести останніх 9 доданих проблем. А також, при наведенні на проблеми під картою, вони підсвічуються на карті. br/>В
Малюнок 5.2 - Карта проблем
В
Малюнок 5.3 - Фільтрація проблем
Авторизація через Loginza.API відбувається в кілька кліків миші: вибір провайдера, підтвердження дозволу отримання інформації від провайдера сервісу через який авторізуемся, підтвердження на нашому сайті, що передана інформація вірна (рис. 5.4). p>В
Малюнок 5.4 - Користувач авторизований в системі
Після авторизації стає доступний функціонал додавання власної інформації про об'єкт на сайт. Форма викликається подвійним кліком по карті в місці, де існує проблема (рис. 5.5). Вийти з неї можливо натискання клавіші ESC. br/>В
Малюнок 5.5 - Додавання проблеми
При переміщенні курсору по мапі адресу перебудовується заново. Тому якщо користувач відразу не зміг вказати точне місце, пізніше він може це відредагувати. Користувач системи може додати заголовок, текст проблеми і вибрати категорію, до якої вона відноситься, залежно від цього вибирається відповідна іконка, яка відображається на карті. Також користувач може прикріпити файли. Стандартним завантажувачем, або ж скориставшись технологією Drag-and-Drop, просто перенести мишкою необхідні файли на полі додавання. p align="justify"> З головної сторінки можна перейти на сторінку проблеми.
В
Малюнок 5.6 - Сторінка проблеми
Сторінка проблеми містить: інтерактивну мініатюру карту з точкою зазначеної користувачем, прикріплені файли, адреса отриманий від сервісу геокодування API ЯндексКарт, заголовок і опис проблеми, а також дату розміщення (рис. 5.6). Також на сторінці відображається голосування і форма коментування. Якщо користувач авторизований і не голосував, то йому відображається голосування з можливістю вибору. <В
Малюнок 5.7 - Форма коментування
Якщо користувач авторизований і вже проголосував або він не авторизований, йому відображаються результати голосування на даний момент. Також для авторизованих користувачів доступна форма коментування (рис. 5.7). Для неавторизованих користувачів виводиться тільки обговорення. br/>В
Малюнок 5.8 - Підсвічування коментарів
В
Малюнок 5.9 - Сторінка користувача
На сторінці користувача (рис. 5.9) відображається зведена статистика про користувача. Ім'я з сервісу, через який він авторизувався, іконка фотографії, умовна характеристика на сайті (карма), група до якої належить користувач, скільки проблем додав і скільки залишив коментарів. Та...