<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Список пользователей</title>
<link rel="stylesheet" href="/.s/src/base.min.css" />
<link rel="stylesheet" href="/.s/src/layer7.min.css" />
<link rel="stylesheet" href="https://bro.usite.pro/css/users.css?v=1" media="all">
<link rel="stylesheet" href="https://bro.usite.pro/css/find.css?v=2" media="all">
</head>
<body>
<!-- МЕНЮ -->
<div class="header">
<div class="header-inner">
<a href="/" class="logo">DOM <span class="logo-box">LinkUp</span></a>
<form class="vk-search" action="/search" method="get">
<span class="vk-search-icon"></span>
<input type="text" name="q" placeholder="Поиск" />
</form>
$GLOBAL_GLOCKE$
<?if($USER_LOGGED_IN$)?>
<div class="nav-cta-wrapper">
<div class="nav-cta">
<!-- Пользователь -->
<div class="user-box" id="userMenu">
<!-- Аватар -->
<img src="$USER_AVATAR_URL$"
alt="$USERNAME$"
class="user-avatar real-avatar"
onerror="this.style.display='none';
this.nextElementSibling.style.display='block';">
<!-- Дефолтный аватар -->
<img src="/.s/src/profile/img/profile_photo_thumbnail.png"
alt="default"
class="user-avatar default-avatar"
style="display:none;">
<!-- Выпадающее меню -->
<div class="user-dropdown">
<div class="user-dropdown-header">
<span class="username">$USERNAME$</span>
</div>
<a href="/index/14" class="dropdown-item icon-messages">Личные сообщения</a>
<a href="/index/11" class="dropdown-item icon-settings">Настройки</a>
<a href="/index/8" class="dropdown-item icon-profile">Моя страница</a>
<a href="/index/15" class="dropdown-item icon-users">Пользователи</a>
<div class="dropdown-separator"></div>
<a href="$LOGOUT_LINK$" class="dropdown-item icon-logout logout">Выход</a>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("click", function (e) {
const userBox = document.getElementById("userMenu");
if (!userBox) return;
if (userBox.contains(e.target)) {
userBox.classList.toggle("active");
} else {
userBox.classList.remove("active");
}
});
</script>
<?endif?>
</div>
</div>
<!-- КОНТЕНТ - 3 КОЛОНКИ -->
<div class="container">
<!-- ЛЕВАЯ КОЛОНКА - МЕНЮ -->
<aside class="left-col">
$GLOBAL_MENU$
</aside>
<!-- ЦЕНТРАЛЬНАЯ КОЛОНКА - СПИСОК ПОЛЬЗОВАТЕЛЕЙ -->
<main class="center-col">
<div class="center-content" id="ajaxBody">
<!-- Заголовок и строка поиска -->
<div class="vk-search-header">
<h1 class="vk-page-title">Поиск людей</h1>
<div class="vk-search-bar">
<div class="vk-search-input-wrapper">
<svg class="vk-search-icon" viewBox="0 0 24 24" width="20" height="20">
<path fill="#888" d="M10 2a8 8 0 105.293 14.293l4.707 4.707 1.414-1.414-4.707-4.707A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"/>
</svg>
<input type="text" class="vk-search-field" placeholder="Поиск по пользователям..." value="" id="vkUserSearch">
<button class="vk-search-clear" type="button" id="vkSearchClear">
<svg viewBox="0 0 24 24" width="16" height="16">
<path fill="#888" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</svg>
</button>
</div>
<button class="vk-search-btn" type="button" id="vkSearchBtn">Найти</button>
</div>
</div>
<!-- Статистика и пагинация -->
<div class="vk-results-info">
<div class="vk-results-count">
$ITEMS_STAT$
</div>
</div>
<div class="vk-users-list" id="vkUsersList">
$BODY$
</div>
<!-- Пагинация внизу -->
<div class="vk-pagination-bottom">
$PAGING$
</div>
</div>
</main>
<!-- ПРАВАЯ КОЛОНКА - БЛОКИ ИСКАТЬ И ПАРАМЕТРЫ ПОИСКА -->
<aside class="right-col">
<!-- Блок Искать -->
<div class="vk-sidebar-block">
<div class="vk-sidebar-header">
<svg viewBox="0 0 24 24" width="18" height="18">
<path fill="#fff" d="M10 2a8 8 0 105.293 14.293l4.707 4.707 1.414-1.414-4.707-4.707A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"/>
</svg>
Искать
</div>
<div class="vk-sidebar-content">
<a href="/index/15" class="vk-filter-link active">Люди</a>
<a href="/forum/0-0-1-34" class="vk-filter-link">Посты</a>
<a href="/forum" class="vk-filter-link">Сообщества</a>
<a href="/news" class="vk-filter-link">Новости</a>
</div>
</div>
<!-- Блок Параметры поиска -->
<div class="vk-sidebar-block">
<div class="vk-sidebar-header">
<svg viewBox="0 0 24 24" width="18" height="18">
<path fill="#fff" d="M3 4h18v2H3V4zm3 7h12v2H6v-2zm4 7h4v2h-4v-2z"/>
</svg>
Параметры поиска
</div>
<div class="vk-sidebar-content vk-filters-form">
<form method="post" name="memform" action="/index/" id="vkFiltersForm">
<!-- Город (с поиском) -->
<div class="vk-filter-group">
<label class="vk-filter-label">Город</label>
<div class="vk-city-search-wrapper" id="vkCityWrapper">
<input type="text"
class="vk-city-input"
id="vkCityInput"
placeholder="Начните вводить город..."
autocomplete="off">
<button type="button" class="vk-city-clear" id="vkCityClear" title="Очистить">
<svg viewBox="0 0 24 24" width="14" height="14">
<path fill="#888" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</svg>
</button>
<input type="hidden" id="vkCityFilter" value="">
<div class="vk-city-dropdown" id="vkCityDropdown"></div>
</div>
</div>
<!-- Возраст -->
<div class="vk-filter-group">
<label class="vk-filter-label">Возраст</label>
<div class="vk-age-range">
<input type="number" class="vk-age-input" placeholder="От" min="14" max="100" value="14" id="vkAgeFrom">
<span class="vk-age-separator">—</span>
<input type="number" class="vk-age-input" placeholder="До" min="14" max="100" value="100" id="vkAgeTo">
</div>
</div>
<!-- Пол -->
<div class="vk-filter-group">
<label class="vk-filter-label">Пол</label>
<div class="vk-radio-group">
<label class="vk-radio-label">
<input type="radio" name="gender" value="0" checked>
<span class="vk-radio-text">Любой</span>
</label>
<label class="vk-radio-label">
<input type="radio" name="gender" value="1">
<span class="vk-radio-text">Мужской</span>
</label>
<label class="vk-radio-label">
<input type="radio" name="gender" value="2">
<span class="vk-radio-text">Женский</span>
</label>
</div>
</div>
<!-- Дата рождения -->
<div class="vk-filter-group">
<label class="vk-filter-label">Дата рождения</label>
<div class="vk-date-selectors">
<select class="vk-select-small" id="birthDay">
<option value="">День</option>
</select>
<select class="vk-select-small" id="birthMonth">
<option value="">Месяц</option>
<option value="1">Январь</option>
<option value="2">Февраль</option>
<option value="3">Март</option>
<option value="4">Апрель</option>
<option value="5">Май</option>
<option value="6">Июнь</option>
<option value="7">Июль</option>
<option value="8">Август</option>
<option value="9">Сентябрь</option>
<option value="10">Октябрь</option>
<option value="11">Ноябрь</option>
<option value="12">Декабрь</option>
</select>
<select class="vk-select-small" id="birthYear">
<option value="">Год</option>
</select>
</div>
</div>
<!-- Группа пользователей -->
<div class="vk-filter-group">
<label class="vk-filter-label">Группа</label>
<div class="vk-select-wrapper">
<select class="vk-select" name="group" id="vkGroupFilter">
<option value="0">Все группы</option>
<option value="1">Пользователи</option>
<option value="2">VIP</option>
<option value="3">Модераторы</option>
<option value="4">Администратор</option>
<option value="251">Друзья</option>
<option value="255">Заблокированные</option>
</select>
</div>
</div>
<!-- Сортировка -->
<div class="vk-filter-group">
<label class="vk-filter-label">Сортировать по</label>
<div class="vk-select-wrapper">
<select class="vk-select" name="sort" id="vkSortFilter">
<option value="1">Популярности</option>
<option value="2">Дате регистрации</option>
<option value="3">Имени</option>
</select>
</div>
</div>
<!-- Кнопки -->
<div class="vk-filter-actions">
<button type="submit" class="vk-btn vk-btn-primary vk-btn-block">
Применить фильтры
</button>
<button type="reset" class="vk-btn vk-btn-secondary vk-btn-block" id="vkResetFilters">
Сбросить
</button>
</div>
<input type="hidden" name="a" value="15">
<input type="hidden" name="s" value="1">
<input type="hidden" name="res" value="999">
</form>
</div>
</div>
</aside>
</div>
<script src="https://bro.usite.pro/js/people.js?v=1"></script>
<!-- Контейнер для уведомлений -->
<div class="vk-toast-container" id="vkToastContainer"></div>
<!-- Скрытый блок с онлайн пользователями -->
<div id="onlineUsersData" style="display:none;">
$ONLINE_USERS_LIST$
</div>
<div id="onlineCounter" style="display:none;">$ONLINE_COUNTER$</div>
</body>
</html>
