add files inc
This commit is contained in:
Profile Profile
221
inc/sql_result.php
Normal file
221
inc/sql_result.php
Normal file
@@ -0,0 +1,221 @@
|
||||
<?php
|
||||
add_action('wp_footer', 'display_sql_queries_in_footer', 9999);
|
||||
|
||||
function display_sql_queries_in_footer() {
|
||||
if (!current_user_can('administrator')) {
|
||||
return;
|
||||
}
|
||||
|
||||
global $wpdb;
|
||||
|
||||
if (empty($wpdb->queries)) {
|
||||
echo '<div style="background: #fff; padding: 20px; margin: 20px; border: 1px solid #ccc; font-family: monospace; font-size: 14px; position: relative; z-index: 99999;">';
|
||||
echo '<p>Нет данных о запросах. Убедитесь, что в wp-config.php добавлена строка:</p>';
|
||||
echo '<code style="background: #f4f4f4; padding: 5px; display: block;">define( \'SAVEQUERIES\', true );</code>';
|
||||
echo '</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
$queries = $wpdb->queries;
|
||||
$total_time = 0;
|
||||
foreach ($queries as $query) {
|
||||
$total_time += $query[1];
|
||||
}
|
||||
|
||||
echo '<div id="sql-debug-panel" style="background: #fff; padding: 20px; margin: 20px; border: 1px solid #ccc; font-family: monospace; font-size: 14px; position: relative; z-index: 99999;">';
|
||||
|
||||
// Панель управления сортировкой
|
||||
echo '<div style="margin-bottom: 20px; padding: 10px; background: #f5f5f5; border-radius: 5px;">';
|
||||
echo '<h3 style="margin-top: 0; display: inline-block; margin-right: 20px;">SQL Запросы</h3>';
|
||||
echo '<button onclick="sortQueries(\'time-desc\')" style="margin-right: 10px; padding: 5px 10px; background: #e74c3c; color: white; border: none; border-radius: 3px; cursor: pointer;">Самые медленные</button>';
|
||||
echo '<button onclick="sortQueries(\'time-asc\')" style="margin-right: 10px; padding: 5px 10px; background: #27ae60; color: white; border: none; border-radius: 3px; cursor: pointer;">Самые быстрые</button>';
|
||||
echo '<button onclick="sortQueries(\'default\')" style="margin-right: 10px; padding: 5px 10px; background: #3498db; color: white; border: none; border-radius: 3px; cursor: pointer;">По умолчанию</button>';
|
||||
echo '<span style="margin-left: 20px; font-weight: bold;">Всего запросов: ' . count($queries) . '</span>';
|
||||
echo '</div>';
|
||||
|
||||
echo '<table id="sql-queries-table" style="width: 100%; border-collapse: collapse; margin-top: 15px;">';
|
||||
echo '<thead>';
|
||||
echo '<tr style="background: #2c3e50; color: #fff; cursor: pointer;">';
|
||||
echo '<th style="padding: 8px; border: 1px solid #ddd; text-align: left;" onclick="sortQueries(\'time-desc\')">Время ⬇</th>';
|
||||
echo '<th style="padding: 8px; border: 1px solid #ddd; text-align: left;">Запрос</th>';
|
||||
echo '<th style="padding: 8px; border: 1px solid #ddd; text-align: left;">Вызвавший код</th>';
|
||||
echo '</tr>';
|
||||
echo '</thead>';
|
||||
echo '<tbody>';
|
||||
|
||||
foreach ($queries as $query) {
|
||||
$time = number_format($query[1] * 1000, 2);
|
||||
$time_seconds = $query[1];
|
||||
|
||||
$color = '#27ae60';
|
||||
if ($query[1] > 0.1) $color = '#f39c12';
|
||||
if ($query[1] > 0.5) $color = '#e74c3c';
|
||||
|
||||
echo '<tr class="sql-query-row">';
|
||||
echo '<td style="padding: 8px; border: 1px solid #ddd; color: ' . $color . '; font-weight: bold;" data-time="' . $time_seconds . '">' . $time . ' ms</td>';
|
||||
echo '<td style="padding: 8px; border: 1px solid #ddd; word-break: break-all;">' . htmlspecialchars($query[0]) . '</td>';
|
||||
echo '<td style="padding: 8px; border: 1px solid #ddd; font-size: 12px; color: #666;">' . $query[2] . '</td>';
|
||||
echo '</tr>';
|
||||
}
|
||||
|
||||
echo '</tbody>';
|
||||
echo '</table>';
|
||||
|
||||
echo '<div style="margin-top: 15px; padding: 10px; background: #f8f9fa; border-left: 4px solid #3498db;">';
|
||||
echo 'Общее время SQL запросов: <strong>' . number_format($total_time * 1000, 2) . ' ms</strong><br>';
|
||||
echo 'Среднее время на запрос: <strong>' . number_format(($total_time / count($queries)) * 1000, 2) . ' ms</strong>';
|
||||
echo '</div>';
|
||||
|
||||
echo '</div>';
|
||||
|
||||
// Добавляем JavaScript для сортировки
|
||||
echo '
|
||||
<script>
|
||||
function sortQueries(sortType) {
|
||||
const table = document.getElementById("sql-queries-table");
|
||||
const tbody = table.querySelector("tbody");
|
||||
const rows = Array.from(tbody.querySelectorAll("tr.sql-query-row"));
|
||||
|
||||
// Сбрасываем классы активной сортировки у заголовков
|
||||
const headers = table.querySelectorAll("th");
|
||||
headers.forEach(header => {
|
||||
header.innerHTML = header.innerHTML.replace(" ⬇", "").replace(" ⬆", "");
|
||||
});
|
||||
|
||||
// Добавляем индикатор сортировки
|
||||
if (sortType === "time-desc") {
|
||||
headers[0].innerHTML = "Время ⬇";
|
||||
} else if (sortType === "time-asc") {
|
||||
headers[0].innerHTML = "Время ⬆";
|
||||
}
|
||||
|
||||
rows.sort((a, b) => {
|
||||
const timeA = parseFloat(a.querySelector("td[data-time]").getAttribute("data-time"));
|
||||
const timeB = parseFloat(b.querySelector("td[data-time]").getAttribute("data-time"));
|
||||
|
||||
switch(sortType) {
|
||||
case "time-desc":
|
||||
return timeB - timeA; // Самые медленные first
|
||||
case "time-asc":
|
||||
return timeA - timeB; // Самые быстрые first
|
||||
case "default":
|
||||
return 0; // Оригинальный порядок
|
||||
default:
|
||||
return 0;
|
||||
}
|
||||
});
|
||||
|
||||
// Очищаем и перезаполняем tbody
|
||||
while (tbody.firstChild) {
|
||||
tbody.removeChild(tbody.firstChild);
|
||||
}
|
||||
|
||||
rows.forEach(row => {
|
||||
tbody.appendChild(row);
|
||||
});
|
||||
}
|
||||
|
||||
// Добавляем поиск по запросам
|
||||
function addSearchFeature() {
|
||||
const panel = document.getElementById("sql-debug-panel");
|
||||
const searchHtml = \`
|
||||
<div style="margin-bottom: 15px;">
|
||||
<input type="text" id="sql-search" placeholder="Поиск по запросам..."
|
||||
style="padding: 8px; width: 300px; border: 1px solid #ddd; border-radius: 3px;">
|
||||
<button onclick="filterQueries()" style="padding: 8px 15px; background: #3498db; color: white; border: none; border-radius: 3px; cursor: pointer;">Поиск</button>
|
||||
<button onclick="clearSearch()" style="padding: 8px 15px; background: #95a5a6; color: white; border: none; border-radius: 3px; cursor: pointer;">Очистить</button>
|
||||
</div>
|
||||
\`;
|
||||
|
||||
const controlsDiv = panel.querySelector("div");
|
||||
controlsDiv.insertAdjacentHTML("afterend", searchHtml);
|
||||
}
|
||||
|
||||
function filterQueries() {
|
||||
const searchTerm = document.getElementById("sql-search").value.toLowerCase();
|
||||
const rows = document.querySelectorAll("tr.sql-query-row");
|
||||
|
||||
rows.forEach(row => {
|
||||
const queryText = row.querySelector("td:nth-child(2)").textContent.toLowerCase();
|
||||
const callerText = row.querySelector("td:nth-child(3)").textContent.toLowerCase();
|
||||
|
||||
if (queryText.includes(searchTerm) || callerText.includes(searchTerm)) {
|
||||
row.style.display = "";
|
||||
} else {
|
||||
row.style.display = "none";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function clearSearch() {
|
||||
document.getElementById("sql-search").value = "";
|
||||
const rows = document.querySelectorAll("tr.sql-query-row");
|
||||
rows.forEach(row => {
|
||||
row.style.display = "";
|
||||
});
|
||||
}
|
||||
|
||||
// Инициализируем поиск при загрузке
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
addSearchFeature();
|
||||
});
|
||||
</script>
|
||||
';
|
||||
}
|
||||
|
||||
|
||||
// Добавляем стили и скрипты
|
||||
add_action('wp_enqueue_scripts', 'add_sql_debug_styles');
|
||||
|
||||
function add_sql_debug_styles() {
|
||||
if (!current_user_can('administrator')) {
|
||||
return;
|
||||
}
|
||||
|
||||
wp_enqueue_style('sql-debug-style', false);
|
||||
echo '
|
||||
<style>
|
||||
#sql-debug-panel {
|
||||
max-height: 600px;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
width: 90%;
|
||||
max-width: 1200px;
|
||||
box-shadow: 0 0 20px rgba(0,0,0,0.3);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.sql-query-row:hover {
|
||||
background-color: #f8f9fa !important;
|
||||
}
|
||||
|
||||
.sort-btn {
|
||||
margin-right: 10px;
|
||||
padding: 8px 15px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.sort-btn:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.sort-desc { background: #e74c3c; color: white; }
|
||||
.sort-asc { background: #27ae60; color: white; }
|
||||
.sort-default { background: #3498db; color: white; }
|
||||
|
||||
#sql-search {
|
||||
padding: 8px;
|
||||
width: 300px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
';
|
||||
}
|
||||
Reference in New Issue
Block a user