Sindbad~EG File Manager
1748444873
cb1863ac929d80c7d82ff7248691da780195187a
a:1:{s:63:"count_Monitor_Manufacturer_43b0c16b-af82-418e-aac1-f32b39705c0d";s:14979:" <style>
#chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 {
background-color: #f9fbfb;
color: #7fa9a9
}
.theme-dark #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 {
background-color: #253737;
color: #7fa9a9;
}
#chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-label {
fill: #7fa9a9;
color: #7fa9a9;
}
.theme-dark #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-label {
fill: #7fa9a9;
color: #7fa9a9;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 {
/*!
* ---------------------------------------------------------------------
*
* 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_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-point, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-line, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-bar, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-slice-donut {
stroke: #1c8787;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-bar + .ct-barlabel {
fill: setcolor(#1c8787);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-circle {
fill: #1c8787;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-circle + .ct-label {
fill: #1c8787;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-slice-pie, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-area, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-a .ct-slice-donut-solid {
fill: #1c8787;
stroke: setcolor(#1c8787);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-0:before {
background-color: #1c8787;
border-color: #1c8787;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-point, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-line, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-bar, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-slice-donut {
stroke: #2bb6b6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-bar + .ct-barlabel {
fill: setcolor(#2bb6b6);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-circle {
fill: #2bb6b6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-circle + .ct-label {
fill: #2bb6b6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-slice-pie, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-area, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-b .ct-slice-donut-solid {
fill: #2bb6b6;
stroke: setcolor(#2bb6b6);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-1:before {
background-color: #2bb6b6;
border-color: #2bb6b6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-point, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-line, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-bar, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-slice-donut {
stroke: #4ed0d0;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-bar + .ct-barlabel {
fill: setcolor(#4ed0d0);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-circle {
fill: #4ed0d0;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-circle + .ct-label {
fill: #4ed0d0;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-slice-pie, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-area, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-c .ct-slice-donut-solid {
fill: #4ed0d0;
stroke: setcolor(#4ed0d0);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-2:before {
background-color: #4ed0d0;
border-color: #4ed0d0;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-point, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-line, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-bar, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-slice-donut {
stroke: #81d9d9;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-bar + .ct-barlabel {
fill: setcolor(#81d9d9);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-circle {
fill: #81d9d9;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-circle + .ct-label {
fill: #81d9d9;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-slice-pie, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-area, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-d .ct-slice-donut-solid {
fill: #81d9d9;
stroke: setcolor(#81d9d9);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-3:before {
background-color: #81d9d9;
border-color: #81d9d9;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-point, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-line, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-bar, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-slice-donut {
stroke: #b3e6e6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-bar + .ct-barlabel {
fill: setcolor(#b3e6e6);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-circle {
fill: #b3e6e6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-circle + .ct-label {
fill: #b3e6e6;
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-slice-pie, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-area, .dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-e .ct-slice-donut-solid {
fill: #b3e6e6;
stroke: setcolor(#b3e6e6);
}
.dashboard #chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series-4:before {
background-color: #b3e6e6;
border-color: #b3e6e6;
}
</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_8ada5605a92a4baa9df986d70d11add481a343a5">
<div class="chart ct-chart"></div>
<span class="main-label">Monitors by Manufacturers</span>
<i class="main-icon ti ti-edit"></i>
</div><script type="text/javascript">
//<![CDATA[
$(function () {
var chart = new Chartist.Pie('#chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .chart', {
labels: ["XION","ViewSonic","MSI","AOC","without"],
series: [{"meta":"XION","value":35,"url":"\/front\/monitor.php?reset&criteria%5B0%5D%5Bfield%5D=23&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=10&reset=reset"},{"meta":"ViewSonic","value":7,"url":"\/front\/monitor.php?reset&criteria%5B0%5D%5Bfield%5D=23&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=20&reset=reset"},{"meta":"MSI","value":4,"url":"\/front\/monitor.php?reset&criteria%5B0%5D%5Bfield%5D=23&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=34&reset=reset"},{"meta":"AOC","value":3,"url":"\/front\/monitor.php?reset&criteria%5B0%5D%5Bfield%5D=23&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=18&reset=reset"},{"meta":"without","value":2,"url":"\/front\/monitor.php?reset&criteria%5B0%5D%5Bfield%5D=23&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=0&reset=reset"}],
}, {
width: 'calc(100% - 5px)',
height: 'calc(100% - 5px)',
chartPadding: 4,
donut: true,
donutSolid: true,
showLabel: true,
labelInterpolationFnc: function(value) {
return '51';
},
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 * "51".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("51");
data.element.append(text);
} else {
data.element.remove();
}
}
// fade others bars on one mouseouver
chart.on('created', function(bar) {
$('#chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-series')
.mouseover(function() {
$(this).parent().children().addClass('disable-animation');
$(this).addClass('mouseover');
$(this).siblings()
.addClass('notmouseover');
$('#chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-label')
.addClass('fade');
})
.mouseout(function() {
$(this).removeClass('mouseover');
$(this).siblings()
.removeClass('notmouseover');
$('#chart-dashboard_card_assets_8ada5605a92a4baa9df986d70d11add481a343a5 .ct-label')
.removeClass('fade');
});
});
});
});
//]]>
</script>";}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists