Current File : //var/www/projetos/suporte.iigd.com.br/templates/components/debug/debug_toolbar.html.twig
{#
# ---------------------------------------------------------------------
#
# GLPI - Gestionnaire Libre de Parc Informatique
#
# http://glpi-project.org
#
# @copyright 2015-2024 Teclib' and contributors.
# @copyright 2003-2014 by the INDEPNET Development Team.
# @licence https://www.gnu.org/licenses/gpl-3.0.html
#
# ---------------------------------------------------------------------
#
# LICENSE
#
# This file is part of GLPI.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program. If not, see <https://www.gnu.org/licenses/>.
#
# ---------------------------------------------------------------------
#}
{% set rand = rand|default(random()) %}
{% macro widget_button(id, title, icon = null) %}
<li class="debug-toolbar-widget d-inline-block p-2" data-glpi-debug-widget-id="{{ id }}">
<button type="button" class="btn btn-icon border-0 p-1" title="{{ title }}" data-bs-toggle="tab">
{% if icon != null %}
<i class="{{ icon }} me-1"></i>
{% endif %}
<span class="debug-text"></span>
</button>
</li>
{% endmacro %}
<div id="debug-toolbar" class="position-fixed bottom-0 w-100 card" tabindex="0">
<div class="resize-handle mt-n2" style="cursor: row-resize; height: 10px; z-index: 1030"></div>
<div class="d-flex flex-row align-items-center">
<div class="debug-toolbar-badge d-flex">
<button type="button" class="btn btn-icon border-0 px-3 opacity-100 debug-logo" onclick="GLPI.Debug.showDebugToolbar();" disabled>
<i class="ti ti-bug"></i>
</button>
</div>
<div class="debug-toolbar-content d-flex w-100 justify-content-between align-items-center">
<ul class="debug-toolbar-widgets nav nav-tabs align-items-center border-0" data-bs-toggle="tabs">
{{ _self.widget_button('server_performance', 'Server performance', 'ti ti-clock-play') }}
{{ _self.widget_button('sql', 'SQL Requests', 'ti ti-database') }}
{{ _self.widget_button('requests', 'HTTP Requests', 'ti ti-refresh') }}
{{ _self.widget_button('client_performance', 'Client performance', 'ti ti-brand-javascript') }}
</ul>
<div class="debug-toolbar-controls">
<div class="debug-toolbar-control">
<button type="button" class="btn btn-icon border-0 p-1" name="toggle_content_area" onclick="GLPI.Debug.toggleExtraContentArea();">
<i class="ti ti-square-arrow-up"></i>
</button>
<button type="button" class="btn btn-icon border-0 p-1" title="{{ __('Close') }}" onclick="GLPI.Debug.hideDebugToolbar();">
<i class="ti ti-square-x"></i>
</button>
</div>
</div>
</div>
</div>
<div id="debug-toolbar-expanded-content" class="w-100 card d-none pe-2">
</div>
</div>
<script>
$(document).on('ready', () => {
window.GLPI.Debug.init({{ debug_info|json_encode|raw }});
});
</script>
Mini Shell