О WordPress
WordPress.org
Документация
Learn WordPress
Поддержка
Обратная связь
Войти
Регистрация
Поиск
Перейти к содержимому
Главная
Default User Group
Registration
Search Users
Блоги пользователей
Войти
Все группы
Забыл пароль
Забыл пароль
Информ-табло
Личный кабинет
набор приостановлен
Написать сообщение (обратная связь)
Наш флот
Наши партнеры
Отправить новую запись блог
Политика конфиденциальности
Присоединиться
Реестр выдачи Свидетельств авиационному летному персоналу гражданской авиации дивизиона VATRUS
Структура и состав авиакомпании
Устав и внутренние правила авиакомпании
Форум
Виртуальная авиакомпания VATRUS-AERO
.
Наши партнеры
Структура и состав
Информ-табло
Наш флот
Документы
Форум
Присоединиться
Пользователи
Политика конфиденциальности
Забыл пароль
Реестр выдачи Свидетельств авиационному летному персоналу гражданской авиации дивизиона VATRUS
Написать сообщение
Структура и состав авиакомпании
Главная
Структура и состав авиакомпании
Директор VATRUS-AERO
Инспектор
Главный инструктор VATRUS-AERO
Инструктор
Нач. АТБ
Инструктор
КВС
КВС
Второй пилот
КВС
КВС
КВС
Второй пилот
Стажер
Стажер
КВС
КВС
Второй пилот
КВС
Стажер
<p>Your browser does not support iframes.</p>
<!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pilots List</title> <script type="text/javascript"> const STATUS_SUCCESS = 'SUCCESS'; const STATUS_ERROR = 'NOT FOUND'; const API_KEY = '1dg28c4sbz63'; const VA_ID = 54080; const rankIdMap = { 238427: 'Стажер', 235248: 'Директор VATRUS-AERO', 238429: 'КВС', 236057: 'Второй пилот', 239083: 'Начальник АТБ', 235247: 'Инструктор', 238287: 'Начальник СОПАР' }; function getDate(timestamp) { return new Date(timestamp * 1000).toLocaleDateString('ru-RU', { weekday: 'short', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric' }); } let loading = false; let error = null; async function getPilotList() { loading = true; return fetch(`https://www.fsairlines.net/va_interface2.php?function=getPilotList&va_id=${VA_ID}&format=json&apikey=${API_KEY}`) .then(response => response.json()) .then(data => { loading = false; if (data.status === STATUS_SUCCESS) { return data.data; } else { error = 'Data not found'; return []; } }) .catch(err => { loading = false; error = err; console.log('Error (getPilotList):', err); }); } function renderPilotRow({ name, surname, va_user, rank_id, location, lastactive, budget }) { const pilotRank = rankIdMap[rank_id] || 'Пилот'; const lastActive = getDate(lastactive); return ` <tr> <td>${name} ${surname}</td> <td>${va_user}</td> <td>${pilotRank}</td> <td>${location}</td> <td>${lastActive}</td> <td>${budget} v$</td> </tr> ` } function renderPilotsTable(pilots) { const tableBody = document.getElementById('pilots-table-body'); const tableRows = pilots.map(renderPilotRow).join(''); tableBody.innerHTML = tableRows; } function main() { const table = document.getElementById('pilots-table'); const loaderContainer = document.querySelector('.loader-container'); getPilotList().then(data => { const sortedPilots = data.sort((a, b) => b.lastactive - a.lastactive); renderPilotsTable(sortedPilots); table.classList.remove('loading'); loaderContainer.style.display = 'none'; }); } main(); </script> </head> <body> <style type="text/css"> body { font-family: Oswald, sans-serif; --blue-main: #0083ca; --blue-secondary: #0083cab5; --blue-tertiary: #0083ca8f; --white-main: #ffffff; --white-secondary: #ffffffa7; padding: 0; margin: 0; box-sizing: border-box; } table { width: 100%; max-width: 1300px; margin: 0 auto; backdrop-filter: blur(12px); box-shadow: 0 0 20px 2px #0000003a; border-spacing: 0; border-collapse: separate; border-radius: 8px; overflow: hidden; } th { background-color: var(--blue-main); color: var(--white-main); font-size: 0.9em; font-weight: 600; padding: 14px 10px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; } td { background-color: var(--blue-tertiary); color: var(--white-main); font-size: 0.85em; padding: 14px 10px; text-align: center; transition: background-color 0.5s; } tr { border-bottom: 1px solid var(--white-secondary); } tr:last-child { border-bottom: none; } tr:nth-child(even) { background-color: var(--blue-secondary); } tr:hover td { background-color: var(--blue-main); } .loader-container { display: flex; justify-content: center; align-items: center; height: 100vh; } .loader-inner { margin: 200px auto; width: 50px; height: 50px; } .loader { border: 5px solid #f3f3f3; border-top: 5px solid var(--blue-main); border-radius: 50%; width: 100%; height: 100%; animation: spin 1s linear infinite; box-sizing: border-box; } .loading { display: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> <div id="app"> <table id="pilots-table" class="loading"> <thead> <tr> <th>Пилот</th> <th>Позывной</th> <th>Должность</th> <th>Местонахождение</th> <th>Был в сети</th> <th>Бюджет</th> </tr> </thead> <tbody id="pilots-table-body"></tbody> </table> <div class="loader-container"> <div class="loader-inner"> <div class="loader"></div> </div> </div> </div> </body> </html>
