Sindbad~EG File Manager
1748444873
4613843e2e198e25c28fecddd7d8b474ccc4ac29
a:1:{s:64:"count_Computer_ComputerType_c58f9c7e-22d5-478b-8226-d2a752bcbb09";s:14995:" <style>
#chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 {
background-color: #f5f9fa;
color: #6da7b6
}
.theme-dark #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 {
background-color: #1d343a;
color: #6da7b6;
}
#chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-label {
fill: #6da7b6;
color: #6da7b6;
}
.theme-dark #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-label {
fill: #6da7b6;
color: #6da7b6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 {
/*!
* ---------------------------------------------------------------------
*
* 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_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-point, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-line, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-bar, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-slice-donut {
stroke: #1c7287;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-bar + .ct-barlabel {
fill: setcolor(#1c7287);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-circle {
fill: #1c7287;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-circle + .ct-label {
fill: #1c7287;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-slice-pie, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-area, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-a .ct-slice-donut-solid {
fill: #1c7287;
stroke: setcolor(#1c7287);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-0:before {
background-color: #1c7287;
border-color: #1c7287;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-point, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-line, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-bar, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-slice-donut {
stroke: #2b9ab6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-bar + .ct-barlabel {
fill: setcolor(#2b9ab6);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-circle {
fill: #2b9ab6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-circle + .ct-label {
fill: #2b9ab6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-slice-pie, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-area, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-b .ct-slice-donut-solid {
fill: #2b9ab6;
stroke: setcolor(#2b9ab6);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-1:before {
background-color: #2b9ab6;
border-color: #2b9ab6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-point, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-line, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-bar, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-slice-donut {
stroke: #4eb6d0;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-bar + .ct-barlabel {
fill: setcolor(#4eb6d0);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-circle {
fill: #4eb6d0;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-circle + .ct-label {
fill: #4eb6d0;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-slice-pie, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-area, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-c .ct-slice-donut-solid {
fill: #4eb6d0;
stroke: setcolor(#4eb6d0);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-2:before {
background-color: #4eb6d0;
border-color: #4eb6d0;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-point, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-line, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-bar, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-slice-donut {
stroke: #81c8d9;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-bar + .ct-barlabel {
fill: setcolor(#81c8d9);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-circle {
fill: #81c8d9;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-circle + .ct-label {
fill: #81c8d9;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-slice-pie, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-area, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-d .ct-slice-donut-solid {
fill: #81c8d9;
stroke: setcolor(#81c8d9);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-3:before {
background-color: #81c8d9;
border-color: #81c8d9;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-point, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-line, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-bar, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-slice-donut {
stroke: #b3dbe6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-bar + .ct-barlabel {
fill: setcolor(#b3dbe6);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-circle {
fill: #b3dbe6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-circle + .ct-label {
fill: #b3dbe6;
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-slice-pie, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-area, .dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-e .ct-slice-donut-solid {
fill: #b3dbe6;
stroke: setcolor(#b3dbe6);
}
.dashboard #chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series-4:before {
background-color: #b3dbe6;
border-color: #b3dbe6;
}
</style>
<div class="card g-chart pie donut filter-dates filter-dates_mod filter-location filter-manufacturer filter-group_tech filter-user_tech"
id="chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5">
<div class="chart ct-chart"></div>
<span class="main-label">Computers by Type</span>
<i class="main-icon ti ti-device-laptop"></i>
</div><script type="text/javascript">
//<![CDATA[
$(function () {
var chart = new Chartist.Pie('#chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .chart', {
labels: ["Laptop","PC Fijo","without","MiniPC","Tablet"],
series: [{"meta":"Laptop","value":650,"url":"\/front\/computer.php?reset&criteria%5B0%5D%5Bfield%5D=4&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=3&reset=reset"},{"meta":"PC Fijo","value":122,"url":"\/front\/computer.php?reset&criteria%5B0%5D%5Bfield%5D=4&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=1&reset=reset"},{"meta":"without","value":31,"url":"\/front\/computer.php?reset&criteria%5B0%5D%5Bfield%5D=4&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=0&reset=reset"},{"meta":"MiniPC","value":6,"url":"\/front\/computer.php?reset&criteria%5B0%5D%5Bfield%5D=4&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=4&reset=reset"},{"meta":"Tablet","value":3,"url":"\/front\/computer.php?reset&criteria%5B0%5D%5Bfield%5D=4&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=6&reset=reset"}],
}, {
width: 'calc(100% - 5px)',
height: 'calc(100% - 5px)',
chartPadding: 4,
donut: true,
donutSolid: true,
showLabel: true,
labelInterpolationFnc: function(value) {
return '812';
},
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 * "812".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("812");
data.element.append(text);
} else {
data.element.remove();
}
}
// fade others bars on one mouseouver
chart.on('created', function(bar) {
$('#chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-series')
.mouseover(function() {
$(this).parent().children().addClass('disable-animation');
$(this).addClass('mouseover');
$(this).siblings()
.addClass('notmouseover');
$('#chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-label')
.addClass('fade');
})
.mouseout(function() {
$(this).removeClass('mouseover');
$(this).siblings()
.removeClass('notmouseover');
$('#chart-dashboard_card_assets_18ac5425611e217898e64eb2963f37ee37e726a5 .ct-label')
.removeClass('fade');
});
});
});
});
//]]>
</script>";}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists