%PDF-
%PDF-
Mini Shell
Mini Shell
1673038307
8ed0211c4021c4d40fb8240131c35fa6d1dfb4d6
a:1:{s:60:"top_ticket_ITILCategory_0cba0c84-6c62-4cd8-8564-18614498d8e4";s:18730:" <style>
#chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 {
background-color: #f1f5ef;
color: #83a771
}
.theme-dark #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 {
background-color: #232f1d;
color: #83a771;
}
#chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-label {
fill: #83a771;
color: #83a771;
}
.theme-dark #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-label {
fill: #83a771;
color: #83a771;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 {
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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/>.
*
* ---------------------------------------------------------------------
*/
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-slice-donut {
stroke: #397a18;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-bar + .ct-barlabel {
fill: setcolor(#397a18);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-circle {
fill: #397a18;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-circle + .ct-label {
fill: #397a18;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-a .ct-slice-donut-solid {
fill: #397a18;
stroke: setcolor(#397a18);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-0:before {
background-color: #397a18;
border-color: #397a18;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-slice-donut {
stroke: #4a9c22;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-bar + .ct-barlabel {
fill: setcolor(#4a9c22);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-circle {
fill: #4a9c22;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-circle + .ct-label {
fill: #4a9c22;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-b .ct-slice-donut-solid {
fill: #4a9c22;
stroke: setcolor(#4a9c22);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-1:before {
background-color: #4a9c22;
border-color: #4a9c22;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-slice-donut {
stroke: #5dbc2d;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-bar + .ct-barlabel {
fill: setcolor(#5dbc2d);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-circle {
fill: #5dbc2d;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-circle + .ct-label {
fill: #5dbc2d;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-c .ct-slice-donut-solid {
fill: #5dbc2d;
stroke: setcolor(#5dbc2d);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-2:before {
background-color: #5dbc2d;
border-color: #5dbc2d;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-slice-donut {
stroke: #74cf46;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-bar + .ct-barlabel {
fill: setcolor(#74cf46);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-circle {
fill: #74cf46;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-circle + .ct-label {
fill: #74cf46;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-d .ct-slice-donut-solid {
fill: #74cf46;
stroke: setcolor(#74cf46);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-3:before {
background-color: #74cf46;
border-color: #74cf46;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-slice-donut {
stroke: #8fd56c;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-bar + .ct-barlabel {
fill: setcolor(#8fd56c);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-circle {
fill: #8fd56c;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-circle + .ct-label {
fill: #8fd56c;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-e .ct-slice-donut-solid {
fill: #8fd56c;
stroke: setcolor(#8fd56c);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-4:before {
background-color: #8fd56c;
border-color: #8fd56c;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-slice-donut {
stroke: #a9dd90;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-bar + .ct-barlabel {
fill: setcolor(#a9dd90);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-circle {
fill: #a9dd90;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-circle + .ct-label {
fill: #a9dd90;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-f .ct-slice-donut-solid {
fill: #a9dd90;
stroke: setcolor(#a9dd90);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-5:before {
background-color: #a9dd90;
border-color: #a9dd90;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-point, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-line, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-bar, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-slice-donut {
stroke: #c4e6b3;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-bar + .ct-barlabel {
fill: setcolor(#c4e6b3);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-circle {
fill: #c4e6b3;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-circle + .ct-label {
fill: #c4e6b3;
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-slice-pie, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-area, .dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-g .ct-slice-donut-solid {
fill: #c4e6b3;
stroke: setcolor(#c4e6b3);
}
.dashboard #chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series-6:before {
background-color: #c4e6b3;
border-color: #c4e6b3;
}
</style>
<div>
<div class="card g-chart pie donut filter-dates filter-dates_mod filter-itilcategory filter-group_tech filter-user_tech filter-requesttype filter-location"
id="chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303">
<div class="chart ct-chart"></div>
<span class="main-label">Top chamados por categorias</span>
<i class="main-icon ti ti-subtask"></i>
</div>
</div><script type="text/javascript">
//<![CDATA[
$(function () {
var chart = new Chartist.Pie('#chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .chart', {
labels: ["Infraestrutura","Sistemas","Telefonia","Sistemas > O.S.","Infraestrutura > Instalar\/atualizar software","Infraestrutura > Software com problema","Sistemas > ERP"],
series: [{"meta":"Infraestrutura","value":6802,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=12&reset=reset"},{"meta":"Sistemas","value":3067,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=10&reset=reset"},{"meta":"Telefonia","value":2321,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=11&reset=reset"},{"meta":"Sistemas > O.S.","value":643,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=65&reset=reset"},{"meta":"Infraestrutura > Instalar\/atualizar software","value":488,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=24&reset=reset"},{"meta":"Infraestrutura > Software com problema","value":442,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=58&reset=reset"},{"meta":"Sistemas > ERP","value":398,"url":"\/front\/ticket.php?reset&criteria%5B0%5D%5Bfield%5D=7&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=44&reset=reset"}],
}, {
width: 'calc(100% - 5px)',
chartPadding: 4,
donut: true,
donutSolid: true,
showLabel: true,
labelInterpolationFnc: function(value) {
return '14.2K';
},
donutWidth: '50%',
plugins: [
Chartist.plugins.tooltip({
appendToBody: true,
class: 'dashboard-tooltip'
})
]
});
chart.on('draw', function(data) {
// animate
if (data.type === 'slice') {
// set url redirecting on slice
var url = _.get(data, 'series.url') || "";
if (url.length > 0) {
data.element.attr({
'data-clickable': true
});
data.element._node.onclick = function() {
if (!Dashboard.edit_mode) {
window.location = url;
}
}
}
// Get the total path length in order to use for dash array animation
var pathLength = data.element._node.getTotalLength();
// Set a dasharray that matches the path length as prerequisite to animate dashoffset
data.element.attr({
'stroke-dasharray': pathLength + 'px ' + pathLength + 'px'
});
// Create animation definition while also assigning an ID to the animation for later sync usage
var animationDefinition = {
'stroke-dashoffset': {
id: 'anim' + data.index,
dur: 1000,
from: -pathLength + 'px',
to: '0px',
easing: Chartist.Svg.Easing.easeOutQuint,
// We need to use `fill: 'freeze'` otherwise our animation will fall back to initial (not visible)
fill: 'freeze'
}
};
// We need to set an initial value before the animation starts as we are not in guided mode which would do that for us
data.element.attr({
'stroke-dashoffset': -pathLength + 'px'
});
// We can't use guided mode as the animations need to rely on setting begin manually
// See http://gionkunz.github.io/chartist-js/api-documentation.html#chartistsvg-function-animate
data.element.animate(animationDefinition, false);
}
// donut center label
if (data.type === 'label') {
if (data.index === 0) {
var width = data.element.root().width() / 2;
var height = data.element.root().height() / 2;
var fontsize = ((height / 1) / (1.3 * "14.2K".length));
data.element.attr({
dx: width,
dy: height - (4 / 2),
'style': 'font-size: '+fontsize,
});
// apend real total
var text = new Chartist.Svg('title');
text.text("14161");
data.element.append(text);
} else {
data.element.remove();
}
}
// fade others bars on one mouseouver
chart.on('created', function(bar) {
$('#chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-series')
.mouseover(function() {
$(this).parent().children().addClass('disable-animation');
$(this).addClass('mouseover');
$(this).siblings()
.addClass('notmouseover');
$('#chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-label')
.addClass('fade');
})
.mouseout(function() {
$(this).removeClass('mouseover');
$(this).siblings()
.removeClass('notmouseover');
$('#chart-dashboard_card_assistance_d7e36001f502c2959341f6954d29c47519cdb303 .ct-label')
.removeClass('fade');
});
});
});
});
//]]>
</script>";}
Zerion Mini Shell 1.0